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