高职网页设计课程的教学设计思考
中图分类号：G718
《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。
1 教学内容分析
网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。
对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。
综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。
2 学情分析
2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。
2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。
3 教学设计思路
3.1 理念。基于工作过程开发网页设计课程。
3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。
表1 小型企业网站项目举例
序号 模块名称 知识点
1 建站准备 需求分析
2 规划设计网站 网站规划设计知识、网页配色
3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用
4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用
5 设计制作栏目1-公司概况 网站中字体搭配与排版
6 设计制作栏目2-企业相册 表格、网页中的多媒体应用
7 设计制作栏目3-产品展示 超链接、CSS
8 设计制作栏目4-留言板 表单、数据库访问
9 网站整合与发布 申请空间及上传网站等
3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。
单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。
4 教学方法与手段
4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。
4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。
4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。
4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。
4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。
5 考核办法
以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。
6 结束语
本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。
