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

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

【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划

网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。

1 “网站开发与网页制作”网络设计现状分析

1.1 网站开发语言安全性

网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。

1.2 静态网页制作中Dreamweaver的应用

现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。

1.3 收录引擎对网站的友好度

搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。

2 “网站开发与网页制作”设计发展规划

2.1 多层次深发展满足不同领域的需求

网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。

2.2 整合资源优化知识结构，提高网络课程设计效率

在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。

2.3 理论实际相结合，培养学生动手能力

在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。

2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理

网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。

3 结束语

时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。

参考文献

[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.

[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.

[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

作者简介

史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。

作者单位

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

关键词：翻转课堂；微课；公共选修课

中图分类号：G434 文献标识码：A 论文编号：1674-2117（2015）24-0117-04

公共选修课教学现状

学校为拓展学生的视野，一般会开设全校性的公共选修课（公选课）。此类型课对学生的专业要求较为宽松，任何专业的学生都可以根据兴趣进行选修，但这也为此类课程的教学带来了新的挑战。

一是学生学习水平的差异。公选课是面向全校师生的公共课，学生不分文科、理科均可选修，因此学生的基础水平有较大差异。如果教师采用统一的教学方法和内容，就无法兼顾到各种层次的学生需求，导致有的学生认为教学内容过于简单或教学进度太慢，有的学生认为内容太难或教学进度太快无法跟上，而且一些实验的教学设计难度也大大增加。

二是课时较少，公选课不分课程，学校一般将公选课的课时统一定为30学时。以笔者任教的公选课“网页制作”为例，与其他课程的课时相比相差近一倍。因而，在课时严重不足的情况下教师只能通过减少教学章节、降低知识讲授的深度与广度等方法来缩减时间，这样会不利于教学的开展。

三是选修公选课的学生来自不同的专业，学生之间大多数互相并不认识。因而，在学习中遇到问题时，他们无法及时向同学求助，导致难以开展团队形式的课程设计作业。

翻转课堂与微课对公选课问题的适应性分析

翻转课堂作为新的教学模式，被认为是教学的重大变革。翻转课堂与传统的“课堂传授+课后内化”的教学模式不同，它是在信息化环境中，教师提供以教学视频为主要形式的学习资源，学生在课前观看并学习教学视频等学习资源，课上师生一起完成作业答疑、协作探究和互动交流等活动，即“课前传授+课上内化”的新型教学模式。这种教学模式，能够有效地解决公选课学生学习水平差异较大等问题。

“网页制作”是以技能为主的课程，主要讲解网页制作软件的使用。因此，教师可以使用屏幕录制软件，制作具体的操作及讲解的微课。学生观看的微课与课上教师的操作演示几乎没有区别，而且也不用担心因远离讲台而无法看清等问题。因此，基于微课的教学模式非常适合网页制作这类以软件操作为主的课程。

同时，学生对篇幅较长的学习视频接受程度较低。因此，为降低学生学习的负荷，保证学习效率，教师录制的教学视频等学习材料的长度应限制在较短的时间内。而微课短小精简、便于传输及下载的特点，满足了学生的需要，为学生利用空闲时间反复学习提供了可能性。

翻转课堂模式下“网页制作”课程的教学设计

何克抗指出：适合我国的教育思想应当既不是以教师为中心，也不是以学生为中心，而是既要充分发挥教师的主导作用，又要凸显学生在学习过程中的主体地位，即主导与主体相结合。因此，翻转课堂教学模式实施的关键不是“翻转”学习的地点和时间，而是学生的学习方式，是把以往的“教师主动教学生被动学”，转变为“学生主动学教师作辅导”。教师必须主导整个教学过程，即课前、课间及课后。教师在教学中要积极地引导学生自主探究性地“学”，为学生提供各类学习资源，解答疑问，并监督学生的学习情况。

笔者以此为指导思想，综合考虑公选课课程设置、学生的情况及网页制作课程的知识内容等特点，按照“自由设计、自主学习、全程引导”的教学策略，以自由设计一个完整的网站为课程设计任务，将该课程的教学活动设计为“引入任务―翻转课堂―互评总结”三个阶段，如上图所示。

1.引入任务阶段

选修同一门公选课的学生，来自不同专业、不同年级。在首次上课时，学生面对的是陌生的同学和教师，且大多数学生对课程内容是完全陌生的。因此，教师应在第一次上课时，先对整个课程的内容进行概述，包括学习什么知识、学了后有什么用、用什么方法学等问题。然后说明具体的课程要求、授课方式、作业要求、考核方式，等等。同时，还要向学生介绍翻转课堂教学模式，消除其对新的教学模式的困惑，并引导学生注册教学平台、尝试登录，以保证每位学生都能够正常地登录教学平台，进而保证后续教学活动的正常开展。

例如，在上“网页制作”课程的第一次课时，教师可采用传统的教师主讲的教学方式，并在完成上述的课程介绍、教学平台登录等步骤后，开始课程内容的讲授。教师可以先让学生观摩一些优秀的网站，并与学生一起探讨分析网站中哪些元素值得学习及涉及了哪些技术。然后，向学生展示目前主要的网页制作技术，让学生对整个课程的知识体系有一个整体上的初步认识。接着，给出第一次课的课后作业任务：初步构思自己要制作的课程设计网站的内容，并根据自己的实际情况，制订一份自主学习的计划。

2.翻转课堂阶段

第二阶段采用翻转课堂教学模式，教师以任务驱动的方式引导学生自主学习。由于公选课课时较少，除去首次上课，仅有9次集中上课的时间。因此，教师可以把网页制作中的主要技术，分为九个相对独立的专题来组织教学内容，每个专题的教学步骤大致如下：

（1）在学生学习前

课前，为学生提供所需的各类学习资源，并对每个专题内容设置不同的难度等级，如基础级、提高级、扩展级等，分别制作微课，放到微课资源库中。学生在课前根据课程设计的要求，结合自己构思的网站在制作上涉及的技术，自主地在学习资源库中寻找适合自己需要的课件、微视频等资料进行学习。

（2）在学生自学过程中

教师要尽可能解决学生自学中遇到的问题，因此教学平台上设有学生互动交流区、教师定期在线答疑等板块，为学生提供帮助。同时，教师要鼓励学生互相答疑，并给予提供正确答案的学生适当的平时成绩加分作为鼓励。

（3）课堂活动前

要求学生先完成课前自测题和课前思考题。其中课前自测题偏重基础，目的是供教师在上课前简单了解学生的自学情况，从而确定课上交流的内容，避免出现学生掉队的情况。课前思考题则具有一定的综合性及扩展性，用于在课上展开讨论，使有能力的学生有更进一步展示及深入学习的机会。在每个专题的课堂活动前，教师要先通过教学平台了解学生的自学情况及提问较多的问题，并设定课上要研讨的问题，同时，还要准备一定的扩展性问题在课堂上交流，以帮助学生进一步巩固和内化。

（4）课上交流时

根据课前了解的学习情况，教师可按照“学生提问―互动交流―思考拓展―专题设计展示”的流程来展开。课堂上以引导为主，鼓励学生提出问题，全体一起分析并解决问题，并提供学生展示已完成的对应专题内容的课程设计的机会。

3.总结互评阶段

翻转课堂教学模式下的专题教学阶段结束后，就进入了最后的课程设计及互评阶段。这个阶段分为两个子阶段：

第一个子阶段为展示阶段。教师要求学生必须在指定日期前上传课程设计初稿至开设好的Web服务器空间。学生之间可以通过网页互相浏览观摩，取长补短，而教师可监督课程设计的进度及质量，对进度较慢或质量较差的设计，要按要求及时整改。同时，此阶段让每位学生都掌握FTP上传及Http访问调试的方法。

第二个子阶段为正式展示互评阶段。教师利用课程安排的考查学时，将全体学生集中到课室内，每位学生在3分钟内展示自己的设计作品，全体学生现场观看并在评分表上打分。学生的课程设计成绩以教师和学生评价的总平均分来计算。这种互动评价模式能够有效地激发学生的学习兴趣及创造力，绝大部分学生都能够认真地做好课程设计及上台演示的准备。

学习效果对比分析

在尝试了新的教学手段后，需要对教学数据进行分析对比，以验证教学改革的有效性。教学数据的收集采用教学平台自动统计及向学生发放调查问卷的方式。

1.纵向比较

选取的比较对象均为公选课的学生，其基础及授课课时一致，但采用不同教学模式来对比，比较项目及结果如表1所示。

对两种教学模式的数据进行分析整理后，可以发现学生在翻转课堂教学模式下，课余学习时间明显高于传统模式，这说明了学生在翻转课堂模式中，用于课程学习的时间更多。

从平时成绩的统计结果看，在作业提交率、上课出勤率方面，翻转课堂的学生都有更好的表现，显示出更高的学习主动性，而课程设计的质量也有较大的提高。这说明翻转课堂模式下的学生实际动手能力和知识应用能力要优于传统授课模式下的学生。在课程满意度方面，翻转课堂的学生对新颖的教学模式接受度较高，并给出了较高的评价。

2.横向对比

横向对比是针对不同基础、不同课时数、不同教学方式下的学习效果进行对比。首先，公选课“网页制作”需要学生有一定的计算机操作技能，因此对比对象需要对比课前计算机技能基础不同。计算机技能的水平以必修课“计算机基础”的成绩为数据来源，其中公选班的学生来源分散，文科生占较大比例，因此平均计算机技能基础较低且学生间差异较大。而选取的普通班为工科专业，计算机技能平均水平较高，且学生间相差不大。其次，学时相差较大，其中普通班开设的课程一般以一个学期为周期，64学时，而公选课则为30学时。再次，分别采用了不同的课堂模式展开教学。对比项目及结果如上页表2所示。

对两种模式的数据进行分析整理后，虽然普通班学生的学时更多、基础更好，但最终课程设计平均分反而略低于采用翻转课堂模式的公选班，而公选班的学生的课余学习时间明显高于普通班的学生。这说明了公选班学生在翻转课堂模式下，调动了学习的积极性，学生实际用于课程学习的时间更多，且学习效率也会更高，效果更好。反观传统教学模式下学生在课堂上的表现，经常会看到教师在台上讲，学生在下面玩手机、打瞌睡的情况。这从另外的角度也反映了仅依靠课上教师的讲授，是无法引起学生学习兴趣的，即使安排再多的课时，也难以达到较好的教学效果。

结束语

通过对采用不同教学模式的班级的课程教学数据进行对比分析，结果表明采用翻转课堂教学模式能够有效地激发学生的学习兴趣，这不仅能解决原来公选课所面临的难题，还能使教学取得更好的效果。从而证明了本文所设计的教学方式及教学环节，对公选课网页制作课程是非常适合及有效的。

参考文献：

[1]曹殿波，薛苏秦.“微课”实践中亟待厘清的四个基本问题[J].中国医学教育技术，2013（5）：495-497.

[2]曹育红.“翻转课堂”在软件技术实训中的创新应用[J].中国电化教育，2014（4）：116-120.

[3]何克抗，李克东，谢幼如，王本中.“主导―主体”教学模式的理论基础[J].电化教育研究，2000（2）：3-9.

[4]何克抗.从“翻转课堂”的本质看“翻转课堂”在我国的未来发展[J].电化教育研究，2014（7）：5-16.

[5]邹利华，陆炜妮.“翻转课堂”教学模式研究与实践――以“flas制作”课程为例[J].江苏经贸职业技术学院学报，2015（1）：86-89.

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

>> 基于项目化教学的“网页设计与制作”课程改革与实践 《网页设计与制作》课程教学的创新与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程的开发与实践探析 《网页设计与制作》课程建设的认知与实践 计算机广告制作专业的网页设计课程教学改革与实践 《网页设计与制作》课程教学模式的改革及实践 基于工作过程的“网页设计与制作”课程改革的探索与实践 网页设计与制作的课程改革新动向 中职《网页设计与制作》课程的改革初探 网页制作课程设计的组织与实践 任务驱动法在《网页设计与制作》课程教学中的实践探索 项目驱动式教学法在“网页设计与制作”中的研究与应用 基于CDIO理念的网页设计与制作教学改革与实践探究 基于项目牵引式《网页设计与制作》教学的实践与探究 “网页制作”的教学设计与实践探究 “网页设计与制作”课程教学方法的探索 《网页设计与制作》课程的教学探讨 浅谈《网页设计与制作》课程的实训教学 浅析《网页设计与制作》课程的教学方法 常见问题解答 当前所在位置：l；

页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；

3）页面设计中导航和超链接清晰，对象插入合理；

4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；

5）在网页中恰当的位置设计一个简单的登录表单；

6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。

7）运用外部样式表定制网页风格，网站内风格统一。

3.2.4 学习评价

学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。

在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。

4 总结

通过多年的教学实践，采用项目驱动模式教学，能明确学习目标，较大地提升学习者的学习兴趣。从而提高学生的学习效果，保证教学质量，锻炼学生解决实际问题的能力。因此，项目驱动教学模式对《网页设计与制作》课程来说是行之有效的教学方法。

参考文献：

[1] 张钰莎. 项目驱动式教学法在《网页设计与制作》中的探讨[J].现代计算机，2011（6）.

[2] 胡永刚. 项目教学法在《网页制作基础》课程中的应用[J].机械职业教育，2008（2）.

[3] 王宁娟.浅谈任务驱动法在网页制作教学中的应用[J].职业教育，2011（9）.

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

【关键词】 信息技术 项目化教学 应用

随着信息技术的飞速发展，信息技术作为一种认知工具，它具有强大的教育教学功能，它的研究和应用给高职教育教学工作带来诸多变化。笔者在《网页制作》课程中利用信息技术对项目化教学进行了具体而全面的实施。最终实践结果显示：利用信息技术手段提供的展示平台能够促进学生的自主学习与交流，达到了预期的教学效果，成效较为显著。

一、《网页制作》课程设计思路

《网页制作》课程根据 “前程无忧”、“智联招聘”、“贤士榜”等专业招聘网站及招聘企业中对相关的职业岗位及岗位核心能力分析，结合ACAA认证网页设计师的考证要求，提炼出与本课程相关的职业岗位及岗位核心技能，并按照范的网站开发流程，将课程分为网站规划和准备、网站站点创建、网站制作、网站测试与、网站综合实训五个项目。

二、信息技术在《网页制作》项目化教学中的应用

在教学过程中，课程项目分解出来的案例或任务，来源于企业的实际开发，从企业实际应用中分解出一个个通用、典型、实用的小模块作为讲解案例或练习任务，以利于提高学生的岗位实践能力和适应能力。以《网页制作》课程项目三网站制作中的子任务网页布局为例，子任务主要分为四部分内容：资讯、计划与决策、实施、检查与评价。

资讯：

教师通过翻转课堂重新调整课堂内外的时间，让学生成为学习的主人，调动学生学习的积极性、主动性，增加学生对知识的感性认识，培养学生分析问题、解决问题的能力。学生通过课外时间观看微课学习网页布局的基础知识、了解表格、DIV标签、AP DIV及CSS的概念，掌握创建和编辑表格的方法，掌握创建和编辑DIV标签级AP DIV的方法。课堂上教师利用多媒体创设现实情景，激发学生主体参与的兴趣。通过情景引入――**房地产有限公司是一家专业从事房地产开发与经营的公司，为全方位展示公司形象和实力，更好地宣传推广公司工程案例，特委托**传媒有限公司为其制作公司网站。教师扮演客户，学生扮演项目组成员。客户提出需求，项目组在网站建设前与客户交流，确定网站的定位、风格、栏目及功能模块，在Dreamweaver中使用表格布局或Div+CSS布局方式制作网站。

计划与决策：

各项目组根据任务要求进行讨论，确定具体的工作任务和工作流程，并对具体的工作进行分工处理，包括网站的定位、风格、栏目、布局、技术等，然后制定计划书。讨论结束后，教师适当引导，并总结观点。

实施：

各项目组围绕制作房地产网站的主题，按照计划书有步骤地进行，及时交流和讨论设计过程中出现问题，在交流、讨论之后达成共识，共同完成房地产网站的制作。项目组如出现疑难问题，讨论后无法解决，教师利用信息技术环境下的网络课堂教学，如极域电子教室软件、E-mail、QQ、微信等交流工具，充分与学生进行交流，掌握各项目组的实施情况，提供针对性的辅导，总结小组讨论后的成果，并给出解决方法。

检查与评价：

各项目组推选代表通过极域电子教室软件展示本组的网站成果，具体包括设计定位、功能模块、技术手法等内容，自评网站的优缺点。各项目组从网站的布局、功能、内容等方面互评网站，最后教师结合各项目组的综合表现和网站布局的制作情况，分析该项目制作成果的合理性，给出中肯的意见和建议。通过本项目的学习，使学生掌握网页布局的基本知识和方法，并能使用表格布局和Div+CSS布局方式制作企业宣传型网站。

三、结语

与传统教学模式即老师讲，学生听相比，项目组合作学习的教学模式是让学生以小组的形式参与交流、讨论，从中感受交流带来的快乐，分享合作的愉悦。整个教学过程中，以微课形式播放网页布局的方式及优秀网页赏析的视频，增加了学生的视觉效果，通过项目组积极合作，共同制定计划，完成项目任务。

教师通过交流工具与学生交流，针对性的辅导。通过极域电子教室软件展示项目成果，采用项目组自评、项目组互评和教师评价三管齐下的策略，从网站的主题、技术性、艺术性等方面对网站进行评价，激发了学生的学习兴趣，提高了学生的动手能力和对实际问题的解决能力。

参 考 文 献

[1] 赵蹇. 项目教学法在高职《网页设计与制作》课程教学中的应用[D]. 武汉： 华中师范大学，2009.

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

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28~36左右。为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

2授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

3授课知识框架参考

3.1基础知识讲解与运用（目的教学法）实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。框架结构知识参考如下：

3.1.1页面外观设计为重偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。

3.1.2对浏览器的不同支持IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。

3.1.3新表单的学习关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。

3.2开始进行核心知识的讲解

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

3.3放开手脚

第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。

4课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总考核表格设计：根据学生三轮表现生成图表，对考核学生成绩也较为直观。

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

关键词： HTML5；语义；经验推导原则；目的教学法

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）05-1249-02

1 开设该课程的必要性

1.1 就业的需求

电子商务专业自设立以来，经历了互联网经济从无到有、从泡沫到低迷再到普及的全过程，做为一个并不年轻的专业，关于课程改革的争论也从未停止过。关于电子商务是偏重于商务知识还是偏重于学习计算机专业技术，作者的看法是计算机技术的学习仍然不可被削弱。传统营销类专业对商务行业的学生培养已经够多了，再在电子商务里过分强调商业知识的学习显然于专业设定的角度上存在不小的问题，再者相当多的传统经济手段比如网络营销、网上结算等方面已经离不开互联网的支持了，尤其最近几年，围绕互联网经济产业的就业群体虽然不断扩大，但是毕业生的总体素质却流露出略有下降的特点，企业的要求，应届毕业生少有符合要求的表现。这正是由于过于偏重于理论知识的学习，很多学生实际工作能力接近于零，坦白说当下毕业生会用办公软件的都是少数。

1.2 课程设置的落后性

由于互联网技术的发展速度日新月异，学校设置的课程总是偏向于“当下”，而没有着眼于“未来”，往往体现出某种程度上的落伍感，在学生还没毕业的时候，往往课程内容已经过时，用不上了。这种学校学习与未来毕业就业的“断档”现象还会继续持续相当长的时间。本门课程作为一个课程改革的试点，进行了与未来接轨的教育模式方面的探索。

电子商务专业历来注重计算机网页技术的课程学习，每个院校几乎都将其设置为核心课程。作为就业方向之一，电子商务专业每年都能向社会输出一定数量的网页制作、维护专门人才。电子商务专业的特点决定其在网页制作的学习中更偏重前段设计。现今的网页制作课程几乎都是在HTML4网页标准基础上进行的学习，而该标准是上个世纪90年代末期制定的，一定程度上已经落后于科技的发展。很多学生毕业就陷入在了不停学习新知识的漩涡中，久而久之很多都放弃并转行了。虽然最新的HTML5标准部分内容尚在制定中，但是其很多已经定义成熟的语义标签已经被很多主流浏览器全面支持（非100%完全支持）。在信息时代，我们在教学活动中对学生的培养应该着重于学生未来毕业所需，不能仅仅停留在基础理论的讲述和相对落后的相关知识内容的传授上。

本门课程应传授学生HTML5的入门知识，同步网页设计科技的新趋势，让学生在就业中“跟得上、学得快”。

2 新课程在知识结构中的位置

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。

网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。

在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28～36左右。

为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

3 授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。

第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。

第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

4 授课知识框架参考

4.1 基础知识讲解与运用（目的教学法）

实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。

框架结构知识参考如下：

4.1.1页面外观设计为重

偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。

4.1.2对浏览器的不同支持

IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。

4.1.3新表单的学习

关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。

4.2 开始进行核心知识的讲解

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。

教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

4.3 放开手脚

第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。

5 课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总。

考核表格设计：

[第一轮得分＼&第二轮得分＼&第三轮得分＼&基础知识＼&＼&基础知识＼&＼&基础知识＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根据学生三轮表现生成图表，对考核学生成绩也较为直观。

参考文献：

[1] （荷）Peter Lubbers，（美） Brian Albers，（美）Frank Salim. HTML5高级程序设计（引领下一代Web开发潮流） [M]. 人民邮电出版社，2011.

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

关键词：网页制作；教学设计

中图分类号：TP393.09

随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。

1 教材分析与教学对象分析

1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。

1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。

2 《网页制作》课程教学设计的思路

从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体――一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。

课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。

3 教学目标的设定

3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。

3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。

3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。

4 教学重点、难点的设定

教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。

5 设计教学过程

5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局――“国字型”并分析其网页元素；2）万州一家企业网页布局――“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局―――“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。

5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素――文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。

5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。

6 设计考核方式

网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。

7 结束语

网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。

参考文献：

[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.

[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.

[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.

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

【关键词】网页制作；基于工作过程；学习情境；行动导向

1.引言

“网页制作”是大部分高校计算机相关专业的必修课，目的是使学生通过课程学习，掌握使用html+dreamweaver进行网页设计的基本方法和网站开发的整个流程；养成严谨的逻辑思维能力、问题解决能力；培养学生大胆创新、善于思考的能力。

目前，大部分院校还是采用传统的知识体系为主，或者知识体系与实践教学相结合的教学模式，导致学生缺乏学习的积极性，即便掌握了dreamweaver的使用和网页制作的基础知识，也不具备进行网站开发的能力。另一方面，课程的知识点较多，并且内容比较松散，会使学习者对其缺乏系统的认识。在该课程的教学过程中，本人进行了一些实践与探索。课程根据学生的兴趣选取真实的教学项目，在课堂教学和实践教学过程中，围绕该项目展开教学，取得了显著的教学效果。

2.基于工作过程的课程设计思路

2.1 设计理念

打破传统的按照知识体系教授课程的方式，以学生将要从事的“网页设计师”、“网站工程师”、“网站编辑员”等岗位所需的职业能力为目标，与行业企业合作，进行基于工作过程的课程开发与设计，既保证职业岗位所需技能、相关知识、职业素质的需要，又保持原有面向应用的网站开发技术知识体系的相对完整性，培养学生的职业能力，养成学生的职业习惯，同时也为学生的可持续发展奠定基础。

2.2 内容组织

在教学内容的组织上，通过对网页制作课程内容的整合、重组，以“工作过程”为切入点，选取能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性。充分考虑高职学生认知能力和学习能力，对知识点的讲解采用“行动导向”的教学方法，通过“提出任务分析任务完成任务总结”的过程，体现出互动创新、提倡个性、重在应用、团结协作的教学风格，有效的提高了学生的实践能力和职业素质。

2.3 设计思路

课程按照网站项目开发的全过程和网站开发流程，首先是知识储备阶段，介绍了网站项目开发的相关知识；其次是网站规划和设计阶段，通过网站的分析、规划和设计培养学生项目分析和设计的能力；最后是网站的创建，主要学习网站开发技术。通过前期、中期和后期三个阶段的学习和开发，让学生体验一个完整的网站开发全过程。

2.4 学习单元设计说明

课程学习内容基于工作过程，选取一个能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目进行教学设计。本课程通过“××企业网站”的开发讲授html+dreamweaver进行网页设计的基本方法和网站开发的整个流程。

2.5 教学组织与实施

在课堂教学中，重点放在学生的“学”上面。由学生被动地学，改变为学生主动学习的局面。教师在这个过程中的主要工作则是解答学生疑问，协助学生完成任务。

2.6 考核方式

建立过程考评与期末考评相结合的考核体系，过程考评占50分，期末考评占50分。制定科学的评价考核标准，加大过程考核、技能考核和能力考核的比重。在考评过程中体现学生对所完成任务的自我评价，每一学习小组间的学生互评，及学生对课程的评价等，以此来调动学生平时学习的积极性。

3.结束语

通过以上的授课改革，极大地激发了学生的学习热情，使学生综合应用了基础知识，提高了专业技能，初步掌握了解决实际应用问题的能力。培养的学生具有扎实的软件开发基本功，较强的学习能力、团队合作能力和创新能力，为今后更快适应软件开发岗位的工作打下基础。

参考文献

[1]吴代文.网页设计基础与实例[M].北京：清华大学出版社.

[2]李峰.JavaScript开发技术详解[M].北京：清华大学出版社.

[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社.

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

【关键词】 网页设计与制作 教学改革 教学方法

随着信息技术的飞速发展，网络已成为人们相互交流和获取信息的又一重要手段，为此互联网上出现了形形的各种网站，无论是企事业单位的门户网站还是个人的博客等都成为人们自我展示和交流互动的平台，这一平台的基本构成元素就是一个个网页。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力。

1 教学方法的探讨

网页制作是一门实践性和操作性非常强的课程，通过几轮的教学，我认为在这门课程的教学中不能采用传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力，为此我采用课堂讲解及案例分析法、项目教学法、案例录像演示、阶段实训，综合实训的教学方法。做到学以致用，以“用”促学，边“用”边学，突出“教，学，做”一体化的教育理念。

1.1 案例教学法

要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，教师在上课的过程中，一定要精心设计案例，充分利用互联网上的资源，搜索学生感兴趣而且水平较高的网站作为案例，并能结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，学生都会觉得无从下手。我们必须通过模仿一些精美的案例，让学生来了解网站建设的方法和流程，模仿他人的网站，从网站的配色到网站的布局、网站的内容结构等都可以模仿，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来。

1.2 项目教学法

在教学过程中，为了达到对网页制作知识和技能的系统掌握和知识整合，综合提升学生能力，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。

以企业对于岗位的需求为起点，把企业的实际环境引入到教学环境中去，并将两者有机地结合在一起，对具体项目的参与和剖析，非常有利于学生对知识架构的整体把握。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目教学法可以充分发挥学生的主观能动性，极大地提高了具体层面的操作能力，培养了团队合作意识，同时帮助他们学会如何更好地对问题进行发现、分析、解决。

1.3 屏幕录像演示法

针对职业院校的学生。程度参差不齐，对于接收能力较差的同学，制作案例的过程，无法做到一次全部领悟，教师可以采用边讲解边录像的方法，学生课下可以参照录像回顾教师讲解的知识点，完成本课基本案例的制作。在此基础上以达到独立完成拓展案例的制作，以此来锻炼学生的综合应用能力和分析问题、解决问题能力，提高学生的综合素质。

1.4 阶段实训法

定期给学生一些虚拟项目作为课程设计，培养学生单独规范的做项目的能力及网站设计的综合能力，在设计中注意引导学生提高审美能力，强调技术与艺术的融合，将网页作品当作一份具有生命力的艺术品。教师指导学生实施具体项目，引导学生解决问题，项目完成后，学生之间先进行自评，互评，最后教师点评，并把优秀作品向全体学生加以展示，以激发学生学习兴趣、形成持久学习动力，提升自主学习能力。

2 考核、评价方法的改变

网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占40%，阶段实训占20%，期末考试占40%，平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，阶段实训可以考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，应该以要求学生设计一个完整的网站来结束本课程，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。

3 职业资格考试的推广

《网页制作》是全国职业院校计算机技能竞赛的项目之一，在教学过程中教师就要不断反思，不断地总结经验教训，和企业保持紧密联系，了解企业最新的技术和方法，使学生能够真正掌握这门技术。鼓励学生参加每年进行“网页制作”和“三维动画设计师”的职业资格培训和职业技能鉴定考试，为学生就业开辟了通道。

在《网页设计与制作》这一典型的技能实践类课程教学中，教学方法改革十分重要，要求充分发挥学生的主管能动性，通过师生之间、学生之间的互相学习、讲座和交流实现相互促进和技能的提高。通过教学方法改革，激发学生积极性和主动性，同时通过师生间的交流及时发现学生学习中和教师教学中存在的一系列问题，及时总结经验，提高教学和学习质量，在促进学生个性发展的同时，亦可提高教师的教学技能。

参考文献：

[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008（3）.

[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008（4）.

[3]王艳歌.《网页制作》教学中的“任务设计”[J].电脑学习，2009（01）.

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

关键词：高职院校 网页设计 项目化课程 开发实践

中图分类号：TP311.1 文献标识码：A 文章编号：1674-098X（2017）02（c）-0224-02

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。

按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1 设计理念与思路

该课程根据职业能力发展的基本规律（新手―生手―熟手―能手―专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体模块整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1 设计理念：学习的内容是工作，通过工作实现学习。

这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。

1.2 设计思路：整体模块整体

课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。

项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。

2 对专业建设与发展的定位与作用

该课程采用项目化教学方式，可以起到如下作用。

（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。

3 课程内容的针对性与适用性

（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+ 30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。

（3）知识目标和能力目标。

知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。

能力目标主要体现以下方面：

②熟练使用样式表控制页面外观。

③能在网页中设置需要的脚本。

④能进行网站的更新与管理。

另外根据职业教育要求，加强学生以下素质：

①服务意识：为他人提供优质的服务。

②文明法制意识：网站内容积极健康向上，不做违法的事。

③合作精神：能够与他人合作，具有协调能力和组织管理能力。

④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。

4 教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计（含JavaScript应用）、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设因篇幅所限此处省略）。

5 教学模式的设计与创新

在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。

（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。

6 实践教学条件的建设与使用

课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节，实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。

7 结语