网页设计与制作

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

网页设计与制作范文第1篇

关键词 网页制作 技巧 解决方案

中图分类号：TP393.092 文献标识码：A

1设计原则

1.1表格的定位功能

网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。

（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。

（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。

1.2文件的命名

网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。

1.3图像的无缝拼接

网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。

1.4个人站点中导航按钮的设计

设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。

2制作技巧

网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。

比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。

保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。

色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。

3结束语

网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。

网页设计与制作范文第2篇

一、以职业岗位需求改革教学内容

随着人们对网络的要求越来越高，以及IT技术日新月异的影响，网页的设计与制作方法也在进行着翻天覆地的变化，只有及时掌握网页设计与制作的技术动态以及市场需求，并顺应技术发展方向调整课程内容，才能够让学生学到工作过程中所需要的知识。

二、教学方法改进

1.任务驱动教学法

“任务驱动”式教学方法，是在研究教学大纲、教材和教学对象的基础上，选择实际工作中的一个或多个有突出特点的“任务”，通过对该“任务”的解决过程，把相关的知识组合进行教学。其突出特点是目标明确，过程生动，直观性强，实践性强，易于学生能力的培养。

针对课程的具体操作，根据课程的教学大纲、教学内容，先设计一个总任务，再根据循序渐进的原则，组织子任务的教学顺序。把总任务分解成若干分任务，再分解成不同的子任务，子任务再分解成步骤。划分的界定完全根据实际工作来定。

2.采用案例教学

根据教学目的和教学内容选用典型案例，通过对案例的分析，讲授案例中所用的理论知识，融枯燥的理论学习于生动的例子中。在学生理解基本理论知识的基础上，再演示典型例子，以此来让学生进一步熟悉相关理论知识的应用及实际操作。授课时先展示网页效果，再讲解相关内容，这样可以激发学生的学习兴趣，提高学生的学习积极性。

三、建立完善的考核体系

在对学生进行考核时，采用重视学习过程的评判方式，采用平时成绩与期末成绩结合，平时成绩占总成绩的40%，期末成绩占60%。平时成绩由出勤、课堂发言和平时做作业组成。期末成绩考核采用机考方式完成对技能部分的考核。在规定时间内（通常为2个小时）利用给定素材，包括考题所需的图片、背景和其他辅助图片，相关考题内容的文字资料、考题要求等，学生利用授课所学软件完成规定技术要求的网站创意设计与制作。

参考文献：

［1］杨单，耿迪.面向能力培养的《网页设计与制作》课程教学改革探索［J］.武汉科技学院学报，2008（4）：57-61.

网页设计与制作范文第3篇

关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果

随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。

1分析学情，合理安排教学内容，激发学生学习兴趣

当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。

2结合实际，选择适合的教学方法，调动学生学习积极性

教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。

3科学考核，提升教学质量，保证学习效果

在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。

参考文献

[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.

[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.

网页设计与制作范文第4篇

(北京吉利学院理工学院，中国 北京 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).

网页设计与制作范文第5篇

关键词：翻转课堂；网页设计；制作应用方法

1翻转课堂概述

1．1内涵理解翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。1．2应用优势通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。

2网页设计与制作课程教学存在的问题

网页设计与制作是计算机类专业的一门基础课程，具有较强的实践性和操作性，其课堂教学主要采用的是案例教学法，就是通过对案例进行分析，讲解其中的知识，进行实验步骤的演示之后，让学生当堂完成练习。这种教学方法虽然优于传统教学方法，也取得了一定的成效，但是在具体的实施中仍然存在如下问题。2．1学生缺乏主动思考在网页设计与制作的练习中，学生基本上会完全根据教师演示的步骤来完成练习，所以大部分的时间和精力都集中在回忆实验步骤中，没有主动思考，。实验过程是否合理，甚至根本不明白实验的目的。当面对类似的案例或者实际的项目时，就无法灵活应用所学的知识，导致学生的思维存在严重的依赖性，不利于开发其自主学习能力。2．2教学质量较低网页设计与制作课程的教学内容较多，包括了平面设计的技术、HTML、XML、CSS、Javascript、动画技术、服务器配置等，但是课时设置却较少。例如，我校对该课程安排了60个课时，其中教师的课堂讲解和步骤演示课时约占50%，学生学习知识点和上机实践操作的实践只有一半，很难完成教学大纲的要求。为了完成教学任务，很多内容都是一带而过，导致教学质量较低。

3翻转课堂在网页设计与制作课程中的应用方法

本文以网页设计与制作中，个人主页这一内容的教学为例，对翻转课堂在课程教学中的应用方法进行了如下分析:

3．1做好课前准备教师可以采用相关的视频录制软件，例如“屏幕录制专家”，录制2个长度约5min的微视频，并根据视频讲解的内容，设计导学案，并将资料在班级QQ裙或者微信朋友圈共享，学生利用手机终端下载视频，利用课余时间观看视频，查看导学案，提出自己的问题，在QQ群或微信群中讨论。教师则需要对学生的反馈意见和问题进行统计和归纳，便于在课堂中集中解决。做好课前准备，能让学生初步了解和理解个人主页的制作方法。3．2合理安排课中教学在学生完成对个人主页制作教学内容的预习之后，教师可以结合具体的实例来解答课前学生提出的问题，并进行案例的演示操作。这一环节的时间应控制在20min左右。在翻转课堂中，由于学生在上课前已经进行了比较深入的学习，。对教学内容有了一定的理解，所以教师在确认学生基本掌握个人主页的布局之后，就可以布置任务，将学生平均分成若干个小组，采用小组合作的方式完成个人主页的设计，让每一个学生都能参与其中。在学生练习的过程中，教师要积极发挥自身引导者的作用，对遇到问题的小组及时进行指导。设计完成之后，教师可以让各小组展示作品，并对作品进行评价。其中评价分为自我评价、小组互评和教师评价，对课前微视频学习情况、独立学习、问题讨论、合作表现、创意你表达和成果展比等内容进行综合评价。3．3完善课后复习课堂教学完成后，教师可以将评价表的原始数据进行整理，然后放入各个小组创建的网络学习档案中。同时，教师还需要对课堂中遇到的问题进行整理和总结，并提出对应的解决方法和应对策略，将其制作成动态的学习资源，发送到共享平台，长期存放，方便学生能随时观看。对于因为各种原因无法参与课堂学习的学生，教师也可以利用这些资源帮助他们补课。同时，对于在学习上存在一定困难的学生，或者是不敢大胆提问的学生，也可以利用教师提供的资源，在课后进行反复观看。这样既可以进行补救性学习，又可以节省课堂的公共时间，提高课堂教学的整体效率。

4结语

综合上述分析可知，翻转课堂和传统课堂教学方式存在较大的差别，在网页设计与制作的教学中，应该充分发挥出自身的优势，针对当前教学存在的问题，积极进行改革和创新。

参考文献:

［1］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10(29):164～165．

［2］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32(19):108～110．

［3］何敏华．“翻转课堂”在《网页制作》课程教学中的应用［J］．信息与电脑(理论版)，2014，27(11):242．