有效课堂的静态网页设计课程设计　

【摘要】当今职业院校都在积极开展项目化教学、理实一体化教学、情境教学等多种教学手段来实现课堂的有效性。但在实际教学过程中，往往没有达到我们设计的教学目标，本文以《静态网页设计》这门课为例，设计一个完整的整体设计，来实现课堂的有效性。

【关键词】有效课堂；网页设计；整体设计

1引言

《静态网页设计》是职业院校计算机专业里面必修的一门基础课。本课程与《JavaScript程序设计基础》、《HTML5前端设计》课程组成了前端开发的整体课程体系。通过本课程的学习可以让学生具备以下能力：能够利用HTML标签编写网页中的元素、能够利用CSS样式来美化页面内容、能够利用DIV+CSS技术制作复杂的页面。

2学习者分析及应对措施

对于静态网页设计大部分学生还是比较感兴趣，但是真正要能够做到复杂的实战性的页面设计，需要掌握很多基础知识和技能，且学习难度较大，随着难度的增加兴趣会逐渐降低。学生缺乏自主学习的意识，独立思考的能力不强，遇到难懂的知识和难做的项目，容易产生放弃的心理，缺少吃苦耐劳及钻研精神。学习者行为的控制力不强，专注力不够持久，玩手机、做其他事情的学生多，特别是一些基础比较差的学生，完成作业的自主性不强，时有作业晚交和抄袭的现象。在本课程的教学过程中，课内以企业典型项目为载体实施项目化教学，实行做中学、学中做。小组合作：如布置一个复杂的课堂任务，可将四个同学组成一个小组，每个小组内必须有动手操作能力比较强的同学。小组内通过互相讨论和帮助的形式完成该项任务。任务载体设计：选取一些有趣的或者现实生活中真实任务为载体，提高学生的兴趣度。

3课程设计思路

本课程在教学过程中采用项目作为教学内容的载体，教学过程中采用的项目主要有2个：第一个项目是网上书店网页的制作，主要用来学习HTML标签、CSS样式及简单的DIV+CSS布局的使用。第二个项目是仿凡客首页的制作，可以分为网页HEADER区域的制作、网页横向导航条的制作、网页左侧竖形导航的制作、图片轮播图区域的制作、产品信息区域的制作、友情链接区域的制作六个子项目。主要学习的是对HTML、CSS、DIV+CSS复杂布局的综合应用。总结：按照这个课程设计，我们已经上了2个学期的课，比起以往的教学，整体教学情况良好，学生学习的积极性有所提高，也主动完成课后作业，达到了我们设定的教学目标。但每个教学群体还是有所不同，要因人而异，本文只是给这门课的设计提供了一个方向。

参考文献：

［1］吴细花.基于项目教学的“网页设计与制作”课程改革与实践［J］；《电脑知识与技术》;2017第23期

［2］李可.阿里巴巴矢量图标库在《网页设计》课程中的应用［J］；福建电脑》;2017第3期

李可 宁波职业技术学院

 环境设计论文   实验设计论文   电路设计论文   造型设计论文   优化设计论文 室内设计论文   网页设计论文   平面设计论文   环境艺术设计论文   服装设计论文 广告设计论文   招贴设计论文   园林设计论文   园林景观设计论文   建筑设计论文 景观设计论文   字体设计论文   空间设计论文   方案设计论文   家具设计论文 网站设计论文   工程设计论文   系统设计论文   设计管理论文   路面设计论文 照明设计论文   环保设计论文   程序设计论文   结构设计论文   产品设计论文