时间：2022-02-16 21:30:47
关键词：《网页设计》；项目教学；教学实践
《网页设计》课程是青岛农业大学传播学专业网络传播方向的一门专业基础课，其主要目的是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS和网页制作工具，熟悉网页的制作和流程，能够根据客户需求进行静态网页设计与制作以及进行小型网站的维护和管理工作，是一门操作性与实践性都很强的课程。课程设置32学时，内容多、课程紧，如何在有限的时间内最优化学生的学习效果是授课教师面临的重要课题。
一、理顺与先修后继课程的关系
以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《C程序设计》及《电脑美术平面设计》，课程的后续课程包含有专业基础课程《计算机网络技术》，专业课程《网络传播》《网站创建于管理》，专业拓展课程《网络数据库技术》《手机APP开发》《网站策划与设计》及《动态网站建设》。
二、确定课程的教学目标
在对课程进行了重新定位和性质分析的基础上，确定课程的总体教学目标为培养学生静态网站设计与制作的实际工作技能，其中：知识目标：了解HTML标记语言，熟练使用网页制作工具Dreamweaver，能完成DIV+CSS标准布局。能力目标：能进行网站需求分析、总体设计，能实现界面设计、基本网页制作，能制作多种页面特效，能进行网站的基本管理。素质目标：培养学生良好的职业素养、团队协作意识、自我学习能力、沟通表达能力和知识归纳与积累能力。
三、课程内容设计
设计课程的讲授学时为16学时，实践学时为16学时。教学内容制定的依据是以岗位需求为导向，对网页设计师和网络美工的工作过程进行分解分析，确定岗位的核心能力；将核心能力整合提炼为对应的课程项目；依据课程项目提炼章、节、知识点；构建出以工作体系为基础的课程体系。其中课程项目规划设计6个，对应16课时的实践学时。分别为：项目一网页设计基础、项目二Dreamweaver基础、项目三表格布局的页面制作、项目四页面美化、项目五CSS+DIV布局的页面制作及项目六页面特效制作。围绕6个课程项目，规划课程教学内容10章，对应16课时的讲授学时，内容包括网页设计基础、Dreamweaver基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS+DIV布局、APDiv和Spry及行为。
四、《网页设计》项目教学实践
课程的实施步骤主要包括知识引入、项目布置、项目分析、分解实施及分步总结5个环节，本文以“页面特效制作”项目为例，具体阐述课程教学实施过程[1,2]。
（一）知识引入
平时浏览到的网页，很多都有网页特效。像图1左右两侧的对联悬浮广告，以及图2中的图像变化效果，这些特效的实现与“行为”这一知识点密切相关。针对行为是什么和如何为网页添加行为，围绕第十章行为相关知识点开展教学。在基本知识点完成学习的基础上，布置本次需要完成的项目是“制作甜品饮料吧网页特效”。
（二）项目分析
教师对项目任务的重点、难点进行细致的分析讲解，学生针对性地记录相关知识点。例如，对“甜品饮料吧”案例进行分析，确定该项目的操作要点为：一是在“热卖产品”下方，分别为图像“茉莉花香”“冰火两重天”“生命之绿”，“巨杯甜饮”添加显示-隐藏元素特效。二是在“特色产品”下方，添加交换图像特效。学生要在教师的指导下充分理解项目要求。
（三）分解实施
学生根据项目任务做好详细地分步实施计划，教师按照任务节点要求以及学生学习计划指导学生进行网页设计与制作，并注意纠正学生自主学习过程中出现的偏差，着重培养学生的项目实践能力。
（四）分步总结
对于项目实施过程中的重点与难点，找出共性问题进行讲解。
五、结束语
【关键词】实验教学改革；教学内容；教学方法；教学效果
1.引言
“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。
2.存在的问题
“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课，在实际教学过程中，经常面临的问题有：
⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异，Html标准也发展到了Html5，一些任课教师显得无所适从。
⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来枯燥，在实验课又翻开书按部就班，学生掌握知识成效甚微。
⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。
3.实验教学改革
3.1 教学内容
根据制定的人才培养方案，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站基础入门知识。根据“先总体后具体”的原则，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，计划2学时；模块二，掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用方法，计划10学时；模块三，掌握网页布局，学会层叠样式表（CSS）。通过案例，要求学生学会样式控制并布局网站，计划10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等软件的使用方法，计划4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识，计划6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。
3.2 教学方法
通过长期的教学实践，我们可以将教学方法归纳为以下几点：
（1）采用实验课堂教学，实践为主，讲授为辅
该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，计划2学时，可以1/3时间讲授基础入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。
（2）采用典型案例实验教学
该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。
（3）拓展课堂、多元一体化辅助实验教学
要想真正让学生的动手能力达到质的飞跃，达到学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的方法：拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面：
①借用现代化多媒体手段学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充分利用现代多媒体等手段进行网上学习，如在基础知识模块学习过程中，可充分借助W3C学院（W3Cschool）进行辅助学习及实践练习。
②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五涉及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原则，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。
③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极鼓励并指导学生参赛，从而进一步激发了学生的学习兴趣。
3.3 教学成效
经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题，为今后的进一步深造学习打下了坚实的基础。
4.结语
通过“网页设计与制作”实验课程的教学改革实践，我们取得了不错的教学效果，但计算机技术发展日新月异，该课程教学肩负的任务也越来越重。我们将继续完善教学内容、教学方法以及考核方式等环节，不断提高学生的动手能力，真正让学生学有所用。
参考文献
[1]朱金秀，陈小刚，朱昌平等.项目式实验教学的探索与实践[J].实验室研究与探索，2008（11）：93-95.
[2]杜现朝，龙怀冰，王清理等.基于Web标准的网站设计与开发流程[J].计算机工程与设计，2008（4）：945-948.
[3]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007（13）：264-266.
[4]任国庆.”计算机网页设计”课程体系分析及课程整合[J].计算机教育，2006（10）：58-60.
(北京吉利学院理工学院，中国 北京 102202)
【摘 要】以高职院校计算机专业学生的培养目标出发,探讨网页设计与制作课程课程标准的制定。对《网页设计与制作》课程的课程定位、设计思路、工作任务、课程目标四方面的改革，以便提高这门课的教育教学质量。
关键词 教学改革；课程设计；课程目标
1 课程定位
《网页设计与制作》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程，它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。课程以目前最常用的网页三剑客为主要工具，通过学习要求学生掌握网页设计的基本概念，了解常用脚本语言html，了解网页设计方法，初步掌握DIV+CSS网页设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。
2 设计思路
经过不断学习、深入调研，根据高等职业教育培养目标要求，根据职业岗位的任职要求，从多元智能的人才观、能力本位的教育观出发，确立了“基于职业工作过程，以培养职业能力和素质为重点，实施任务驱动教学”的课程设计理念。本课程是按行动导向教学理念进行项目式教学改革的试点课程。通过在多个专业试点，我们按照项目教学的要求，创设了行动导向的项目教学，不仅将网页设计的相关知识有机地融入到工作任务，还结合学生所处的不同时期、不同状态以及正在学习的不同内容，有针对性的嵌入了影响学生就业的职业素质的培养单元，进一步地加强了项目教学的职业针对性。课程以商务型专业网站平台服务岗位需求为导向，以网页设计职业能力培养为重点，以商务网站项目为载体，实现课程设计与开发的创新。网页设计教学按照网页设计员的岗位职业能力要求进行课程设计，围绕完成一个真实的工作任务开展教学，把学习与工作融为一体，通过指导学生完成一系列的实际工作任务来达到职业能力目标的要求，重点培养学生开发简单商业网站的岗位能力和职业素养。通过本课程的学习，要求学生能够成为从事网站开发、网页界面设计等工作的应用技术型人才。
3 工作任务
“网站建设与维护”职业岗位具体的工作为：在一种操作系统平台下综合利用各种相关软件完成网页设计与网站建设的工作。对于该岗位的从业人员人员来说，必须懂得Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。其中网页设计与制作员，其典型的工作任务是按照客户的要求进行网站规划和网页设计，运用Dreamweaver、 Fireworks、flash等网页制作工具完成网页的制作及网站建设。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。
在《网页设计与制作》学习领域中贯穿两个平行的工作总任务；一个是模仿型总任务：《拓展运动会精彩回放》网站设计与制作；一个是开放型总任务：“以业余爱好为题材的个人网站”设计与制作；模仿型总任务来源于我校学生拓展运动会，这是一个真实的工作任务，也是一个学生感兴趣的任务。以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分成若干子任务，学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成总任务，获取学习成果。与完成该模仿型总任务相平行，以开放型总任务作为教学拓展。教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。
4 课程目标
4.1 教学目标
了解WWW、HTTP、HTML、CSS的定义、概念和作用；
理解服务器、客户端、浏览器的概念和作用；
理解HTML语言中的常见标记及其作用；
熟练掌握Dreamweaver的基本操作方法；
理解表格、框架、层的作用，掌握设置其属性的方法；
理解CSS样式表的作用和意义，掌握定义CSS样式的方法；
理解表单的作用，掌握设置表单元素属性的方法；
理解行为的作用，掌握设置行为的方法；
理解模板和库的作用。
4.2 技能教学目标
会使用Dreamweaver网页设计工具制作网页；
会根据需要修改HTML语言中的标记，设置相关标记的属性；
能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；
能够熟练运用表格、层、框架等进行网页布局；
熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；
熟练掌握表单制作方法，能够根据要求进行表单的设计；
能够在网页中根据要求设置行为；
熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计。
4.3 素质教学目标
具有勤奋学习的态度，严谨求实、创新的工作作风；
具有良好的心理素质和职业道德素质；
具有高度责任心和良好的团队合作精神；
具有一定的科学思维方式和判断分析问题的能力；
具有较强的网页设计创意思维、艺术设计素质。
通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握综合网站设计和发布的基本流程和方法。
参考文献
［1］郑娅峰.网页设计与开发[M].清华大学出版社,2011,9(2).
关键词：网页设计；模块化；探索
现在是互联网的时代，人们的工作、学习已离不开互联网，通过互联网和获取信息、展示部门、企业形象，开展网络营销等活动已成为一种新的流行趋势。无论是企业网络构建管理还是网站的开发运营，都需要靠实用型网络技术人才来实现，社会对合格的网站设计人才需求缺口非常大。各大高校为社会培养了大批网站设计人才，但真正符合社会需求的技术应用性人才仍然短缺。这一现象表明，计算机专业的教学和人才培养模式与社会脱节，就要求我们对计算机技术人才培养要从中学期间抓起。
一、《网页设计》传统教学模式存在的问题
（一）《网页设计》课程具有实用性、操作性强的特点
在当前中学计算机传统教学模式中，教师通常根据“理论加实践”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌握的知识技能与具体工作任务需要脱轨。
（二）上机实践内容单一，缺乏真实实践环境，学生未能通过实践有效地梳理所学知识，提高实践操作能力。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会实践需要。
二、《网页设计》课程模块化教学体系的构建
《网页设计》课程是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中，将这些知识点合理地贯穿在课程的授课中，将课程内容分段模块化，以应用和职业能力为导向，打破以知识为中心的传统学科章节体系，将实践工作所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。 在授课内容上打破以往教材只讲授Dreamweaver软件制作网页，或者以Dreamweaver软件为主，Flash、Firworks、Phtoshop几个软件都涉及，但是这几个软件却是孤立讲授，学生在学习的过程中学到的知识是零散的，思想是模糊，在制作网页时很难从全局的角度出发，规划设计制作出合格的网页。为此，我打破原有课程体系的束缚，调整原有章、节的顺序，增加以往教材中缺少的网站设计的重要知识―版面设计部分，将课程内容结构以应用为导向“模块化”，每个模块下又分为不同的子模块，根据模块的特点采取与之相对应的教学方法和手段，培养学生的专业素质和能力。 具体为：
模块一：网页设计基础了解网页设计基本概念，包括Internet、WWW、HTTP、HTML等；了解网页设计基本流程；了解网页制作相关工具掌握网络、网页、网站等基本概念，掌握网站设计基本流程 。
模块二 ：设计模块子模块一 网页版式设计掌握网页的布局理念；色彩搭配；phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面，并能将页面设计图形成网页 。
模块三：动态设计了解数据库的链接；IIS的设置；动态页面创建的方法会用ACCESS或SQL创建数据库，链接数据库；会创建简单动态网页；会测试动态网页；能将给定的动态网页（如论坛、留言板）链接到静态网站中
模块四：应用模块模块一 综合设计用户调查分析；材料的收集分类；网站的整体规划；综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程，能独立规划、设计制作一个完整的网站（以集中实训的方式进行） 。
三、《网页设计》课程模块化教学体系的实施
（一）合理安排各教学模块的课时，突出实际应用能力模块的教学。在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识，忽略网站设计知识，使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课，对于网页设计和制作基础等知识的理解接受能力较强的特点，在课时的安排上，基础模块部分只分配总课时的三分之一，设计模块约占总课时的四分之一，将剩余的将近总课时一半的时间分配在应用模块上，并以实训的方式，采用“真题真做”等形式进行教学，对学生着重进行实践和应用能力的培养，使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识，提高岗位技能。
（二）改革课程教学模式，提高学生学习效率
关键词：网页设计；教学创新；教学改革
随着国家发展方向不断倾向信息化，信息技术的改革成为了提升欧国家综合实力、促进国家发展的重要因素。这样的发展趋势，为各个领域的发展都带来了更多便利，也带来了更多挑战，教学领域亦是如此。网页设计教学当前页面对着这样的发展需求，教学创新是十分重要且必要的。所以文章中将针对当前网页设计教学的改革进行分析，以促进教学改革。
1网页设计教学内涵分析
网页设计是网络上每一个平台建设过程的重要一环，有了设计过程，才能让网络平台的作用真正体现出来。所以网页设计技术对于信息领域的人才来说，也是十分必要的一项技术。这这项技术的掌握，对于人才未来在信息领域的发展是有很大影响的，特别是在当前的发展趋势下，网页设计课程的改革，对于信息人才的培养有着至关重要的作用。但信息相关的教学科目即便是作为当前时展背景下的重要科目，在我国应试教学体系的影响之下，亦受到了很大的影响，进而导致教学认知不准确、教学方式缺乏创新性，对于学生的自主精神亦完全不重视。这样对网页教学设计是有害无利的，只有认清趋势，不断改革教学思想、教学方式，激发学生的自主开拓精神，才能让教学作用真正体现出来，培养出更多优秀的信息人才[1]。
2网页设计教学问题分析
2.1教学认知不准确
任何科目的教学过程，都只有依靠校方与教师对这一科教学要点的明确认知，才能有更明确的方向。网页设计教学是同样的道理，校方与教师应当更加明确这一科的教学目标、教学要点，才能让教学作用进一步体现出来。但是由于当前受到国家应试教学体系的影响，所以许多教师对于网页设计在这一门课程的认知与规划也是十分单一的，这会导致教学不符合时展趋势，更无法调动学生的学习热情。
2.2教学方法缺乏先进性
教学方法决定教学成效，这一理念在各科教学过程当中都是十分重要且不可否认的，网页设计教学亦然，所以校方与教师也应当更注重教学方式的改革，才能够让网页设计教学的意义真正体现出来。但是当前许多教师都只是单纯遵从固定的教学方针，依照固定步骤去落实教学。这样会影响教学的灵活性，使得教学实效性无法体现。
2.3忽略学生主体地位，影响主观能动性
学生在教学过程当中的主体地位是不可否认的，但是在我国教学体制的影响之下，学生的主体地位长久以来都得不到应有的重视，这也是一项重要的事实。教师如果始终意识不到学生对于教学过程是怎样的存在，有着怎样的地位，那么学生的学习需求将永远得不到重视，教学改革也自然是空谈。但是由于我国教学体制长久以来都是由教师主导的，所以教师很少会去思考学生的需求、学生的喜好以及学生的思维方式，这样自然是不利于教学改革的。特别是对于网页设计这一类需要以个人创新思维为主导的科目，更需要教师以学生的视角去思考，才能真正激发学生的主观能动性，变被动为主动，反之则只会让学生愈发感到枯燥，甚至很可能对教学产生抵触情绪，进而对网页设计学习完全失去兴趣[2]。
3网页设计教学创新改革策略
3.1明确教学认知，确保教学意义的体现教师的眼界开阔，对于教学的认知精准且创新，那么教学规划也自然会更加灵活、更有意义。所以当前网页设计教学要得到创新，最重要的一项课题便是教师教学认知的改革。教师应当进一步意识到网页教学的本质，摆脱长久以来被我国应试教学体制所限制的教学思想，以更具创新性的思想以及当前的发展趋势去合理规划网页设计教学。例如在规划教学时，教师可以首先对当前社会上信息领域网页设计需求的调查数据进行分析，去了解哪一类网站是当前在设计领域最受重视的，并且将这样的设计项目融入教学过程中，这样能够让学生的学习更符合社会发展需求。3.2改革教学方法，提升教学先进性教学方法决定教学成效，在网页设计教学当中这一理论依然适用。所以教师为确保教学先进性的体现，应当更加注重对教学方式的不断改革，特别是在当前追求创新的时展趋势下，教师应当注重更多先进教学要素的融入，可以利用主题项目教学方式的融入，将各类网站的设计作为探索项目布置给学生，让学生分组或个人进行去进行自主探索，这样才能激发学生学习的兴趣。3.3注重主观能动性的激发，让学生自主探索学生的主体地位，在我国教学领域当中始终缺乏认知，但却是必须要得到重视的因素。学生乐于投入学习，乐于主动积极的去探索，教学的作用才能真正体现出来，所以教师在规划教学时，应当更注重学生的性格、喜好以及发展方向等等，并以这些要素来对教学进行改革。这样才能让学生的个人需求得到重视，逐渐意识到自身的主体地位，这样主观能动性才能得到激发。例如对于课堂的实践项目，教师可以适当让学生来决定主题、内容等等，并且可以适当轮班，让每个学生都有一定机会去决定教学，这样对学生的积极性激发十分有利。此外每个学生都有自身擅长的部分，这样的教学方式有利于对学生优势的激发。例如部分学生擅长电商类网站的设计，便可以让其决定设计主题，并引领同学学习电商类网站的设计细节，部分学生则擅长论坛类网站的组建，那么则可以带领同学向这一方向去探索，这样的教学方式很有激发性[3]。
4结语
网页设计相关的知识与能力，是学生步入信息领域所必须具备的，也是在信息时代背景下赢得更好发展的必胜筹码。所以对于网页设计教学改革的重视是十分必要的。特别是在当前发展速度不断加快的情况下，网页设计教学也自然应当审时度势进行改革，才能确保教学作用的体现，帮助学生提升设计能力，发挥出主观能动性，变被动为主动，成为学习过程的主人，这样的网页设计教学，对于社会信息人才的培养是十分有利的。
引用：
[1]李素铎.网页设计公共课教学中创新意识的培养研究[J].自动化与仪器仪表,2015,(04):217-218.
[2]刘敏娜,葛萌.《网页设计与制作》课程教学的创新性改革[J].中国新技术新产品,2009,(03):164.
关键词网页设计与制作网站网页中图分类号：G712文献标识码：A
1 技术与艺术的争论
“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？
互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？
在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？
作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。
在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。
2 网站与网页的分合
教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。
学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。
3 实用性与艺术性的思辨
网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是真正的设计者。
4 系统性与适应性的融合
高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？
针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。
在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。
5 过程性与结果性的统一
每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。
在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。
6 职业素养与职业能力的协调
很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。
7 结论
高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。
参考文献
[1]孙东梅. Dreamweaver完全实用手册[M].电子工业出版社,2011:3-4.
有一部分学生喜欢把实例的步骤写得清楚，跟着课本一点一点地做，而不会去思考为何要如此操作，所以教师无法达到教学的目的，考核成绩的方式过于陈旧大多数的中职学校的学生都无法配备个人的电脑，而且很多学生也不愿意在课后抽出更多的时候来进行实操，考试时间因为有限的原因导致原有的考试方式只是给出网页的样式，让学生只是对着试题或样式完成考试内容。实际上，网页设计是一个具有很强主观性的实操课程，但这种方式所导致的结果只能是模仿制作网页，无法规划网站，无法进行创新。
一、教学思路方法的完善
针对企业对于网页设计人才的要求，要提高网页设计教学水平是一定要执行的。本文针对之前提出的几点问题，对于完善教学思路方法提出几点意见：1.教师的专业实践水平需要提高，并改进原有的教学方法对于网页设计的教师而言，都是一定要关注网络应用的实际发展，要不断的更新自己的知识并且提高个人素质，校方可加强与企业的合作，帮助教师开拓视野，并从政策上指导和鼓励教师利用假期的时候到企业进行实践，深入的了解完整网站的建设过程（比如从素材的收集和整理、网站的规划、网站制作、网站维护等）。教师将企业中的项目带入至课堂中，让学生从完成的项目中明确了解自己学习网页设计课程后可以从事的工作，以及如何在工作中去应用在课堂中所学到的知识，而教师在教学的过程中需要灵活运用教学技巧，确保最好的教学质量。2.对于课时进行科学、合理的安排，多多增加实践方面的课程按照现有的中职生的学习特点来说，应该是采用四节课连上的方式，让学生有充足的时候把课堂所学到的知识运用至相关的实际操作中，完成之后可以让学生进行现场的交流和讨论，以便探索出更好的制作方法。在一个学期快要结束的时候，可以安排一定的时间进行综合的实操，布置综合实践的任务并给出主题，要求所有的学生选择一个主题来进行网站的设计，让学生根据具体的要求进行分析、网站规划、处理并收集素材，对自己的网站要做到风格与内容都完整独特，把页面的结构、链接方式的设置、图片位置的摆放等做到布局合理、统一，而且还要做到容易更新。之后，再让学生写一些关于实操的心得体会，并且把学生的成果公布，这样的综合性设计任务可以在很大程度上培养学生分析问题、解决问题的能力，同时可以提高学生的创新能力，让学生的模拟与实际工作有最大限度的接近，以此来达到教育培养的目的。
二、运用任务驱动、案例、项目教学法，以此来提高学生的积极性
（1）任务驱动法：运用任务驱动法教学，完成课本上的实例之后要尽可能的以当前最为热点的问题或是学生所关心的话题作为主题，来对网页进行设计，要让学生掌握好网页设计的基础内容，比如素材的处理、收集、网页设计等等，要求学生进行完整有效的设计，然后将自己的作品上交，并进行成果展示，只要有了任务这一动力学生就不会盲目，也不会对学习失去兴趣。（2）案例教学法：对于中职计算机网页设计而言，案例教学法是非常重要的，其要求学生可以作出具有高水准和高质量的网页。首先，要拓展学生的视野并开拓学生的思维，所以，教师在进行教学的过程中一定要精心的设计各种案例，而且这些案例应该是由易至难，不可以让学生产生害怕困难的心态而打击了积极性。（3）项目教学法：在设计项目的时候要注意学生的知识接受能力和特点，考虑学生的原有基础以及认知能力有限，在设计的过程当中要从学生的角度去思考，按照学生的实际水平设计每个模块，再针对不同程度学生设计不同的练习，把控好项目的层次性。比如：在学习表格的时候，有的学生是已了解一定的知识，但有的学生却从未接触过，如果单是传授，一些学生会对此失去兴趣。所以在设计项目的时候要针对不同层次的学生进行，设计出不同的子项目，精心组织教学的内容让所有学生都可以顺利完成。
三、考核的方式应该可以体现出设计的能力
中职网页课程的考核不能只是关注于设计软件的运用，更多的是应该掌握好主体性的原则，即在考核的每一个环节中，强调学生的创造性以及自主性，尽可能的让学生去思考、创造、研究，充分指导学生学会计划、设计、创新和创造。对网页课程进行阶段性的考核，积极的鼓励学生进行各种新思想和方法的探究，并且在考核的过程中制定出相应的激励方式，让学生可以有取得完成任务后的成就感。
四、结束语
伴随着网络的不断发展，对于网页的设计教学理所当然就提出了更高的要求，而且也带来了新的问题和机会，对从事于网页设计教学工作的老师而言，都要努力学习和探讨，将网页设计的教学带入至一个新阶段，培养出更多的可以适用于企业的技能型人才。
作者：邰琦珲
【关键词】网页设计 发展趋势 教学方法
美国市场调研机构ComScore NetWorks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了7.47亿，同比增长10%。ComScore发现，美国互联网用户达到了1.53亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编程工作了。
一、提高网页设计的工作效率
提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之间的工作断层问题。也只有这样才能培养出适应时展要求的高素质的网页设计师来。
设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。
二、培养更有竞争力的综合性人才
1.根据市场的需要培养人才
在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。
网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。
待遇：试个人能力而定，公资标准在4000（另有项目提成）。
根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。
2.快速掌握行业里最新、最尖端的网络技术
网络媒体同时属于IT行业的范畴，既然和IT靠上了亲戚，自然也就继承了IT的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。
要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今日趋激烈的市场竞争的人才。
3.做一名有社会责任感的网页设计师
网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我们这些网页设计师的新的课题。
参考文献
[1]陈刚.CSS标准网页布局开发指南.2007.
[2]施博客研究室.DREAMWEAVER 8标准教程.2006.
[3]施博客研究室.FLASH 8标准教程.2006.
[4]张孝祥，张红梅.JAVASCRIPT网页开发体验式学习教程.2004.
（一）环节一：导入新课、创设氛围
1.教师活动
（1）展示班
>> 《动态网页设计》案例生活化教学设计 动态网页设计教学探讨 模拟公司教学法在动态网页设计课程中的实践与思考 项目教学法在《动态网页设计与制作》课程中的应用 比较学习法在《ASP动态网页设计与应用》教学中的应用 一体化教学在ASP动态网页中的应用与反思 “ASP动态网页设计技术”项目教学法的研究与实践 《ASP动态网页设计》课程教学方法改革与实践 浅谈运用动态网页辅助教学 借助Xmind思维导图辅助动态网页教学 浅谈《ASP动态网页设计》课程教学改革 职业院校ASP动态网页设计教学刍议 高职《动态网页设计》课程教学改革研究 浅谈《ASP动态网页设计》教学研究 PHP 动态网页制作课程一体化教学模式的探索与实践 《狐假虎威》教学案例与评析 教学案例的设计与解读 《风筝》教学案例与反思 教学案例认识与体会 《泪珠与珍珠》教学案例 常见问题解答 当前所在位置：），在该页面的合适位置尝试创建表单。
（3）学生思考自己个人网站的表单里需要设置什么样的题目，才可以有效获得浏览者有价值的信息。
（4）根据设置的调查题目内容选择恰当的表单控件元素，并根据具体题目的选项，尝试修改控件的属性。
（5）学生尝试在表单区域内添加按钮控件，并测试表单页面运行后，各表单控件元素的选定或填写后的变化。
3.设计意图
通过评价其他同学的网站作品去设置调查的问题，可以使学生的表单任务更具有针对性和实用性。通过层层深入的关联问题，引出新知识，调动学生的学习积极性。
（三） 环节三：知识探究，解决问题――表单数据提交到哪里？接收页面收什么？怎么接收？如何显示？
（1）通过再次观看在线互动页面的填写提交过程，发现交互的过程有两个页面，引出需要一个页面来处理前一页面发送或提交过来的数据，建立数据处理页面feedback.htm，两个页面有什么关系？（发送和接收）
（2）通过建立两个页面的关系，引出表单form属性的动作设置（Action= feedback.htm）。
（3）通过接收数据，讲解Request.Form（“表单元素名称”）对象的基本语法及使用方法。
（4）通过显示已接收的数据，讲解输出语句（<%= %>的基本语法及使用方法）。
（5）通过上传第一次测试，结果不成功，找问题：引出基于服务器端动态网页ASP（讲解动静态网页区别及工作过程）。
（6）根据上述新知，修改feedback.htm后缀为asp，第二次上传测试：成功。（结合基于服务器端环境的动态网页工作原理，思考原因）
……
二、教学反思
关键词：网页制作；课程建设；教学模式
中图分类号：G642 文献标识码：A 文章编号：1009-3044（2013）36-8389-02
近年来，随着Internet的飞速发展，网站及网页设计已成为现代社会中最吸引人的技术之一。各高校计算机应用技术专业、电子商务专业等都将《网页制作》课程列为专业核心课程之一，在与计算机应用相关的专业人才培养方案中，《网页制作》课程建设已成为专业建设的重要组成部分，而网页制作的相关知识和技能也成为计算机类人才知识结构不可或缺的一个重要组成部分。在十多年的教学过程中，我们在《网页制作》课程建设方面做了一些有益的尝试和探索。
1 合理规划课程教学内容，完善课程教学大纲
1.1 合理规划课程教学内容
《网页制作》是计算机应用相关专业一门综合性较强的专业课程，其前导课程包括《计算机应用基础》、《图形图像处理》、《动画制作》等，后继课程包括《动态网页制作》等，《网页制作》课程一般放在第三学期开设比较合适。教学内容包括目前流行的主流网页设计软件、超文本标记语言HTML、CSS+DIV网页布局以及网页素材的制作、脚本语言等。由于教学内容是多门学科的知识、技能的综合，这些的知识技能相互渗透和依赖.构成一个科学的、完整的课程体系。在教学中需要合理规划教学内容，并适当取舍。如教学中重点学习Dreamweaver的基本知识和技能、HTML语言和CSS+DIV网页布局。对网页素材制作、脚本语言可适当取舍。
1.2 明确课程教学目标、完善课程教学大纲
《网页制作》课程的教学目标是让学生掌握网页设计的基础理论和基本技能，能使用主流网页设计软件制作网页，使学生具备较强的网页设计与制作能力，最终能提交完整的具有较高水平的网页设计作品。在课程学习的同时使学生的学习能力、创新能力和协作能力也能获得较大的提升。据此，课程教学大纲的修订主要依据以下几个原则：
1）坚持“以就业为导向”的原则。
依据目前市场对网页设计师岗位能力的要求，对《网页制作》课程教学大纲作进一步修订和完善，使课程的性质和培养目标更加明确，使知识目标、能力目标和素质目标更加具体化和科学化，充分发挥课程教学大纲的教学指导作用，在课程的体系结构方面，形成自己的特色。
2）坚持“理论够用，突出应用”原则
根据高职学生的生源实际，以提高学生综合素质和实践技能为根本出发点，坚持“理论够用，突出应用”原则，完善课程教学内容，在内容设计安排上和教学活动中体现能力本位的思想，体现理论与实践一体化的教学模式。促进网页制作课程的教学改革，推动专业建设和课程建设。重视实践教学，在课程最后一周可安排综合实训，让学生模拟真实网站设计的全过程，培养学生分析问题和解决问题的能力以及对职业岗位的适应能力。
3）重视“新知识、新技术”的原则
近年来网页设计技术日新月异，教学中必须紧跟网页设计的最新技术，及时把学科最新发展成果引入教学。如目前各大网站的网页设计中越来越多的使用CSS+DIV进行网页布局，所以，教学内容的安排上应更注重CSS+DIV的教学，让学生在课堂上获得的知识、能力和真实的岗位需求接轨。
4）兼顾“技能认证考试”的原则
突出高等职业教育的特点，兼顾职业学生对从业资格证考试的需要，重视职业资格相关的技能认证，强化市场准入意识，努力使学生毕业时取得双证书，提高学生的职业能力。逐步培养和强化职业意识，培养良好的工作方法、工作作风和职业道德。
2 依据课程教学大纲，锤炼精品教材
为适应当今社会经济和高等职业教育的发展对《网页制作》课程教学提出的新要求，依据课程教学大纲，在中国科学技术大学出版社的主持下，我们编写了《网页制作》教材。2009年《网页制作》（第二版）通过安徽省高校“十一五”规划教材的评审，成为安徽省高等学校“十一五”省级规划教材；《网页制作》（第三版）也于2013年9月出版。为将该教材打造成精品教材，在教材编写团队、编写理念、教材结构体例、教学内容组织和教学配套资源等方面都有所突破。新版的《网页制作》教材特色更加鲜明，教材体例保持任务驱动的案例课程教学，理论与实践一体化，教学内容紧跟网站设计前沿技术，通过任务引导学习，通过案例指导实践，通过配套教学资源提升教学效果。
2.1 教材体系结构更加合理
为适合高职院校的教学特点，保持教学内容的前沿性和新颖性，教材以网页制作主流软件Dreamweavwr为主线，同时兼顾了网页素材制作软件flash、Fireworks、Photoshop 的介绍和应用，以及动态网站的创建。将教材分为三大模块，分别为基础篇、素材篇和提高篇。通过第一部分基础篇的学习，学生可以轻松掌握Dreamweavwr和HTML的基本知识和技能，制作出一般水平的网页。通过第二部分素材篇的学习，可以轻松掌握使用Photoshop 和Fireworks 制作网页图像，使用Flash制作网页动画。通过第三部分提高篇的学习，读者可以深入网页制作的理论和技巧，掌握具有专业水准的网页制作的方法和技能，并学会动态网站的设计与制作。教材三大模块由浅入深，由点及面，精选教学案例，使体系结构更加合理，更符合高职培养目标和要求。
2.2 采用任务驱动的案例进行教材编排
注重学生技能的培养，精心整合理论课程，合理安排知识点、技能点。教材每一章都有精心设计的教学案例，力求每个案例既涵盖相应章节知识点，又能成为读者学习的典型范例。既保持了课程教学的体系结构，又使读者通过教学案例轻松掌握网页制作的操作技能和基本理论，学会网站设计的全过程，熟练地制作出有专业水准的网站。把网站设计中的真实案例编入教材中，在实践教学环节中培养学生发现问题、分析问题和解决问题的能力。
2.3 符合高职的教学要求和特点
在编写中力求体现“以就业为导向，以能力为本位”的精神，教学内容强调理论够用，突出实用技术。教材的编写突出讲、学、练一体的思想，充分体现学生为主体，教师引导、指导的作用。
3 教学方法和教学模式的创新
对教学模式和教学方法做了一些有益的尝试，总结并提炼出“三段式”教学模式和“教、学、做、练”一体化教学模式以及多种教学方法，如：任务驱动的案例教学法等。尽可能使学生由被动学习转变为主动学习、研究型学习，收到了较好的教学效果。
3.1 任务驱动的案例教学法和“三段式”教学模式[1]
任务驱动的案例教学法是指教师将教学内容设计成一个个的案例，每个案例包含一个或多个具体的任务，把教学内容巧妙地隐含在每个案例之中。让学生在一个个具体任务的驱动下完成整个案例，从而掌握教学内容。这种教学方法打破了传统的课程知识体系结构，需要老师精心设计教学案例，以案例为线索将基本知识和基本技能融汇其中。
在实施任务驱动的案例教学法过程中，我们对教学模式进行了一些总结和探究，即将一个案例的教学分为赏析、模仿、创新三个阶段进行，即“三段式”教学模式。第一阶段，教师展示案例作品，以“案例赏析”的方式导入教学，教师应分析案例作品，讲解相关的知识点和操作技能，并操作演示完成案例或案例中的主要部分。教师通过展示案例和演示案例实现过程，激发学生的好奇心和学习兴趣。第二阶段，指导学生“模仿”完成案例，学生通过模仿掌握相关知识与技能，获得相应的能力训练；此阶段学生要独立操作完成案例，老师的主要作用是答疑解惑。第三阶段，培养学生“举一反三”的能力。在模仿的基础上，给学生布置“提高”作业，巩固提高新学习的知识技能，培养学生的发散思维和创新能力。
3.2 实施“教、学、做、评”一体化教学模式
由于网页制作课程具有实践性强的特点，无论是教师的教学还是学生的学习都离不开电脑，多年的教学实践证明最佳的教学效果是“边讲边练”、“边做边评”。所以将教学全过程搬入网络机房，实现“教、学、做、评”四位一体的教学模式，可极大的提高教学效果及效率。通常应在网络机房中安装多媒体教学软件，可实现广播教学、学习素材的分发以及教学监控、学生演示、作业上传等。由于教师每一次新课的教学，学生不再是被动的看屏幕听讲解，而是边学边练，新的知识技能立刻能在电脑上实现，学生的学习会变得更加主动和积极。对学生学习过程中的问题和亮点进行即时点评、演示，可实现即时答疑解惑，使学生的学习兴趣得到激励。
4 改革课程考核方式
结合高职学生的认知能力，改革课程考核评价方式，体现教学的多元化评估。如布置课程阶段作业、期末大作业，通过课堂讨论、互评或他评课程作品的办法，改变过去单纯依靠理论考试评定学生的办法，将考核重点放在对学生学习过程和作品的考核上。更加注重学生在完成学习实践任务过程中的综合分析认识能力。这种考核评价方式是以能力为中心的全程化、开放式和全面的考核方式，能够综合反映和评价学生的知识水平和能力水平，综合考查学生平时参与课程的情况和每阶段学习的状况。激发学生的竞争意识，培养学生的创新精神和独立研究的能力。
5 营造开放式教学环境
目前《网页制作》课程的数字化建设还没有得到充分的开发和使用，进一步加强与课程建设相关的教学资源的数字化建设，完善教学课件、试题库及参考答案、教师用教案等，以满足教师教学和学生自学需要。在部分教学内容上设置情景教学、交流与探讨等教学活动内容，营造开放式教学环境，可以缩小教师间教学水平的差异，提升整体教学效果，促进学生学习兴趣提高。
6 结束语
《网页制作》是计算机相关专业的核心课程，《网页制作》课程建设，必须依据课程的教学目标，完善课程教学大纲的建设，编写符合高职的教学要求和特点精品教材，在教学中改革教学方法和考核方式、创新教学模式。才能提高教学质量，培养出适应目前社会岗位需要的高素质网页设计人才。
参考文献：
关键词：中职学校 计算机专业 教学改革
在信息技术飞速发展的今天，计算机的应用几乎渗透到社会的各个领域，它既为中职计算机专业的发展提供了良好的机遇，同时也对我们的教学提出了更新的要求。随着计算机的不断普及，中职学校的计算机教学既要适应科技的发展和社会的需求，又要顾及现阶段中职生自身的素质，传统的中职学校计算机教学已不适应当今社会发展的要求，也不利于学生的就业。因此，中职计算机教学改革势在必行。其改革的主要思路是：以“各有所长，各尽所能”为培养原则和最终目标，扬弃传统的“以教为中心，全面开花”的教学模式。逐步建立“掌握基础，实践为主，重点突破”的教学模式，所以在教学的目标、计划、课程、模式、考核等诸方面均应“改版”。
一、教学目标的改革
纵观计算机的发展，计算机及其应用正朝着网络化、多功能化、行业化方向发展。从就业市场看，计算机网络管理员、计算机图形图像、计算机广告设计制作、计算机辅助设计操作等中级计算机技术人才十分看好。因此，中职计算机专业教育教学应适应社会需求，在打好专业基础的前提下，更应注重学生的个性发展，教学目标可确定以下几个培养方向：
1．计算机网络：以熟练计算机网络操作系统为主．掌握综合布线及网络构建应用技术，培养计算机网络管理员。
2．平面图像处理：以熟练掌握图形图像处理软件操作能力为主，来培养能从事计算机图形图像处理、广告设计技术员。
3．办公自动化：以熟练掌握文字处理及表格处理软件操作能力为主，培养办公自动化管理和操作技术员。
4．网页制作：设置以Dreamweaver、nash、JavaScript、Access为主的课程。培养能从事网页设计的网站制作员。
5．多媒体技术：通过培养能从事计算机文字处理、图形图像、声音、动画、电影电视等多媒体软件制作员。
二、教学计划的改革
新的教学计划应以技能培养为主。对于学生的知识结构和应用能力以培养“一技之长”为主导思想，求“专”而不求“广”，但一定要突出专业特色。
以三年制网页制作专业为例，在前两学年，每学期用3至4周时间在机房进行网页制作发展方向的专门化训练，最后一个学期对学生进行提高训练，使每个学生在网页制作方向上有自己的特长。具体安排为：
第一学期，进行WindowsXP应用基础教程、中英文打字、五笔字型录入的强化训练，使其打字速度达到每分钟60字以上。
第二学期，用Dreamweaver软件制作静态网页，并对办公软件Office和图像处理软件Photoshop的加强提高，使其在做静态网页时，用更多的软件来美化网页。
第三学期．进行网页制作的重点突破，学习基本的VBScript语言来制作动态网页，并开设VB程序设计等课程来加强学生学习编程的能力。
第四学期．在这个在校学习的最后～个学期里，主要是加强学生制作动态网页的能力，也就是深入学习VBScript语言。在最后用4个周的时间，学生分小组在机房制作一个完整的、专业化的网站，最终上交的这个网站就是学生的毕业设计作品。最后一学年学生到企业、公司进行顶岗实习，提高自己的实践操作能力。
三、教学课程的改革
长期以来．包括计算机专业在内的中职课程体系较深地受到计划经济体制的深刻影响。如：执行统一的教学计划和课程大纲，采用统编教材甚至组织统一考试等等。随着社会对中职生尤其是计算机等专业的中职生的培养要求越来越讲求实用和应用，必须对原有课程体系进行改革。应大胆舍弃《汇编语言》、(Qbasic语言程序设计》、《组成原理》、《磁盘操作系统》、《数据库应用程序设计》等“重理论、深分析”的纯理论型课程，开设《网页设计》、(Pho—toshop图形图像处理》、《多媒体制作》、(Flash动画设计》、《计算机网络基础》、《综合布线及网络构建应用技术》等面向市场、以实践操作为主的实战型课程。这样学生毕业后可立即适应市场的需求。
四、教学模式的改革
购买推荐
图书分析师庞敏丽认为该书书从网站设计最基本的内容一步一步地讲解设计理论、设计组成、设计方法，引导进行设计规划和制作，分析色彩规律，指导色彩实战应用，讲述设计心理学、用户体验，全面、完善、系统地讲述网站设计与网页配色。
通过对生意宝旗下比购宝(Boogle.cn)——“网络购物第一站”收录的博库书城、淘宝网、京东商城、亚马逊、当当网、拍拍网、文轩网、中国互动出版网、99网上书城等众多含图书销售的网站，价格搜索显示，目前，当当网该书为最低价，推荐购买。
目录
1 网页设计概述
1.1网页设计基础知识
1.1.1网页设计的概念
1.1.2网页设计的定位
1.1.3网页设计所属的范畴
1.1.4网页设计的准则
1.2用户的阅读习惯
1.2.1人机交互的概念
1.2.2用户习惯分析
1.2.3易用性设计
1.3网站类型
1.3.1综合(门户)类网站
1.3.2新闻类网站
1.3.3交易类网站
1.3.4 IT类网站
1.3.5教育类网站
1.3.6生活娱乐类网站
1.3.7政府类网站
1.3.8个人类网站
1.3.9功能型网站
1.3.1 0其他行业类网站
1.4网络的特点
1.4.1信息的开放性
1.4.2信息的互动性
1.4.3信息的不稳定性
1.4.4网络时代性
1.4.5信息传播的迅速性
1.5网页设计方法分析
1.5.1栏目划分法
1.5.2网格划分法
1.5.3色彩定位法
1.5.4 Lo90弓1导法
1.6网页设计实践分析
1.6.1联合利华网站设计方案分析
1.6.2西部数据色彩设计网站方案分析
2 网页制作的基本流程
2.1网站资料整理
2.1.1文字资料归纳整理分类
2.1.2图片资料整理筛选分类
2.1.3视频素材筛选
2.1.4 Flash动画
2.2准备素材(使素材符合网页设计需求)
2.2.1准备图片素材
2.2.2文字再编辑，提取要点，总结标题
2.2.3视频素材的剪辑及压缩处理
2.3网站结构划分
(网站脚本编刨)
2.3.1根据素材分析网站结构
2.3.2提取分类列出栏目
2.3.3栏目下子栏目划分
2.4网站风格定位—一风格设计
2 4.1分析网站的主题定位——网站主基调
2 4.2风格的统一与变化
……
3 网页设计的理念
4 网页设计页面布局
5 新型网站设计
6 色彩基础知识
