返回 文学论文 首页
《网页设计与制作》课程的探索与实践研究

  摘 要:为了适应市场对“网页设计制作人员”的岗位需求和网页设计成果向《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.


【相关论文推荐】
  • 《网页设计与制作》
  • “网页设计与制作”课程教学探索
  • 网页设计与制作课程现状研究
  • 《网页设计与制作》课程的开发与实践探析
  • 《网页设计与制作》课程建设的认知与实践
  • 《网页设计与制作》课程教学的创新与实践
  • 高职《网页设计与制作》教改探索
  • 关于网页设计与制作技术的探索和实践
  • “网页设计与制作”课程教学方法的探索