网页制作课程设计总结范文

网页制作课程设计总结篇1

随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：

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)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源，供学生课外学习。这样便于因材施教，使好生更优，差生进步更快。

5小结

混合式教学模式突破了传统的单一课堂教学模式，在网络教学平台上信息量大，开放性、灵活性、交互性强，与传统教学相互融合，不断补充和完善网页设计教学内容，拓展了学生的视野，为学生提供了广阔的学习时间与空间，全面提高高职学生网页设计操作技能和综合能力培养；调动了学生的积极性，变“要我学为我要学”，使得以学生为中心自主学习得以实现，提高学生自主性学习能力；从教学形式上，进一步完善了教学方法与教学手段，在信息技术环境下，混合式教学模式是网页设计教学的一个新的发展方向。

网页制作课程设计总结篇2

基金项目：辽宁省教育厅2013年辽宁省教育厅科学研究一般项目《基于LAMP的开源课程管理系统Moodle的二次开发与应用》（L2013531）；辽宁金融职业学院2014年度课题《以职业能力培养为中心的课程改革教学研究 ——以《网页制作》课程为例》（LJZYL201404）。

摘要：针对《网页制作》课程教学现状，探索以学生为主体，以项目为载体，工学结合的以职业能力培养为中心的课程改革方案。通过分析职业能力，建立典型的工作任务，构建基于工作过程的《网页制作》课程，从教学理念、教学方法、教学内容和考核方式多方面进行综合改革。结果显示，职业能力本位的课程改革能够提高学生主动学习能力和职业能力。

关键词 ：网页制作；课程建设；职业能力；教学改革；

《网页制作》课程是高等职业院校中计算机相关专业和电子商务等专业的职业基础技能课程。这是一门实践性很强的课程，课程的主要内容是包括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

[2] 陈智慧.基于职业能力发展的高职文化基础课程开发与设计[J].职业技术教育，2010(8): 20-22.

[3] 胡晓红,王丽芬，张景峰.基于职业能力培养的《网页设计与制作》教学改革的研究[J].电脑知识与技术,2012(7):4953-4956.

网页制作课程设计总结篇3

对“网页设计”课程进行项目课程开发，必须按照工作过程系统化的思路进行传统课程的全面改革［3］。根据计算机网络工程专业毕业生所面向的职业岗位之一———网页设计与制作员岗位，通过校企合作为途径，以职业导向、应用导向、行动导向为原则，以课程教学目标服从、服务于专业人才培养目标为原则，以知识、技能、态度三位一体为原则，按照实际工作过程设计教学和学习内容，对所讲授的知识进行解构和重构，形成新的理论框架，按照项目任务实施的需要进行相关知识和技能的培养和训练，形成包括课程教学大纲、课程计划、实施方案、实训、教学环节设计等环节的系统化内容体系。

二、行动导向教学法在“网页设计”课程的应用

(一)课程的总体设计对于“网页设计”这类面向应用的前沿课程，应该结合该课程自身实践性强的特色和通过查阅相关行业企业资料、咨询行业企业专家等手段对与网页设计制作员相应行业的人才结构现状、行业发展趋势、职业资格要求、学生就业去向等问题进行深入研究，据此确定课程教学目标。比如，要达到的专业能力如下:收集、处理信息、规划网站的能力，设计开发静态与动态网页的能力，设计开发网站的综合能力以及知识应用能力;要达到的方法能力如下:获取知识的能力、自我发展能力、创新能力、自主学习能力以及感悟能力;要达到的社会能力如下:表达能力、敬业精神、团队协作精神、沟通能力及责任感和效率观念。本课程在内容选择上摒弃了传统教学中按照知识的逻辑联系构建教学过程的思路，而采用行动导向的教学方法，教学内容的选择完全按照项目真实的工作程序，以完成具体网站项目所进行的活动为主线，对传统课程进行了解构与重构。首先，为达到教学目标，抽取出“网页设计”课程中应包含的包括网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础等12个知识单元。然后以实际项目为引领，将知识单元融合到具体项目的实施过程中，作为学习情境的载体，将总任务划分成若干子任务，采用教师按步骤演示、学生动手模仿的形式，通过共同完成任务，达到教学目标。现以项目企业宣传类网站建设为例，将课程内容分解为5个任务，分别为任务1:企业宣传网站设计规划，子任务;任务2:创建数据库表;任务3:制作静态页面;任务4:制作商品展示后台管理系统;任务5:网站的测试。通过这一项目的实施要达到的能力如下:表格布局网页的能力;收集、处理信息，规划网站的能力;创新能力以及自我发展能力。

(二)以行动为导向的课程实施“网页设计”课程的教学全部在多媒体网络实验室进行，在课堂的授课过程中，以真实的项目操作为基础，着重把握网页设计工作过程中的建站流程、策划、设计与制作、动画制作与动态网页制作等关键性技术的讲解与指导。行动导向教学法的实施包括“资讯、计划、决策、实施、检查、评估”等六个步骤，整个课程的教学以项目总任务的导入为起点，逐个完成总任务划分而成的子任务，其中，教师带领学生对所要完成的子任务进行分析，给出子任务的完成样本［4］。制订出任务计划，确定工作步骤、程序和内容。然后，以学生为中心，以“组内异质、组间同质”为原则，对学生进行分组，学生在教师的指导下边学边做，完成任务。项目结束后，学生提交学习成果，可以采取学生自评、小组互评、教师评价等多种方式对任务成果进行评估，其结果可以记录到总成绩。现以项目企业宣传类网站的建设为例，说明其中任务3———制作静态页面的教学实施过程。将教学安排划分成以下五个工作步骤:步骤1:明确任务(15分钟)。结合真实企业案例，通过教师讲解和启发学生共同分析，请学生思考完成任务所需的技术和实现步骤。步骤2:任务分析(15分钟)。教师通过多媒体演示、启发引导，学生分组讨论。步骤3:演示指导(30分钟)。教师通过幻灯片演示实际操作，学生跟随教师，构建新的内容。步骤4:学生练习(30分钟)。学生自主完成网站的静态页面的制作，教师辅助指导。步骤5:归纳总结(10分钟)。教师提出问题，学生归纳总结。

(三)课程的评价与考核教学评价是高校教学质量保证的无形指挥棒，目前高校的评价机制有很多，采用行动导向教学法必须对传统的“只注重结果，不注重过程，只注重分数，不注重积累”的教学评价与考核方式进行改革。应关注评价的多元性，注重学生的动手能力，即在实践中分析问题、解决问题的能力。课程考核采取形成性考核、项目完成情况考核和期末考核相结合的形式:形成性考核占总成绩的30%，项目完成情况考核占总成绩的40%，期末考核占总成绩的30%。形成性考核主要包括学生课堂的出勤率、课堂表现、作业以及一些需要较长时间才能形成、并易产生反复的指标(比如责任感、协作精神、判断及处理能力等)。项目完成情况考核主要包括课内项目和课外实训项目完成情况的考核，根据项目实施的各阶段，采用学生自评、学生互评和教师测评相结合的方式，针对学生综合运用所学知识解决问题和实际开发设计的能力给予评价。期末考核采用课程设计的形式，由学生独立完成一个网站的设计与制作，根据站点设计是否规范合理、作品是否实现主要功能、界面是否美观、布局是否合理、所用技术的全面性和最后设计报告的撰写情况给予评价。

三、结语

实践表明，在“网页设计”教学过程中，采用基于行动导向的教学方法，学生成为教学的主体，以工作情境为主线，把课程中的零散知识点串联起来，强化理解和记忆，并能够在任务实施的过程中主动发现问题、解决问题，不断挖掘自己的潜能，激发了学生的学习兴趣，学习成果明显提高。有效地建立了课堂与社会生产生活的联系，较好地实现了基本培养目标，充分地展示了现代教育理论与实践密切联系的教学原则，行动导向教学法值得我们在课堂教学中进一步研究、探索、实践和应用。

网页制作课程设计总结篇4

关键词：网页设计；高职；教学设计

中图分类号：G718

《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。

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.

作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。

作者单位：广东行政职业学院，广州 510800

网页制作课程设计总结篇5

关键词：技工教育；一体化教学；网页制作；Dreameweaver

中图分类号：TP393.092-4；G712.4

网页制作教学是技工教育计算机学科教学中的重要内容，传统教学模式下，习惯将计算机理论知识与上机实践分开教学，往往是理论知识教学与实践应用能力教学由两个教师来承担，教学效果并不理想。运用一体化教学模式，可以有效地解决理论教学与实践教学相分离的弊端，提高网页制作课堂教学的成效。

一、“一体化”教学概述

“一体化”教学是一种以教师为主导、学生为主体的现代化教学模式，在专业教师的指导下，教师通过设计大量的由简单到复杂、由浅入深的“实践活动”来完成教学过程。“一体化”教学模式是以培养具有扎实理论基础知识、操作技能强的复合型技能人才为目的，将教学大纲、教学过程有机地统和在一起，以实现理论教学与实践教学的目标要求。“一体化”教学模式具有课程理论适度化、模式一体化、内容综合化的特征，“一体化”教学模式对教师的个人综合素质要求较高，教师不仅要具有较高的理论讲授能力，更重要的是还能够熟练地运用现代化的教学手段、设施，具备较高操作技能。同时，“一体化”教学模式的运用，对硬件教学设施要求也较高，以网页制作教学为例，“一体化”教学模式的实施，可以采取自学、导学、助学、促学相结合的方式，规划并创建站点制作主页和内页优化网站和管理站点。《网页设计与制作》是技工教育的主干专业课程，该课程具有实用性强、应用面广、操作性强以及与未来就业岗位密切相关的特点，在《网页设计与制作》学科中，大胆地进行教学模式改革，打破传统的课堂教学模式，实施“一体化”教学，能够提高学生的学习能力、综合能力以及协作能力，激发学生的学习兴趣。

二、“一体化”教学在网页制作中的应用探析

网页制作过程中，运用“一体化”教学模式，学生成为了学习的主体，在整个教学过程中，教师更多的是发挥引导协助的作用，这样不仅提高了学生自主学习的能力，而且对于落实网页制作学科的教学目标要求也具有重要的意义。

（一）确定设计思路

当前，各大中职院校基本上都开设了网页制作课程，其中“Dreameweaver网页制作”就是网页制作教学科目必修的基础性学科之一，是一门艺术与技术相结合、实践应用性比较强的课程，以在课程教学过程中运用“一体化”教学模式为例，确定设计思路时，首先就要打破传统的教学模式，确定以提高学生实践能力、动手能力为主的教学目标，让学生在动手操作、实训中建构相关的理论基础知识，逐步培养他们运用“Dreameweaver”技术的能力。由于“Dreameweaver”网页制作软件需要配合HTML语言的一些基础性知识，因此，需要对该项内容进行细分、设计，分解为多个子模块，每个子模块要都以培养学生的实践能力为主导，注重学生职业能力的训练，综合考虑课程理论知识、资格证书以及技能、态度等等要求。网页设计教学都是以典型案例为载体展开的，以“工作任务”为中心进行理论与实践整合，从而实现理论教学与实践教学的“一体化”。

（二）确定网站项目

在确定了设计思路之后，确立优秀的网站设计项目是“一体化”教学法实施成功的必要保障，否则，如果确定的网站设计项目不合理，一体化教学方法就失去了其存在的价值。项目的选择、网页的制作必须要具有系统性，而且要能够前后联系、相互衔接、由简入难，让学生使用素材库中的素材进行设计、分析，比如，在《网页制作》课堂教学过程中，教师可以让学生设计校园网站，要求制作的校园网站要采取各个页面采用不同布局方法进行布局，而且各个页面元素的插入、设计要尽量应用到“Dreameweaver”网页制作科目中所学到的知识点，这样通过指导学生设计校园网站，使他们掌握建立、上传、美化、布局、优化网页的方法，在实践运用过程中掌握网页制作设计的基本知识。总之，“一体化”教学模式的实施，需要运用到项目教学方法的内容，以优秀的项目作为载体，完成网页制作课程的教学任务。

（三）网站项目实施

“一体化”教学项目的运用可以分为三个阶段，分别是向学生讲授网页制作软件使用方法、制作网页以及总结评价网页制作成果，其中，第二个阶段是“一体化”教学方法实施的核心部分，该阶段，教师要把学生分为几个小组，明确网页设计的任务，给予具体的指导，解决学生学习过程中的各种疑难问题。“一体化”教学模式下，要突出以学生为主体、以人为本的教学理念，教师通过分解网页设计项目，帮助学生选择素材，引导学生创建一个网页使用表格布局、表格以及曾三种布局方法，以实现优化网页页面的目标。传统教学模式下，教师习惯先进行静态网页设计教学，这固然是网页制作课程的入门必备知识，然而，“一体化”教学模式下，教师要将动态网页设计教学与静态网页设计教学结合在一起，完善网页制作的功能创建，并引导学生直接在互联网平台进行，这样有利于实现整个网页设计的优化、整合，从而实现提高学生网站设计能力的目的。

（四）展示与评价

“一体化”教学模式要充分开发各种学习资源，给学生提供各种丰富的实践机会。根据“Dreameweaver”网址制作课程特点以及教学目标要求，采取制作作品考核与学期末理论考核相结合的方式，对学生的制作的网页进行综合评价。学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

结论

一体化教学模式从本质上改善了网页设计与制作课堂教学效果，使学习者能够真正地掌握一门学习技术，提高他们的开发能力、创新能力，最大限度地调动了学习者的积极性、主动性。

参考文献：

[1]冯晓娟.职业学校的一体化教学[J].中国商界（下半月），2010（05）.

[2]熊凯.高职院校《网页制作》课程教学的几点体会[J].当代经理人（下旬刊），2006（07）.

[3]张天伍.《网页制作》课程的教学体会[J].郑州经济管理干部学院学报，2003（03）.

网页制作课程设计总结篇6

计算机应用技术(速录方向)专业教学质量工程批准号JXZL1304

【文章摘要】

本文根据《网页设计》实践性强的特点，探讨了基于项目为主的教学模式，学生为主题，教师为指导的项目教学方法的作用和优势，并为以后教学的发展提供了思路。

【关键词】

教学设计；网页设计；应用

课程设计是教师根据学生以及课程内容分析教学内容、教学条件确定教学的目标，运用系统的方法指导实训、评定学生学习过程，教学设计是教师有计划、有步骤的实施教学的一种技术，其目的是优化教学效果、提高教学质量和教学效果。《网页设计》课程设计的内容多，课时有限，使用传统的教学方法达不到预期的效果。因此，在教学实践中根据教学内容，设计教学方法，利用有计划的教学策略，优化教学效果[1]。

1.计算机速录专业《网页设计》课程的学习目标

内蒙古师范大学青年政治学院计算机速录专业《网页设计》课程旨在培养学生静态网页制作人员，并为学生开发网站打下基础，为学生今后就业提供技术支撑。因此，内蒙古师范大学青年政治学院计算机速录专业《网页设计》应以行业需求确定专业培养目标，以学生职业技术能力为目标实施教学活动，以学生为主题、教师为指导的教学过程，以灵活的项目教学和项目评价相结合来评价教学效果，并突出学生能力为目标。学生学习完《网页设计》课程后，能够掌握网页页面修饰、美工技术，掌握LOGO的制作、广告动画制作技术；掌握网页编辑技术；掌握Flash软件制作动画；掌握运用Photoshop软件制作与处理网页页面所需的图形图像；能够熟练制作与编辑网页文件。

2.计算机速录专业《网页设计》课程教学设计的思路

教师在《网页设计》教学过程中，根据每一项目的工作要求进行设计。本课程在注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式，

3.计算机速录专业《网页设计》课程教学设计的内容

《网页设计》这门课程分四个部分，

（1）运用Dreamweaver软件搭建网页架构；

（2）运用Photoshop软件图形图像处理；

（3）运用Flash软件制作网页中所需的广告动画。

3.1教学目标的设计

（1）能力目标

培养学生能力目标有：能够进行网页页面布局、能插入网页元素、能够运用Photoshop软件处理图形图像、能够运用Flash软件制作动画、能够在网页中插入各种超级链接让整个网络链接起来，并能够熟练使用Photoshop软件与Flash软件修饰、美化页面。

（2）知识目标

培养学生知识目标有：了解Dreamweaver软件环境、菜单的使用方法；掌握搭建网站架构、掌握表格、表单、定位等操作；掌握网页编辑技术；掌握网页中插入图形、图像、音频、视频方法；掌握网页中插入超级链接的方法；掌握运用Photoshop软件图形图像处理方法与运用Flash软件动画制作方法。

（3）素质目标

培养学生素质目标有：①培养敬业精神、责任感、团队协作精神；②培养沟通能力、自主学习能力、自我发展能力、探索研究能力。

3.2课程内容的设计

《网页设计》课程中，教师对每一个整体项目划分若干个子项目，每一子项目又划分成若干个任务。如，搭建网页架构、图形图像处理、制作动画效果、修饰美化网页页面，每一任务的内容如下：(1)搭建网页架构；(2)图形图像处理；(3)制作动画效果；(4)修饰、美化页面。

4.《网页设计》课程考核方式的设计

4.1考核要求

《网页设计》课程的考核方式包括：（1）考勤占15%；（2）子项目完成情况占45%；（3）整个项目完成情况占40%。

4.2考核过程

为了促进学生实践能力，本课程使用项目教学法。也就是把本班同学分成几个组，将课程中涉及到的每一部分内容当作一个项目，让学生独立完成，最后评价项目。评价过程是：让学生运用课堂中学习的知识，设计与制作一个项目，项目中每完成一个工作过程（子项目）获得一定的分数，且各组成员必须对整个项目过程充分了解，最后让各组成员说明各自完成的工作任务及实现的步骤，再给大家讲解每一模块的功能及代码的实现过程，最后让教师和全班同学一起打分的方法。这样不仅激发学生学习兴趣，也能提高学生解决实际问题的能力，也使小组成员间能够很好的相处，互相帮助，共同进步的目的。

4.3优秀作品展示

教师讲解《网页设计》课程过程中，（1）给学生展示国内外公司网站、上一届学生跟课程内容有关的优秀作品，激发学生的学习兴趣，再引入本课程的内容。（2）展示本班同学优秀作品，鼓励学生。

总之，《网页设计》课程注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式。

作者：巧云 单位：内蒙古师范大学青年政治学院信息工程系

【参考文献】

网页制作课程设计总结篇7

关键词： 职业院校；网页设计；网页制作；教学质量

一、引言

随着计算机技术的快速发展和计算机网络的普及，计算机已被广泛应用于社会生活的各个领域，网站网页已成为公司、企业或个人展示信息的一个平台，网页制作已经不再是遥不可及的梦想。《网页制作》传统的教学方式学生只是自我感觉看懂了，听懂了，但真正动手操作练习时，会发现很多知识点并没有掌握，结果导致部分学生失去学习的信心，整门课程的教学质量也随之下降。那么如何提高《网页制作》这门课程的教学质量，达到师生双赢的结果，这是值得我们探讨的。本人经过几年的《网页制作》课程的教学实践与观察，从课程教学内容、教学方法、实践教学、考核方式等几个方面阐述了这一关键问题。

二、合理调整课程教学内容

从四大模块对本课程进行了介绍：模块一介绍网页基础知识，网站的种类，网站的概念，并对优秀的网站网页进行赏析；模块二介绍网站建设、网站规划及流程，通过对优秀网站的分析，使学生头脑里存在设计的概念、想法及思路；模块三介绍制作网页软件的使用，通过具体的网站实例来介绍软件的使用方法；模块四为网站综合设计，通过由学生选择设计各类题目，两人一组设计一个综合类网站，进而锻炼学生的团队合作能力，网页设计与制作的能力。

三、改进教学方法，激发学生学习兴趣

本人在此课程中主要采用了项目式教学法。所谓项目教学，就是师生通过共同实现一个完整的项目工作而进行的一个教学活动。项目可以一个学生独立做，也可以多个学生一起做。在教学前期一定要一个人独立完成一个项目，一定要让学生动手实际操作，以是否会用相关技术制作出网页为评价标准。在教学后期比较大的项目上可以几个人一起完成。

网站制作结束前经过教师核准验收后，可以宣布整个项目工作结束。接下来教师要对学生制作的作品进行展示，在进行作品展示时，教师可以把班级同学集中起来一起观看，这会更加促进学生的团队意识。同时，为了更好地利用网络空间和网上资源，可以把学生的好作品上传校园网站。让全校师生都来关注学生的成果。这样，既给学生施加压力，也激发了学生的学习动力与信心，让学生享受成功的快乐，享受成果的乐趣，真正提高对所学知识的理解和掌握。在很大程度上提高了学生的学习积极性和学习兴趣。

四、正确引导学生的学习方法

职业院校的学生大多数存在学习的积极性不高，不主动，课前不预习，课后不复习等现象，因此，在本课程的教学过程中，正确引导学生的学习方法是至关重要的。

（一）教师要很好地引导学生总结学习过程中的经验教训，从自身因素寻找获取学习成功的突破口，意识到学习是一个艰苦、求是、提高、升华的过程。经常与学生沟通交流，使学生养成预习与自学的好习惯。

（二）根据学生的认知水平、思维方式，适当降低教材的理论难度，一方面以课程内容“适度、够用”为主，增强实用性和操作性，适应学生的心理实际，从而增强学生的自信心。 另一方面，多让学生欣赏一些网页制作方面的案例，增加学生的兴趣，调动学生的学习积极性，激发学生的潜能。

五、考核方式

《网页制作》课程分为三部分考核，第一部分为平时成绩占30%，通过学生的日常出勤情况、平时表现进行考核；第二部为期末考试成绩占50%，期末考试主要以学生作品进行考核；第三部分为对期末所制作的作品进行答辩占20%，主要是考核学生的表达能力、信息的收集与整理的能力。通过这三种考核方式，能够极大的调动学生的积极性，培养学生的创新思维，培养学生团队合作意识，同时也受到了学生的认可与好评。

六、结束语

总之，《网页制作》课程是一门实践性非常强的课程，如何提高本门课程的教学质量，途径多种多样，只要在教学中不断探索，勇于创新，定会寻找出一条既符合实际又有效的途径，让学生在有限的时间内学习到更多的知识，操作的更熟练，为今后的工作、学习奠定良好的基础。

参考文献：

[1] 夏晶.试析如何提高高职院校《计算机网络》课程的教学质量 2006

[2] 夏季. 如何提高计算机课程的教学质量 2008

[3] 浅谈职业类学校的网页制作教学 2007

网页制作课程设计总结篇8

重新定义课程教学目标

“网页设计语言”是新媒体专业的一门专业基础课程，这门课程使学生真正了解网页的本质、网页的构成方式、内容以何种网页形式呈现、网页如何实现与用户交互，通过掌握一些基本的标记和代码，能够实现网页常用的效果。网页是用户获取信息的一种重要方式，过去用户浏览网页主要在台式机上，因此这门课程传统的教学目标定位于培养学生在PC端的网页设计和实现能力，掌握PC端网页页面上内容结构的设计、页面内容的排版布局、页面的交互设计等。“互联网+”时代，其核心是以“人”为本，以“用户为中心”的互联网思维。在课程教学目标设定上也应该以浏览网页的用户为中心，另一方面用户浏览网页不再局限于PC机，还能用手机、Pad等浏览，因此在“互联网+”时代课程教学目标定位于培养学生从用户的角度出发，设计制作出符合用户体验的跨平台（PC端，手机、Pad等移动端）网页。

改革教学内容

在新的教学目标基础上对教学内容进行改革，用互联网思维对课程教学内容迭代更新，强调用户思维，从用户角度考虑网页的设计与实现。过去“网页设计语言”课程内容主要是针对PC端网页设计，PC端网页设计主要以HTML4.0技术，CSS1.0/2.0技术为基础。HTML4.0技术负责显示网页的内容，CSS1.0/2.0技术负责呈现网页的外观，通过这两种技术的结合基本实现了网页内容和形式的分离。HTML即超文本标记语言（HyperTextMarkupLanguage）,是实现网页的标记语言，网页上的元素都可以用相应的标记表示。HTML技术和其他WEB技术（如CSS和JavaScript）结合能创建出形式多样交互性的网页。HTML标准1999年12月了HTML4，2014年10月29日，万维网联盟制定完成了HTML5标准规范。HTML4是为了适应PC端网页设计需要，而HTML5充分考虑到了多种终端需要，也照顾到了各种浏览器的兼容性。HTML5同时提供了更丰富的网页多媒体的支持，新的语法被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了很多新的特性来增强用户体验，改变了用户与网页的交互方式，使用网页和用户交互更顺畅。CSS即层叠样式表（CascadingStyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景等网页元素的呈现效果实现更加精确的控制。只要对相应的CSS代码做一些简单的修改，就可以快速调整同一页面的不同区域或者不同网页的外观和效果。CSS3是CSS技术的最新版本，CSS3采用模块化思想去设计，按照不同的功能划分成了更小的模块，很多新的模块被加入进来。这些模块包括：文字特效、盒模型、背景和边框、表格列表、文本样式、渐变效果、变形效果等。每种模块都比以前提供了更多网页元素的呈现效果，如2D转换、3D转换、过渡、动画等，给用户提供了更丰富的交互效果。HTML5和CSS3是基于用户体验、兼容移动端的响应式网页技术，它们彻底改变了互联网网页的呈现方式。本课程内容改革中将遵循几个原则：1.去掉比较陈旧、不符合互联网潮流发展的网页技术；2.引入以用户为中心、跨平台、符合用户体验的最新网页技术；3.新旧课程内容注意衔接、逐渐过渡；4.避免课程内容臃肿繁杂，有选择性地讲解比较重要的网页技术，把学生有能力理解的内容以电子教案和教学视频的方式提供。按照以上原则，课程内容上将先简单介绍HTML4、CSS1.0/2.0等传统的网页技术，重点介绍其中的精髓部分，如文本、超链接、图像、表单等常见网页元素、传统布局方式等。在此基础之上，过渡到HTML5和CSS3，重点讲解HTML5、CSS3中新增并且常用的元素、交互方式、新的布局方式，如HTML5中支持音频、视频、绘图的元素，CSS3中色彩渐变、变形效果、过渡、移动流体布局、兼容响应式布局等。新内容增加的方式在开始阶段采用对传统内容的补充，之后再详细展开，逐步过渡到成为课程主体内容。

改革教学模式

“互联网+”时代的“网页设计语言”课程的内容改革是核心，教学模式改革是辅助内容展开的手段。在教学模式改革上也应用互联网思维，“以学生为中心”，采用任务驱动教学、项目教学、翻转课堂、微课等教学方式结合的模式。任务式驱动教学、项目教学经过多年实践检验取得了不错的教学效果，在多年的课程建设和改革中，这些教学方法被逐渐引入到“网页设计语言”课程教学中，对本课程的教学起到了很好的促进和推动作用。“互联网+”时代出现了翻转课堂、微课等新的教学方法，这些方法强调学生在学习中的自主作用，和项目教学、任务式驱动教学能够互补，我们可以根据教学内容选择恰当的教学方式，将这些新的教学理念和方法融入课程中提高教学效果。

1.翻转课堂。翻转课堂是以学生为中心的学习方式，强调学生的自主学习能力。传统教学环境教师在课堂上完成知识传授，学生在课后通过作业、操作或者实践来完成知识内化。翻转课堂颠覆了传统的教学环境，学生晚上在家学习新知识，白天在教室完成练习和作业的教学结构。翻转课堂将教学过程分为课前学习和课中学习两部分。课前教师制作课程微视频、提供丰富的教学资源、任务等，学生利用教师提供的教学资源进行自主学习；课中学生以组为单位协作探究，教师作为组织者和指导者组织学生交流讨论、进行个性化指导、总结点评等。该模式注重交流和评价,在课前注重培养学生自主学习和独立思考能力，课中在协作探究中促进知识的内化。同时,教师作为课堂指导者、学生学习的帮助者和资源的提供者，引导学生对问题进行更深层次探索，挖掘学习者的学习潜能、发挥学习者主动学习的积极性。

2.微课。微课是相对传统课程的一种微型课程，用以阐释某一知识点和解决某个单一教学问题。微课通常由微视频和配套的教学资源组成，将教学中的重点、难点等录制下来制作成短小的视频，方便学生随时随地通过下载或点播，能重复使用，利用率高。“互联网+”时代，移动网络、智能手机和平板电脑的迅速普及，在线学习和移动学习成为一种新的发展趋势，使随时随地进行智能化学习成为可能，这种学习方式突出学习的灵活性和互动性，强调学习内容的微型化和碎片化，微课顺应了在线学习和移动学习的发展趋势，更加适合当下“碎片化”的学习。经过近几年在很多高校的实践证明，将翻转课堂、微课这些新的教学方式与项目教学、任务驱动教学方式结合应用在实操技能型课程中能进一步提高学生在教学中的主观能动性，也能进一步提高学生的学习积极性，进而取得较好的教学效果。

结语

在“互联网+”时代，“网页设计语言”课程改革必须顺应互联网教育改革的趋势，应用好互联网思维，“以用户为中心”开展教学内容和教学模式的改革，满足新媒体专业人才培养的需求，实现“互联网+”背景下的教学目标。