网页制作课程设计总结篇1
一、理顺与先修后继课程的关系
以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《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中的图像变化效果，这些特效的实现与“行为”这一知识点密切相关。针对行为是什么和如何为网页添加行为，围绕第十章行为相关知识点开展教学。在基本知识点完成学习的基础上，布置本次需要完成的项目是“制作甜品饮料吧网页特效”。
（二）项目分析
教师对项目任务的重点、难点进行细致的分析讲解，学生针对性地记录相关知识点。例如，对“甜品饮料吧”案例进行分析，确定该项目的操作要点为：一是在“热卖产品”下方，分别为图像“茉莉花香”“冰火两重天”“生命之绿”，“巨杯甜饮”添加显示-隐藏元素特效。二是在“特色产品”下方，添加交换图像特效。学生要在教师的指导下充分理解项目要求。
（三）分解实施
学生根据项目任务做好详细地分步实施计划，教师按照任务节点要求以及学生学习计划指导学生进行网页设计与制作，并注意纠正学生自主学习过程中出现的偏差，着重培养学生的项目实践能力。
（四）分步总结
对于项目实施过程中的重点与难点，找出共性问题进行讲解。
网页制作课程设计总结篇2
基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。
基于工作过程系统化的课程开发有以下步骤：
第一步：本地区及周边地区人才市场调研；
第二步：职业分析；
第三步：提炼本课程所设计的职业行动领域；
第四步：按照工作过程系统化对课程知识体系进行解构和重构；
第五步：精心设计教学内容和教学过程；
第六步：精心学习情境设计。
总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。
一、工作任务分析、行动领域归纳
《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。
二、学习领域
网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。
三、学习情境设计
根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：
其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。
参考文献
网页制作课程设计总结篇3
我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：
2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的HTML1.0到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。
2.2教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。
2.3教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。
2.4生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。
3网络环境下“网页设计”混合式教学构建模式及优势
3.1网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程，既需要个人创意设计能力，又需要全面应用高新技术能力，具有很强的实践性和综合性。在网页设计授课过程中，教师要从易到难引入企业项目，引导启发学生，并在课堂上统一进行项目分析，在讲解过程中，将网页设计的艺术美学及专业技术知识融入到所要完成项目中，调动学生的学习积极性、自主的对网页综合知识进行建构，同时通过现代网络视频教学，演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节，激发学生对网页设计项目整体认识，对网页设计的兴趣，让学生自己产生要制作属于自己的项目作品，学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式，把传统学习方式的优势和网络学习方式的优势结合起来，教学以学生为主体，充分挖掘学生学习过程过程积极性、主动性和创造性，培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库，运用在线教学与课堂教学优势互补的混合式教学模式，教师通过基于网络的课堂进行教，学生除了课堂学习外，课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外，才能真正培养出综合能力强、创造性思维突出的网页设计人才。
3.2网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质：网页设计课程是基于企业项目教学，项目设计是项目教学的成败的关键，要求教师不仅要具备深厚的理论知识，还应具有一定职业技能与实践经验，即教师具备“双师”素质，通过网络教学平台建设，优秀专业教师与企业技术人员带领专业较弱教师，共同完成项目网页设计整体设计。通过开展混合式教学，进一步提高教师的教学设计水平和实践技能，更新教师的教育观念，提高教师自身的业务水平，促进教师向双师型转变。(2)教学资源丰富：教师与企业技术人员在网络教学平台提供各种媒体素材，包括视频、动画、课件、网页设计优秀作品等教学内容，远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目，引入企业项目任务，能从高职学生特点出发，项目从易到难，循序渐进，让学生学习实践觉得能“跳着够得着”，既有挑战性，又能完成企业项目并使学生获得成就感，提高学生综合实践技能。通过网络在线教学优势，为学生提供了自由选择的学习空间，有更丰富网络学习资源，激发学生学习兴趣，调动学生的主动性与积极性，有效提高了学生的创新思维能力，对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性：传统的课堂教学受限上课时间，教学内容也受限，存在形式与内容单一。特别对于学生难于理解的重点与难点，老师可能认为在课堂已讲解很清楚，但学生还是没有理解等诸多弊端，而通过混合式教学，利用网络在线教学等辅助手段在很大程度上弥补了这种不足，让学生能在课后按需学习，让差生或请假学生补缺补漏，赶上全班统一进度。通过网络教学平台和教育教学资源库，可以24小时开放教学，大大打破上课的时间限制，学生可以把课堂当中没有消化的内容利用网络的在线自主学习，进一步的加深理解，使课堂教学加以延伸。利用在线学习，基础好的同学也可以通过网络教学平台和教育教学资源库进行自学，提升自己的学习能力。(4)网络在线答疑：利用在线系统为教师和学生提供一个良好的交流平台，师生通过平台将获得更多的沟通机会，师生之间在平台上在线讨论交流答疑，学生之间也可以在平台上在线讨论交流答疑，及时解决学习过程中遇到问题，调动了学生的积极性，进一步提高教学水平。
4混合式教学模式实例分析
在网络环境下，构建与传统教学相互融合网络教学平台，实现交互式教学平台，学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明，实现传统教学与网络教学的混合教学模式。
1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目，共构建八个学习情景：《学习情境1企业网页图文混排》；《学习情境2企业网页表格数据制作》；《学习情境3企业网页表格布局》：《学习情境4企业网页超链接设置》：《学习情境5企业网表单网页制作》；《学习情境6企业网页制作-css样式表应用》：《学习情境7企业网页布局-div+css布局》；《学习情境8企业网页JavaScript特效应用》。
2.课堂教学内容以网页设计的工作过程为依据，划分上述八个学习情境，采用混合式教学模式，按任务展开教学。每个学习情境都包含：①任务导入：首先提供学生与所讲知识相关的网页案例，吸引学生注意，然后导入学习情境任务；②分析总结：教师引导学生发现问题，并提出问题，激发学生学习兴趣，经过共同分析与讨论，总结出具体的制作方法；③实训(仿真实践，在线测试)：学生根据学习情境，在教师的示范讲解下，独立完成操作，在线测试。④讲评总结：学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节，可以适时插入教学视频、技术操作视频、实例展示等内容，解决传统教学方法无法讲清楚的知识点和实际操作演示，使教学效果更生动具体。通过学习情境，学生目的明确，整体性学习Dreamweaver软件各个工具，运用到每个学习情境任务中，学习网页各独立元素与整体学习情境相结合。
3.在网络学习平台上，教师上传课前准备《Dreamweaver网页设计》学习指南、课堂讲解八个学习情境模拟、仿真实践、在线测试、网络资源、网络答疑等环节。(1)学习指南：包括课程介绍、课程标准、学习建议、链接优秀网站的网址等，让学生了解本门课程的教学目的、要求和学时分配，当学生遇到网页设计问题时，就可以在学习指南资源库中找到满意的答案。(2)学习情境模拟:教师授课、实践操作视频。(3)情境模拟部分:有10个训练素材，学生可以选择训练企业项目进行自我训练，学生之间还可以通过网络互相交流；(4)仿真实践环节:在一定程度需要借助仿真实训软件，应用于学生日常实训和各阶段试。(5)网络答疑：网络给师生提供了一个交流的平台，师生可以通过QQ、邮箱、论坛等形式进行交流，教师可以及时了解学生的学习情况。(6)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源，供学生课外学习。这样便于因材施教，使好生更优，差生进步更快。
网页制作课程设计总结篇4
“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。
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.
网页制作课程设计总结篇5
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
网页制作课程设计总结篇6
关键词 ：网页制作；课程建设；职业能力；教学改革；
《网页制作》课程是高等职业院校中计算机相关专业和电子商务等专业的职业基础技能课程。这是一门实践性很强的课程，课程的主要内容是包括HTML、flash、PHOTOSHOP，目标是培养学生静态网站的制作能力，包括设计网页、建立网页、制作动画、处理图片等。同时也为后续课程动态网站建设的建设奠定一定的基础。
从文献分析，以及相关高职院校调查显示。当前《网页制作》课程的教学效果并不是很好，主要存在以下三个方面的问题：第一在教学内容上，课程内容注重学科知识体系，注重知识的介绍，而非职业能力的发展。而且知识面面俱到，没有突出重点，且内容比较凌乱主线不清晰，例如HTML中CSS+DIV，还有TABLE。最终毕业生还要经过岗前培训才能进入岗位。第二在教学理念和方法上，很多院校的课堂依然是以教师为中心，按照教师一边演示一边讲解，然后学生模仿边操作的教学方法，学生能够跟老师做完，但做完后不知道自己在做什么，缺乏主观能动性。另外，做完的内容当时会，但是做完就忘记，掌握知识不牢固。第三在考核方式上，有些院校依然是“一纸定乾坤”，一张试卷来决定这一门课程的成绩，对于实践性如此强的课程显然是不合理的。
经过社会就业信息的反馈，这种教学效果下的毕业生是不能满足社会的需要，对于课程改革是必要的也是迫切的。
1、课程改革思路
课程改革成功的方案有很多，《网页制作》课程的改革主要借鉴基于职业能力培养为中心的课程体系改革。职业能力，是人们从事某种职业的多种能力的综合。职业能力主要包含三方面基本要素：一、为了胜任一种具体职业而必须要具备的能力，表现为任职资格；二、指在步入职场之后表现的职业素质；三、开始职业生涯之后具备的职业生涯管理能力[1]。例如，网页设计师的职业，只具有设计和制作网站的能力是不够的，还必须有语言表达能力，能够与团队的人进行交流，进行合作，同时还要拥有计算机应用能力、信息收集制定计划等能力[2]。课程体系改革必须从岗位及其岗位群的职业能力要求出发，设置相应的课程，并确定课程应该达到的能力。将能力目标分解到分子化，渗入到各个项目之中。采用CDIO工程教育模式，以项目为载体，以工作任务为驱动，以学生为主体，对校内课堂教学理念、教学内容和教学方法进行改革。
2、课程改革具体步骤
2.1 确定课程能力目标
基于职业能力的课程首先要确定课程能力目标，课程能力目标是根据岗位来设定的。所以要先确立《网页制作》这门课对应的岗位群，我校从2004年设置此课程，对应的岗位就是网页设计师。同时也跟踪这门课的对应岗位的发展及其需求，做到与时俱进，2011年、2012年、2013年这三年，对互联网上的招聘信息进行分析。网页设计师仍然是网页制作课程对应的岗位，招聘职位的基本条件描述一般有三个方面 ，第一要求精通网页设计相关软件，例如Photoshop（或者firework）软件、dreamweaver软件、Flash软件，精通DIV+CSS页面布局。第二要求熟悉网站开发过程，独立完成网站的静态美工页面制作，有经验者优先。第三能够对网站进行日常维护，包括对内容的编辑、图片的处理等。对于任职要求，一般大专或以上学历；工作态度良好、有责任心；有良好的团队合作精神和沟通能力。
由此可见网页设计师应该具备最基本的职业能力，包括一般职业能力、专业能力和职业综合能力（关键能力）。专业能力指的是从事职业岗位的知识和技能能力，基本能力包括在社会上从事职业活动必备的最基本的通用的能力；关键能力指的是可以迁移的、从事任何岗位的关键能力，例如终生学习的能力。网页设计师对应的能力如表一所示：
课程的职业能力确定好之后，教师在进行教学设计时就要以能力培养为中心，将课程划分为若干个子项目，设计合适的教学情境，在子项目中将职业能力深入到教学中，不仅仅是传授基础知识，还要提高专业能力，锻炼一般职业能力，潜移默化地增长职业综合能力。
2.2 设置课程内容
总体的职业能力设置好后，要根据能力的需要制定网页制作课程的具体内容。针对设计能力，课程要有photoshop，主要讲授网页的设计方法，色彩构成、网页布局、页面切割、图片处理等。针对网页制作能力，主要讲授dreamweaver、DIV+CSS，具体内容中要包括站点的建立，站点内容结构，HTML标签，HTML页面元素、表单、表单元素、表格、框架、布局、CSS样式、盒子模型。简单的JAVASCRIPT脚本基本语法和常用的样式。针对网页元素处理能力要有photoshop的图片处理能力、javascript的动态效果、flash的点睛之笔、文本修改能力等等。针对这些丰富的内容，必须好好整理组织，有顺序有层次，否则知识就会像山一样堆放，无从下手。本课程打破原来的顺序讲解的知识体系，根据岗位需要，也要兼顾计划学时，将知识点与技能都分配在项目中。网页制作课程的课内学时为72学时，但网页制作课程的内容比较丰富，仅仅72学时的课时量是不能够达到岗位需求的，所以在设置课程内容时不能仅仅局限于课堂，在课程设置时，还要将课程内容安排在课下做，以留作业和预习复习的方式体现。例如，对于图像抠像及简单合成技术中，设置了“贴入选择”，“选区的综合应用”，制作“节能减排”海报，“速制作网页导航栏”，“裁剪玩野导航按钮素材”，“创建规则选区”，“裁剪图像的应用” ，“创建不规则选区”，“快速裁剪并修齐多张照片”等十个项目，这十个项目的学时分配为课堂讲授1学时，随堂实践1学时，课外自学1学时，课外作业1学时，课外实践练习2学时。总计课内2学时，课外4学时。这样的学时分配，充分调动了学生的课堂和课后的时间，有效将课堂和课后结合起来，培养学生的自主学习能力。
2.3 设置合适的项目
确定课程内容后，要根据岗位设置合理的项目。项目中要有综合基本知识点和能力，项目不能太大也不能太小，既要考虑优秀的学生，也要考虑接受能力比较弱的学生；要注意学生的层次，同样是高职高专的学生，有从农村来的有从发达地区来的，学生不一样接受能力也不一样，所以对于一个项目的设置要考虑很多的外部因素，需要与企业优秀的项目负责人进行探讨沟通，与兄弟院校的教育工作者进行探讨，同时也要与同部门同学科老师进行探讨，怎么才能制定“够用”、“适度”的项目。然后将这些适度够用的项目按照人的认知心理特征，按照职业成长规律组成一门课程。
2.4 设置合理的考核方式
传统的考核方式是一张卷子决定一门课程的最终成绩，实践能力强的同学网站建设能力非常好，但是基本知识点掌握的却不牢固，一张卷子就决定了这种学生的命运是不公平的，这样的考核方式不符合高职高专院校的人才培养目标。我们将考核分为四部分内容：第一部分为平时成绩，主要的考核内容包括出勤、课堂表现、课后作业，考核的时间为平时，占总成绩的20%；第二部为阶段实践成绩，主要的考核内容为单元项目，在平时课堂考核，占总成绩的20%；第三部分为综合项目，主要的考核内容为整体项目，在18周考核，占总成绩的40%；最后一部分为期末考试，考核的主要内容为完成给定素材的网页，在考试周进行上机考试，占总成绩的20%。将成绩分布在教学过程的各个环节上，对学生进行全面的考核，不仅是知识上还有职业能力、职业道德等。
3、教学过程遵循的原则
3.1 围绕重点，适当取舍，注重关联
虽然网页制作课程中内容很多，由于课堂学时有限，不能面面俱到，各个知识点和技能都讲解。Photoshop中设计部分包含了很多，只能介绍如何设计网站，怎样制作导航，制作按钮这些小技巧。将比较优秀的网站设计图拿过来，让同学们参考成型的作品和优秀的页面进行模仿设计，在不断的模仿中建立自己的风格。就像书法一样，先进行临摹，然后再创造自己的风格。而对于其他方面的设计，可以让学生自己学习。对于比较难的CSS样式也是，先将<ul><li></li></ul>标签实现的文字排版、图文并排、导航栏等例子弄明白。可以将圆角边的制作，1像素的边的制作反复练习。对于DIV+TABLE+CSS的布局，也是要找那些优秀的具有代表性的遵守W3c标准的网页，让学生从简单到复杂进行模仿，反复的练习，直到学生能够自己独立完成。同时也将真实的项目拿到课堂，让学生们来做，遇到新的知识点就学习。对已经会的知识点，可以强化。这样的学习效果很好。另外学科之间都是相同的，计算机软件也是相关联的，虽然具体的功能不一样，但是操作都很像。要让学生善于总结和发现。
3.2 学生本位
要将教师本位的思想彻底的转变，将学生作为课堂的主体和中心。不能再像以前的授课方式，教师演示，然后学生跟着练习，结果是课堂会课后忘，没有实际教学效果。课堂上教师以工作任务来组织课堂，教师先展示真实的工作任务，同学生进行分析任务，然后同学生讨论分析，提示学生开发步骤。然后教师将知识点和技能进行讲解。学生根据给定的任务，进行操作，直到完成任务。在完成任务的过程中教师给予一定的指导。最后，对工作任务进行总结。布置课后作业，进行知识巩固。
4、结束语
以能力培养为中心的《网页制作》课程的教学改革，分析了网页制作课程的“职业能力”，将职业能力对应到个项目中，以项目为导向，以任务为驱动，在做中学，围绕真实的网站项目，在模拟的情境中实施教学改革。每个项目按照岗位需求和职业能力分解为多个学习任务，有效的将学习过程、工作过程和职业能力结合起来，学生在课堂上就能体验到公司中的真实任务，通过激励政策，让学生体验成功的乐趣，提高学生的网页制作能力、网站管理能力、网站页面元素处理能力，培养出符合企业需求的人才，实现了学校与社会的无缝。
参考文献:
[1] 百度.职业能力.baike.baidu.com/link url=Va3ZYqgT_lDR04eptN5oecOEBjhHA7wxufETb-CQZuitluO7L5QpHugf21kICTWv3_E_rWALK006VQVF2WI--PJ8Cj3h_Ze7JSdgt4E31y8StNm4EjFwl07aAZ863D7y,2014.12
网页制作课程设计总结篇7
一、高职网页设计课程教学现状分析
高职院校网页设计是一门综合性相对较强的课程，当前一些高职院校仍然以传统理论与实践教学结合的模式为主，对实践教学的重视程度也越来越高。通过先理论再实践教学的模式，给学生带来了动手实践的机会，实践操作学时也有所增加。但随着专业的不断发展，教学内容日益丰富，传统实践教学模式已难以满足学生需求，许多学生在较短的实践操作课程中对专业技能掌握仍然缺乏，职业能力培养也无法取得令人满意的效果。总体来看，当前高职院校网页设计课程由于教学内容较为繁杂，课时相对不足，导致教学深度相对缺乏，学生专业技能掌握程度不足，实践能力有待进一步提升;从教学方法上来看，虽然一定程度上注重学生动手实践能力的培养，但由于缺乏系统整体的训练，对学生问题分析与解决能力的培养也有待完善。［1］
二、基于工作过程的高职网页设计课程构建
(一)分析职业能力需求，明确教学目标
为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求;同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网页设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。［2］使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。
(二)制定课程标准
结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力;其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。
(三)完善教学内容
高职院校课程组教师应深入企业与社会，了解专业最新要求;院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。
(四)重构教学模式
基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等;同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性;最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。［3］
(五)更新教学方法
高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能;独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务;工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。
三、结语
基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。
参考文献:
网页制作课程设计总结篇8
随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。
2高职网页设计与制作课程教学改革的发展研究
2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。
3结论
通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。
网页制作课程设计总结篇9
(一)课程的总体设计对于“网页设计”这类面向应用的前沿课程，应该结合该课程自身实践性强的特色和通过查阅相关行业企业资料、咨询行业企业专家等手段对与网页设计制作员相应行业的人才结构现状、行业发展趋势、职业资格要求、学生就业去向等问题进行深入研究，据此确定课程教学目标。比如，要达到的专业能力如下:收集、处理信息、规划网站的能力，设计开发静态与动态网页的能力，设计开发网站的综合能力以及知识应用能力;要达到的方法能力如下:获取知识的能力、自我发展能力、创新能力、自主学习能力以及感悟能力;要达到的社会能力如下:表达能力、敬业精神、团队协作精神、沟通能力及责任感和效率观念。本课程在内容选择上摒弃了传统教学中按照知识的逻辑联系构建教学过程的思路，而采用行动导向的教学方法，教学内容的选择完全按照项目真实的工作程序，以完成具体网站项目所进行的活动为主线，对传统课程进行了解构与重构。首先，为达到教学目标，抽取出“网页设计”课程中应包含的包括网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础等12个知识单元。然后以实际项目为引领，将知识单元融合到具体项目的实施过程中，作为学习情境的载体，将总任务划分成若干子任务，采用教师按步骤演示、学生动手模仿的形式，通过共同完成任务，达到教学目标。现以项目企业宣传类网站建设为例，将课程内容分解为5个任务，分别为任务1:企业宣传网站设计规划，子任务;任务2:创建数据库表;任务3:制作静态页面;任务4:制作商品展示后台管理系统;任务5:网站的测试。通过这一项目的实施要达到的能力如下:表格布局网页的能力;收集、处理信息，规划网站的能力;创新能力以及自我发展能力。
(二)以行动为导向的课程实施“网页设计”课程的教学全部在多媒体网络实验室进行，在课堂的授课过程中，以真实的项目操作为基础，着重把握网页设计工作过程中的建站流程、策划、设计与制作、动画制作与动态网页制作等关键性技术的讲解与指导。行动导向教学法的实施包括“资讯、计划、决策、实施、检查、评估”等六个步骤，整个课程的教学以项目总任务的导入为起点，逐个完成总任务划分而成的子任务，其中，教师带领学生对所要完成的子任务进行分析，给出子任务的完成样本［4］。制订出任务计划，确定工作步骤、程序和内容。然后，以学生为中心，以“组内异质、组间同质”为原则，对学生进行分组，学生在教师的指导下边学边做，完成任务。项目结束后，学生提交学习成果，可以采取学生自评、小组互评、教师评价等多种方式对任务成果进行评估，其结果可以记录到总成绩。现以项目企业宣传类网站的建设为例，说明其中任务3———制作静态页面的教学实施过程。将教学安排划分成以下五个工作步骤:步骤1:明确任务(15分钟)。结合真实企业案例，通过教师讲解和启发学生共同分析，请学生思考完成任务所需的技术和实现步骤。步骤2:任务分析(15分钟)。教师通过多媒体演示、启发引导，学生分组讨论。步骤3:演示指导(30分钟)。教师通过幻灯片演示实际操作，学生跟随教师，构建新的内容。步骤4:学生练习(30分钟)。学生自主完成网站的静态页面的制作，教师辅助指导。步骤5:归纳总结(10分钟)。教师提出问题，学生归纳总结。
(三)课程的评价与考核教学评价是高校教学质量保证的无形指挥棒，目前高校的评价机制有很多，采用行动导向教学法必须对传统的“只注重结果，不注重过程，只注重分数，不注重积累”的教学评价与考核方式进行改革。应关注评价的多元性，注重学生的动手能力，即在实践中分析问题、解决问题的能力。课程考核采取形成性考核、项目完成情况考核和期末考核相结合的形式:形成性考核占总成绩的30%，项目完成情况考核占总成绩的40%，期末考核占总成绩的30%。形成性考核主要包括学生课堂的出勤率、课堂表现、作业以及一些需要较长时间才能形成、并易产生反复的指标(比如责任感、协作精神、判断及处理能力等)。项目完成情况考核主要包括课内项目和课外实训项目完成情况的考核，根据项目实施的各阶段，采用学生自评、学生互评和教师测评相结合的方式，针对学生综合运用所学知识解决问题和实际开发设计的能力给予评价。期末考核采用课程设计的形式，由学生独立完成一个网站的设计与制作，根据站点设计是否规范合理、作品是否实现主要功能、界面是否美观、布局是否合理、所用技术的全面性和最后设计报告的撰写情况给予评价。
网页制作课程设计总结篇10
文章编号：1672-5913(2007)18-0026-02
1引言
“网页设计与制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的飞速发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。
2采用多维、多层次教学模式，调动学生学习主动性
目前，我国的高职教育正逐步形成以就业为导向，以能力为本位，以实践为中心，以获取职业资格证书为标志，以促进学生的职业生涯发展为最终目标的办学模式。因此，在计算机课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。在“网页设计与制作”课程教学中，我们将理论课与实践课的学时比例设置为1:2，如何上好这占据总学时数1/3的理论课，并且能满足不同层次学生的学习需求，是理论课教学的关键。
2.1精心制作多媒体教学课件
单调的100分钟理论课，会使学生感觉到沉闷和乏味，因此首先要在多媒体教学课件上下功夫。多媒体教学课件是课堂教学的灵魂，它不只是文字与图像的组合，还融合了各种设计元素，如音频、视频和动画信息，使课堂变得更加生动和精彩。制作课件时，我们根据教学大纲，链接了一些国内优秀网站，并对网站的结构和网页进行分析研究，同时鼓励学生多浏览观摩优秀的网页作品，增加感性认识，培养审美观念，这样对提高学生分析问题、解决问题的能力和学习兴趣都有很大的帮助。
2.2采用任务驱动和案例教学法
在教学过程中，我们采用任务驱动和案例教学相结合的教学模式。教师首先演示制作网页案例，传授本节课所需掌握的知识点。然后学生模仿制作演示案例，在完成演示案例制作的基础上，对学生提出基本要求“根据教师提供的素材和要求扩充演示案例”和更高要求“自己收集资料和素材，以教师提供网页案例为模板，制作网页”。
例如，在框架网页教学模块中，我们所采用的任务驱动教学内容如表1所示。
2.3利用网络资源，实现网上自学与答疑
高职院校学生大部分有较强的求知欲望，压缩后的课堂理论教学已不能满足他们对知识的渴求，应充分利用网络教学资源来满足不同层次学生学习的需求。在“网页设计与制作”课程的学习中，我们在校园网上网络教学课件，内容包括课程教学大纲、电子教案、视频教学、实践教学、课后习题、知识拓展、网上答疑等模块，不但能引导学生有效利用网络资源，而且网上教学不受上课时间、所学专业限制，只要对本门课程有兴趣，就可进行网上自学。另外，在课件中还和其它高校“网页设计与制作”精品课程网站相链接，满足较高层次学生的学习需求。
2.4以竞赛促兴趣，发挥激励机制
在教学中，每一模块学习结束后在全班范围内进行作品展示。每组提供一份优秀作品，由设计者进行作品演示讲解，然后由教师进行点评，同学打分，评选出优秀作品，同时将优秀作品上传到校园网。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。
3强化实践教学，培养学生的动手能力
在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。在实践教学中，我们设计了“课堂训练――模块设计――教学实训”一体化的实践教学体系，培养学生的实践动手能力。
3.1课堂训练
课堂训练时，一定要做到重点突出，目标明确。我们要求指导教师每次上机课必须用10~20分钟的时间，安排上机操作内容，讲解操作要点，起到配合和辅助理论教学的作用。这种方式不仅缓解了理论教学时数不足的问题，还能提高学生的上机操作效率。
3.2模块设计
当一个模块理论教学结束后，教师安排一定学时进行模块设计训练。教师根据教学模块内容选择一个教学案例，教学案例要求具有一定的代表性，不需太过复杂。学生首先分析、模仿案例，培养对这一模块理论知识的实践应用能力。然后要求学生以此案例为样本，自己收集资料设计制作作品，在设计制作过程中教师给予正确引导，在深度方面给与拓展。这样既完成了实习任务，掌握了学习知识点，又让学生独立完成作品，产生成就感和自豪感。
3.3教学实训
教学实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。我院与校外企业合作，建立了两个计算机专业教学实训基地，为学生提供了实训场所，加强了学生实习实训技能培养。另外，我们还提倡和鼓励学生积极参与教师的教学与科研项目。如有些学生协助教师制作网络教学课件和精品课程建设，通过实践应用，不但将课程中所学的知识点融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；还有些学生参与校园网内容设计与建设工作，如在校园网中开辟班级专栏和一些社团活动新闻专栏，同时参与校园网的维护工作。
4课程考核方式的改进
对于“网页设计与制作”课程，传统单一的笔试考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。
在“网页设计与制作”课程的考核模型中，我们主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此我们在教学实训阶段，就要求学生一边进行操作实训，一边着手收集资料，设计自己的特色网站。作品评价时，根据学生提供的域名地址，进行课堂演示，学生总体评价占30%，教师评价占40%，平时作业和上机实训成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。
5结束语
兴趣是最好的老师。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。近两年来，我院学生网页设计作品多次获得省级、校级奖励，部分学生积极参与教师的科研工作，其实践能力和创新意识得到了较好的培养。
参考文献
网页制作课程设计总结篇11
二、基于工作过程的高职网页设计课程构建
（一）分析职业能力需求，明确教学目标
为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求；同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网頁设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。[2]使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。
（二）制定课程标准
结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力；其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。
（三）完善教学内容
高职院校课程组教师应深入企业与社会，了解专业最新要求；院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。
（四）重构教学模式
基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等；同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性；最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。[3]
（五）更新教学方法
高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能；独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务；工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。
三、结语
基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。
参考文献：
网页制作课程设计总结篇12
《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。
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 结束语
本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。
参考文献：
[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.
[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.
[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.
[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.
网页制作课程设计总结篇13
（一）课程定位
网页设计课程是计算机应用技术专业职业能力模块中关于网站设计制作模块的一门专业核心课程。该课程是在专业基础平台模块的基础上开设的，与其他课程有着紧密联系。结合开设的《XHTML》、《数字平面设计基础》等课程，实现网页小前端设计。
课程围绕企业开发网页前端的整个过程进行设计，目的是使学生掌握网页设计与制作的常用技术和方法，使学生能够开发与制作出具有业界水准的网站，以适应社会对人才的需要。
（二）课程设计理念
1.以真实案例为中心，实现就业零距离
在教学案例的选择过程中，与企业著名的设计企业进行合作，校企双方通过对网页设计与制作必须的职业能力进行调研、分析，从实际工作项目中精选出本课程的教学案例。这些教学案例，全部是有一定专业水准的真实网站。学生通过真实网站的实训，欣赏水准和网页设计能力能够和业界接轨。实现就业的“零距离”。
采用“网站开发工作过程导向”的项目教学方法[2]，强调学生所学知识和技能在实践中的应用，各个教学单元采用“应用导向，任务驱动”教学方法[3]。彻底打破原有的网页设计与制作教学体系，重建教学内容，将章节的内容以案例的形式讲述。以网页设计与制作中的各个功能的实现为主线，结合平时上课时讲授的实例展开。
充分利用网页设计与制作课程应用性强的特点，把该课程的教学改革与产学研结合起来，开展多项与网页设计与制作有关的科研教研。鼓励老师和同学多参与国家或者学院组织的各项比赛。
2.遵循认知规律，先感性、后理性，实现感性、理性认识的辩证统一
对于人的认知来说，总是先感性认识，后理性认识。感性认识是理性认识的基础，理性认识是感性认识的升华和总结。
在课程设计方面，先进行感性学习，即使用可视化工具进行网站设计；然后对网站进行总结，逐步使用代码工具进行网站设计；最后通过综合实现，实现能力的提升。能力提升示意图见图1。
图1能力提升示意图
3. 课程内容的选取
围绕电子商务网站装修新的就业需求，针对性的选择课程内容。对于计算机应用技术的毕业生来说，由于电子商务的发展，近三年来，越来越多的毕业生到服装、饰品等淘宝店铺去做店铺装修。甚至部分学生自己在淘宝上开店自主创业，淘宝店铺的装修成为人才培养的一个新需求。另外，在威客网站上也常见淘宝店铺装修的任务。
对于河南省来说，电子商务才刚刚起步，网店形象差，规模普遍较小。追究其原因，很多人还是老思想，认为“酒香不怕巷子深”，不注意网店的装修和自己形象的塑造。而淘宝店铺的装修正是解决这个问题。
对于传统的网页设计课程来说，过于强调技术。而淘宝装修就是包括两个方面：即网页设计和与网页相关的艺术设计，是信息学科向文化艺术领域拓展的新方向，是以技术为主，艺术为辅，技术与艺术相结合的新兴方向。
因此，在课程内容的选取上，不但要强调技术，也且要关注相关的页面艺术设计，特别是有关电商企业的页面设计。在课程内容的选择上，包括淘宝网、天猫、京东商城等众多电商的网页被选入课程内容。
三、考核方式改革
由于教学内容围绕网页设计与制作的实际应用进行展开，理论、实践结合紧密[4]。因此，考核方式也要进行改革。
改变网页设计与制作的考核方式。为了使同学们更好的掌握网页设计，改变原来那种仅仅笔试的考试方式，增加过程考试权重。过程考核主要考核学生解决网站设计问题的思路和方法，占70%；笔试考核主要靠和学生对该课程基本理论知识的掌握，占30%。
四、结束语
由于教学内容选自业界真实网页，具有业界水准，学生的网页欣赏水平和设计水平提升明显。考核方式的改变，进一步提升了学生的实际动手能力，收到了良好的教学改革效果。
参考文献：
[1] 张伟娜. 《网页设计与制作》课程教学的探讨与实践[J]. 中国教育信息化. 2008（03）
[2] 林莉莉. 基于任务驱动有效开展《网页设计与制作》课程的教学[J]. 太原城市职业技术学院学报. 2008（10）
[3] 洪华秀，姚菊英. 项目教学法在《页面设计与制作》课程中的运用[J]. 江西教育学院学报. 2009（03）
[4] 龚茜茹. 基于软件项目管理的《Photoshop》教学模式[J]. 河北能源职业技术学院学报.2012（09）
