《网页设计与制作》课程的探索与实践研究
时间：2020-09-18 07:53:50 来源：达达文档网 本文已影响 人 
摘 要：为了适应市场对“网页设计制作人员”的岗位需求和网页设计成果向《Web应用程序设计》课程的过渡，针对目前《网页设计与制作》课程存在的问题，对《网页设计与制作》课程的教学目标、教学内容、教学方法等多个方面进行了改革与实践。
关键词：网页设计与制作；Web应用程序设计；课程改革
作者简介：张慧（1979-），女，湖北黄冈人，讲师，硕士，计算机软件与理论，复杂系统建模。
[中图分类号]：G633.67 [文献标识码]：A
[文章编号]：1002-2139（2013）-20--01
1、引言
《网页设计与制作》课程是《Web应用程序设计》课程的先修课程，为Web应用程序的页面布局和界面设计打基础。为了适应市场对“网页设计制作人员”的岗位需求和为了实现网页设计到Web应用程序设计的过渡，有必要对现有的《网页设计与制作》课程进行改革，使学生能适应“网页设计制作人员”的岗位需求并能将《网页设计与制作》课程里学习的实践成果能直接应用于基于.net或JSP的Web应用程序设计。
2、《网页设计与制作》课程现状及存在问题
笔者所在学校的计算机科学与技术、软件工程、网络工程三个专业都开设了《网页设计与制作》课程。传统的网页设计与制作课程主要基于网页三剑客Dreamweaver、Fireworks、Flash制作出精美的网页。这些网页内容丰富多彩，结构复杂，能满足静态网页的页面需要，但这些网页不能直接应用于基于.net或JSP的Web应用程序开发中，不能满足动态网页的页面需求。Web应用程序开发，是通过后台数据库与Web服务器的信息交换，由后台数据库提供实时数据更新和数据查询服务。《Web应用程序设计》课程有两种主流的开发技术：.net与JSP。在《Web应用程序设计》课程中，主要讲解.net技术与JSP技术，而不讲解页面设计，需要学生将《网页设计与制作》课程学习到的网页设计知识融合到Web应用程序设计中来，使动态页面既有数据库的内容，又界面美观。而学生在传统的《网页设计与制作》课程里学习的页面知识不能直接应用于Web应用程序设计。有必要对《网页设计与制作》课程进行教学改革，增加CSS，Div，Javascript，AJAX等内容，以完成学生向Web应用程序设计的过渡。
3、教学改革措施
3.1课程定位与目标
《网页设计与制作》课程的实践性较强，是网络工程专业的核心课程，是计算机科学与技术、软件工程专业的选修课。本课程以计算机导论、计算机程序设计语言为先修课程，以培养学生实际动手能力为目标，使学生具备网页素材搜集、网页元素制作、网站布局和规划、脚本代码编写、网站发布、网络建设管理与维护等知识与技能，并培养学生团队协作能力、沟通能力、分析问题能力、解决问题能力，同时也为后续课程《Web应用程序设计》的学习奠定基础和实现向Web应用程序开发的顺利过渡。
课程目标包括：①理解网站的工作原理，学会构建网站；②熟练掌握Photoshop、Fireworks、Flash等软件处理网页素材；③熟练使用CSS、Div进行网页设计；④掌握网页脚本语言的使用方法；⑤培养学生做出具有一定水准的网页（包括Javascript，CSS+Div）。
3.2优化教学内容
以往《网页设计与制作》的教学内容大多是按网页三剑客展开，而以向Web应用程序设计的过渡为导向的课程改革需要将《网页设计与制作》课程内容与Web应用程序开发的动态页面要求相结合，满足日后的Web应用程序设计要求。
教学内容主要包括：①网页图片处理；②网页动画制作；③基于HTML+CSS+Div+Javascript网页设计。
借助Dreamweaver进行可视化页面设计转向纯代码的编写，全部靠手工编写代码来设计网页页面。
3.3教学方法改革
教学方法由传统的演示法向多样式教学方法发展，主要有以下4种：
启发式-模仿法：初学时需要大量浏览一些优秀网站案例。通过欣赏国内外优秀网站，让学生在外观视觉的享受中感受网页设计领域的奇妙，培养学习兴趣。并选中几个案例，进行一步一步地模仿设计。
任务驱动法：每个学习案例都布置了学习任务，课程体系结构以任务为主线，贯穿整个学习过程。教师在课堂讲解理论知识后，布置学习任务，学生自己动手独立完成学习任务，将理论与实践相结合，使理论知识得以实践。
项目教学法：将实际的网站设计项目直接在课堂再现，以项目为驱动，带动各知识点，让学生边学边练。让学生了解网站开发的流程，也促进各知识点的应用，快速吸收所学
内容。
3.5学生设计成果能向《Web应用程序设计》课程过渡
《网页设计与制作》课程是《Web应用程序设计》的先修课程，学生通过《网页设计与制作》课程的学习，设计出的网页成果要能直接移植或方便的移植到Web应用程序设计中来，而不能出现设计出的网页成果与《Web应用程序设计》无关，与后续课程脱节。
方法：（1）利用Dreamweaver等网页编辑软件，纯手工编写代码，保存为后缀名为html或htm的文件，通过不同的浏览器测试页面的预览效果。日后通过修改文件后缀名来适应.net开发或JSP开发，实现向Web应用程序设计的移植。
对于基于.net的Web应用程序，在 Visual Studio环境下进行网页设计，实现网页设计向基于.net的Web应用程序的直接移植；对于基于JSP开发的Web应用程序，在Eclipse环境下进行网页设计，实现网页设计向基于JSP的Web应用程序的直接移植。
4、结语
通过《网页设计与制作》课程教学改革与实践，课程结课后学生都能够独立完成基于HTML+CSS+Div+Javascript的小型网站网页的设计，且这些网页要能直接移植或方便的移植到Web应用程序设计中，实现向Web应用程序设计的完美过渡。通过课程改革，提高了学生的学习兴趣，锻炼了他们的实际动手实践能力，并为后续《Web应用程序设计》的页面设计打下良好的基础。
参考文献：
[1] 彭莉，张道军，高好良.《网页设计与网站建设》课程教学改革与实践.软件导刊，2013，12（2）：170-172.
[2] 董玉兰.教师引导 学生探究——《网页修饰》教学设计.课程教育研究，2013.
[3] 闫奇峰，张莉平.高校《网页设计与制作》课程的教学改革与探析.计算机教学，2012，8：165-166.
[4] 张梅.基于網页设计与制作的课程改革新趋势分析与研究.现代企业教育，2012，10：386-387.
