网页制作课程设计总结

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页制作课程设计总结范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

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

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

中图分类号：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.

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

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

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篇

关键词：高职；教学方法；能力培养

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02

《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。

1　教学内容的安排

1.1　根据课程标准安排教学内容

课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。

《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。

1.2　以行业需求为依据，就业为导向，与时俱进为原则。

通过对IT　行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理　4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。

在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。

1.3　以激发学生学习热情为目的设计教学内容

兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。

网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。

2　教学模式探讨

本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。

2.1　“教学做一体化”教学模式

网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。

2.2　“任务驱动”与“工作项目”相结合

在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。

在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。

在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。

2.3　以作品评价为考核方式

在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60%　+平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+　纪律+　团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。

3　注重学生能力的培养

从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。

首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。

第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。

第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。

4　结束语

随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。

参考文献：

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

关键词：网页设计；问题分析；教学设计

二十一世纪是信息化的时代，通过互联网，就能达到足不出户便可了解世界的目的。为了加深对互联网的了解，《网页设计与制作》这门课的出现就成为了必然。

1 《网页设计与制作》现状问题分析

（1）对课程不了解

很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个"有生命"的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划，再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。

（2）学校以及教师的指导不够

很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。

（3）侧重点不明确

很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。

2 解决当前问题的方法

（1）学校教学思路

这门课程分为理论部分跟实践部分，理论知识的讲解一般在课堂上进行，通过授课教师的讲解，同学之间的演讲和作品展示来进行学习，举例学习是一种更快更有效率的教学方法，授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分，将重心放在学生上面，着重锻炼和培养学生自主动手实践的能力，学生有自己的想法后，可以结合教材自己去做网页，教师在布置任务不应死板的规定学生们必须要完成一个相同的作品，这样容易将一些学生的想法锁死。在课程设计上，让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点，充分展示学生的想法跟意见，让学生创造自己的作品，培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会，尤其是用所学知识去解决实际问题的机会，与此同时，还应让学生自己创造机会，慢慢建立自己的学习方式。

（2）教师的教学理念

如今的社会，互联网的普及率非常高，各种新兴的行业发展非常迅猛，所以，学校授课内容应该紧跟时代的发展。技术是在不断更新的，育人的目的就是想找到一份好的工作，将就业放在第一位，及时归纳总结问题，现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时，应该深入研究教学要求，确保教学内容跟目的合理性，考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力，支持与同学一起探讨问题，教师要积极帮助学生解决他们所遇到的问题，学生通过对教材内容的了解，结合课程模块方面的实践将学到的知识运用到实际生活中，最大程度的激发学生学习的热情，进而形成良好的学习习惯。很多大学生对未来没有清晰的规划，在就业选择上不知该如何做出选择，所以他们主观意识上不太确定自己适合做什么，这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作，让学生能从一而终认真专心的学习，不再将心思放在"能不能找到工作"上，方向明确了，自然而然学习动力就会充足。

（3）解决学生的困惑

《网页设计与制作》这门课程，教师给学生应该传达这样一个信息：在已经掌握的技术水平跟理论知识之上，还要能够独立去实践。把重点教给学生，合理平衡的分配理论知识与实践操作所占比例，在掌握学习工具以后，一定要多实践，多去了解学习理论方面的知识，技术在不断进步，学无止境，要不断的更新自己的知识，而不能安于现状。一种技术可能就是将来的求生技能，所以，学生对任何东西不要有排斥的心理，既然能有一门课程，那肯定是有道理的，有的学生不愿意去学习，是因为他不了解这门课程的作用，这时候，教师跟学校扮演了相当重要的角色，他们应该为学生答疑解难，让他们明白课程的重要性以及作用。及时指正他们认知上的错误。

3 结语

《网页设计与制作》是一门涉及面很广的课程，在教师的教学方法跟课程设计实践的作用下，都能去激发出学生对这门课的兴趣，学生自主的探究学习可以丰富完善他们的专业技能更能加深印象，教师在传授专业知识时应该让学生明白这门课程的特色和作用，可以使他们在今后的学习和择业中方向更加明确。

参考文献：

[1]张宏升，章明珠.《网页设计与制作》课程教学体系的构建与研究[J].电子制作，2015，（9）.

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

关键词：网络课程；公式素材；页面配色

中图分类号：G434 文献标识码：B 文章编号：1673—8454（2012）17—0069—03

一、引言

网络课程主要包括两个组成部分：一是按一定的教学目标、教学策略组织起来的教学内容；二是网络教学支撑环境。[1]网络课程的教学内容呈现多层次与多样化，有利于因材施教并实现学生学习的个性。另外，通过网络课程的学习能使学生冲破以书本为中心的局限，拓展学生的学习内容。[2]

笔者以教育部下达的“面向21世纪高等教育教学内容和课程体系改革”计划中“热工课程教学内容和课程体系改革的研究和实践”为教学指导，以《现代远程教育规范》的指标体系为参照，以计算机网络技术和多媒体技术为手段，开发了“工程热力学与传热学”网络课程。该课程在教育部教育管理信息中心举办的“第四届全国多媒体课件大赛”上，从全国大学组参赛的400多个课件中脱颖而出，获得高评分。

二、网络课程中公式素材的制作

除了文本图形外，公式也是大量使用的课件素材，尤其是理工科课件。当所开发的课程涉及大量的公式，找到一种方便快捷的制作公式素材的方法能够降低制作网络课件的工作量。要制作能够在网络上传输的公式素材，一般分为两个步骤：

1.在字处理软件中输入公式

输入公式，一般可采用公式编辑器。我们都知道在Word中，可以选择菜单【插入】>【对象】，从列表中选择【Microsoft公式3.0】，打开公式编辑器窗口，如图1所示，利用工具栏输入公式。

如果要制作更为专业的公式，还可选择Design Science公式的专门工具MathType5.2，实际上微软Office内置的公式编辑器就是该工具的精简版。该工具功能非常强大，且直观易用，如图2所示。

2.通过合适的转换，把公式插入到网页课件中

（1）一般可把输入的公式转换成图片集成到课件中。

1）通过MathType工具输入的公式，可以直接选择菜单【文件】>【保存复制到……】，把公式转换为gif图片，然后插入到网页课件中；

2）通过编辑器输入的公式，只有通过抓图工具，把其存为图片，然后插入到网页课件中；

3）对于有大量公式的一页文本，可以把其整个转化为图片，然后使用Fireworks软件打开该图片，使用“切片”工具，把每个公式建立一个切片，然后选择所有切片，最后选择菜单【文件】>【导出……】，实现把每个公式存为一个文件，如图3所示。

这种把公式转化为图片的形式，便于在网页中合理安排公式素材的位置，缺点是工作量大、效率低。

（2）也可以ActiveX对象的形式插入到网页课件中。

在字处理软件中对某公式进行【复制】操作，然后在FrontPage中直接选择【粘贴】操作，即可把该公式ActiveX对象的形式插入到网页课件（注：在Dreamwaver该操作无效）。

这种方法的优点是直接、快捷，缺点是增加了html代码量，影响了html代码的可读性。并且当一个文档中包含公式的公式过多的时候，采用直接【复制】和【粘贴】的方法，容易造成公式错位现象。

（3）把包含公式的Word文档直接存成网页形式

首先，把包含大量公式的Word文档保存为“筛选过的Web页”，如图4所示；

然后，用Dreamwaver打开该文件，同时新建一文件；

接着，在Dreamwaver中直接拷贝所需内容到新建的文件中；

最后，保存新建的文件。

采用该方法来制作公式素材克服上述两种方法的缺点，不仅提高了效率，而且还便于页面的布局。

三、网络课程页面配色

网络课程页面在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。而且，浏览者在浏览页面时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此页面配色在网络课程设计中居于十分重要的地位。

在对网络课程页面配色过程中，应注意以下几点：

（1）不要将所有颜色都用到，尽量控制在三种色彩以内。 太多的颜色会导致混淆，也会分散读者的注意力。

（2）背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要内容。颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。白底黑字的阅读效果最好。

（3）同时要避免高饱和度的文字与明亮的背景配合，这样可能比较刺眼，容易造成视觉疲劳。

四、网页制作软件配合

这里主要指的是FrontPage和Dreamwaver软件的相互配合使用。FrontPage最大的特点是简单易学，只要会使用Word编辑文档，就能很快学会使用FrontPage制作网页。Dreamwaver侧重于网页控制、设计能力及创意，适合中高级网页制作人员。我们在制作网页的时候，有时会需要两种软件相互配合使用，能够提高制作效率和实现某种效果。下面结合“工程热力学与传热学”网络课件的制作实践，举一个例子来说明。

例如FrontPage可以使大纲或多层次列表具有可折叠性，以便网站访问者可以查看或隐藏列表的不同层次。具体操作步骤：

（1）在FrontPage中创建一个多级列表，如图5所示；