网页设计论文大全11篇

绪论：写作既是个人情感的抒发，也是对学术真理的探索，欢迎阅读由发表云整理的11篇网页设计论文范文，希望它们能为您的写作提供参考和启发。

篇（1）

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

篇（2）

1.1案例教学法案

例教学法是一种具有启发性、实践性,能开发学生思维能力,提高学生判断能力、决策能力和综合素质的新型教学方——“分析案例”——“制作案例”的过程，培养学生分析问题，解决问题的能力，达到学习知识技能，灵活应用的目的。例如，在讲解ASP中的Request对象时,教师先展示一个表单提交的案例，然后引领学生分析我们在点击提交按钮后，如何在另外一个页面中，得到提交页面相应的属性值呢？学生在老师的启发下动脑思考，引出Request对象的作用，接着教师讲授Request对象的各种方法的使用。学生在深入理解后，运用知识制作此案例。

1.2任务驱动法

任务驱动法在课堂教学中，教师为学生布置上机操作任务，通过实际任务展开教学。学生通过亲自动手操作，主动建构探究，培养了学生创新精神和实践能力，提高了学生的综合运用知识的能力。例如在学习表单制作时，以现实生活中注册电子邮件为例，提出表单的概念，然后讲解其实现理论，接着布置实际任务——投票系统，让学生用知识去解决任务，进一步加深理解知识。

1.3分层教学法

成人的学习能力差异大，存在个体差异，因此，教学中采用分层教学法。在实际教学中，教师根据学生现有的知识、能力水平和潜力倾向把学生科学地分成水平各自相近的几组，如A、B、C三组，A组是按大纲基本要求进行教学的学生；B组是按略高于基本要求进行教学的学生；C组是按较高要求（能发挥学生数学特长）进行教学的学生。学生分组不是固定的，而是随着学习情况及时调整。每组布置知识程度不同的学习任务，并且在教师恰当的指导下，让全体学生从各自的层面体验成功的愉悦。

2模拟化网络教学

开放教育是传统教育与网络教学相互融合的产物。网络教学以其独特的魅力在开放教育中发挥着越来越重要的作用。学习已经不再局限于课堂，学生只要有上网条件，无论何时何地，都可以方便的学习，打破了时间和空间的限制，因此，网上资源的好坏直接影响学生的学习效果。因此，笔者充分利用网络资源，以教学大纲为依据，遵循厚基础、重能力的原则，开发了此门课的模拟化网络教学系统。此系统有“教学大纲”、“课程教案”、“模拟实验”、“经典案例”、“自我测试”、“课程讨论”等栏目。分层次，多模块，手段直观、丰富有趣的一系列实验教学单元。制作文字、图像、声音、动画于一体的丰富多彩的模拟实验教学内容。模拟实验教学的指导效率更高。使理论教学与实验教学、基础与前沿、经典与现代、实验内容与实际应用有机结合，更有利于学生学习，并且可以反复阅读，是面授课堂一种好的补充与强化手段。

3多样化互动教学

3.1课堂互动

成人有丰富的社会阅历和人生体验,有更为强烈的对话意识和平等意识，因此,师生活动主要体现在，放下身段，深入到学生们之中，和他们们交朋友，交流心得，平等对话，互相学习。鼓励学生大胆地表达自己的想法，畅所欲言，和学生共去探索知识的世界。所谓生生互动，就是学生和学生之间可以互相讨论，交流心得。在实际操作中将学生分组，合作学习，这样促使小组成员积极参与，培养学生团结合作意识，集体荣誉感。人机互动是学习《动态网页设计》这门课必不可少的环节。只懂理论，不会应用，犹如纸上谈兵，完全失去了学习的意义。所以，课上学生必须上机实践，在实践中掌握知识，消化知识，融会贯通。

篇（3）

因为浏览器对网页的解析过程是等待整个表格都解析完成后，才会在浏览者的显示器中显示出表格中的所有内容，设计者应合理地应用表格，将页面中某一块的内容单独地使用表格进行制作，这样某一个表格下载完成后，浏览者都可以先查看显示出的表格内容，省去了等待时间。因此灵活地动用小的表格构成整个页面，避免使用大的表格。

2网页设计时控制页面的容量

一个好的网站，必定有很丰富的内容，设计者应该对网页中的图像、文本、多媒体和HTML文本的大小有一定的控制，使网页在因特网上访问时，能以最快的时间显示出页面上的所有内容。

3使用图像的技巧

3.1选用合适的图像格式。在网页中常用的图像格式是GIF、JPEG和PNG格式，JPEG压缩率特别高，GIF更适合小图像或小动画，对于4KB以下的图像文件，GIF比JPEG格式效果更好。

3.2控制页面图像的数量。在网页中不要使用过多的图像文件，因为每下载一个图像文件，浏览器都向Web服务器请求一次连接，因此在制作网页时，可以将多个小的图像合并成一个图像，减少图像的下载数量，提高网页的浏览速度。

3.3重用图像。在一个页面中，如果同一个图像多次出现，可以使用客户端浏览器的Cache。浏览器将从Cache中找到先前下载的图像文件显示，可以加快页面浏览速度。

3.4图像的大小。设计者在HTML代码中手动书写图像标签时，最好标记出图像显示的宽和高，页面在显示时，浏览器会根据图像的高和宽在页面中为图像留出位置，在图像下载完毕之前及时地显示其周围的文字内容，减少了浏览者等待的时间。

3.5不用图片来叙述内容。同样的文字内容，用文本储存比图片文件小得多，如果必须用图片来解决一些因内码不同而导致的乱码问题，也要包含解释文本，这样即使浏览者关闭了浏览器的图像显示功能，也能明白表达的意思。

3.6使用低分辨率图像。如果页面中需要使用大图像，就要用适当的方法解决大图像显示方法，使页面能够更快地显示。一种方法是使用该大图像的缩略图，为该缩略图设置链接、链接到原始的大图像位置；另一种方法是使用低分辨率图像，使用Dreamweaver提供的低分辨率源标记，让低分辨率的图像先下载，这样浏览者就可以很快地看到低分辨率的图像。

4使用JavaScript

在制作网页时，为了使页面具有一定的交互性和动态效果，常使用一些网页控件，在此建议尽量使用HTML和JavaScript来完成。因为HTML和JavaScript代码的解析时间比其他的网页控制解析的时间短得多，同样JavaScript具有非常强大的功能，可以制作出很多网页特效。

5少用背景音乐进行网页设计

篇（4）

职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

1.2课程实施

根据职业教育课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

1.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：

（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；

（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；

（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

篇（5）

1.1从编写代码到创建实际任务。传统的网页教学总是以编写HTML超文本标记语言、CSS层叠样式表文件、JavaScript为基础，通过Dreamweaver工具的拆分模式实现可视化的实际效果与基础理论的结合来展开。这样的教学方式与网页的实际应用联系较少。使得学生在学完网页之后难以解决具体的实际问题。采用任务驱动的教学方法，通过实际项目，引入真实情境，如玩具销售店、我的大学生活、学科资源网站等。让学们从单纯的学生角色转化为网站构建者，成为一个生产者。这样大大激发了学生的学习动力，并肩负责任感和成就感去学习。学生在构建实际网站过程中直接、频繁地接触计算思维的概念，如网页结构的搭建，样式美化的属性设置等，并不断提升系统性的思考能力和创意思维能力。构建网站时系统性的思考力是指学生需要在设计诸如导航条或链接中从设计网站、解决问题和理解用户需求的角度去“仔细思考用户与网站的互动方式以及根据意图实现功能的方式解决问题”[1]。构建网站中的创意思维是指学生可以把网页设计学习融入到创作具有实际意义和真实内容及富有个性的网站构建过程中，将学科学习与实际生活相统一。

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的，而是需要团队的合作共同完成，当前的信息产业的工作都不是一个人独立能够完成的，而需要与他人合作完成。因此，独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标（知识技能、过程与方法、情感态度三方面）制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法，采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程，根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况；阶段评价即是期中评价，通过期初时提出主题网站任务，学生在学习过程中着手规划、设计、实施并完成任务，在学期中期进行集中评价[2]，起到贯穿始终、承前启后的作用；期末考试采用上机考试，题型包括根据给定素材及代码截图拼出网页页面，根据给定模板和主题要求，在现有素材的基础上实现网站规划及网页设计。

篇（6）

/基本要求

1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

/脚本编写

我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。

1.Html文件的通用模板：

其他meta标记

样式表定义

客户端javascript函数定义及初始化操作

……

补充：

为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写而不是.

2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords和Description元标记，例如：

3.CSS文件的格式样例代码：

这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！

为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。

在写互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，缩进两个半角空格，中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行，

如我们注意在源代码中不应有这样的代码：

而应该是这样的：

这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：

属于同一个级别的

一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！

5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在

的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

/一般原则

1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。

2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用

标记，以便能够使这个大表格分块显示。

3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

标记，注意，一般情况下，请不要省略

结束标记。

4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。

5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用

来人工干预分段。

6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。

8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。

9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。

10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：

12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

/文件命名原则

1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm

2．文件名称统一用小写的英文字母、数字和下划线的组合。

3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：

在根目录下开设news目录

第一条缺省新闻取名index.htm

所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…

所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…

如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。

5.图片的命名原则遵循以下几条规范：

名称分为头尾两两部分，用下划线隔开。

头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

一般来说:

放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner

标志性的图片我们取名为：logo

在页面上位置不固定并且带有链接的小图片我们取名为button

在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu

装饰用的照片我们取名：pic

不带链接表示标题的图片我们取名：title

依照此原则类推。

尾部分用来表示图片的具体含义。

篇（7）

二、“多媒体网页设计与制作”课程存在的问题

课程存在的问题往往影响课堂教学质量的提高和学生能力的培养。通过调查和反思，从教学内容、教学方法、教学设计方面分析“多媒体网页设计与制作”课程存在的问题及其产生原因。

1．内容多、课时少，学生缺乏应用能力。

网页设计涉及图像处理、动画设计制作、网页设计编辑及基本程序设计等多方面的能力培养。课程共计72个学时，其中理论36学时，实践36学时，存在教学内容多与课时少的矛盾。教学中只介绍Dreamweaver、Flash、Fireworks这三个软件涉及到网页制作的内容，会导致软件学习不深入，学生缺乏应用能力。在有限的时间内，如何能深入分析所涉及软件功能，提高学生应用能力，是课程学习过程中的关键问题。

2．重视个人能力的培养而缺乏团队能力培养。

个人能力和团队能力在网站开发中缺一不可，一个优秀网站的开发是网页设计者个人努力与团队协作共同作用的结果，团队成员在协作的过程中相互学习，取长补短，相互促进。但在目前教学过程和考核要求上，过多强调网页设计者个体的能力，忽略团队的构建和团队协作的影响力评估，教学模式不能体现团队协作在学习中的作用。网站项目是在团队的环境下完成的，实际工作环境中学生与人沟通能力和团队合作精神是不可缺乏的，但目前课程的能力目标与工作需求有些脱节，对此没有要求。

3．课程教学设计单一，学生缺乏工程实践操作能力。

从课程设计层面来看，“多媒体网页设计与制作”课程教学目标偏离工程需求，教学设计拘泥于传统的教和学，缺乏工程实践环境，因此造成学生的自学能力和实际动手能力得不到强化。教学以传授知识和应试为目的，根本谈不上利用工程实践过程培养学生严谨的思维习惯和激发学生学习兴趣。从课程实施层面来看，教学活动以教师为主体地位，重理论传授、轻实践训练，知识结构相对分散，缺乏工程意识，学生掌握不到工程实践所需的技能，缺乏工程实践操作能力。怎样在有限的教学环境中将工程实践的技能融入到教学实践中去，培养学生的工程实践操作能力，是值得我们深思的问题。

三、“多媒体网页设计与制作”课程教学设计实践

以课程理念为指导，结合教学中存在问题，实践中采用“以学为中心”的教学设计模式，通过对教学内容、教学方法、教学策略和教学评价进行规划设计，建立充分调动学习兴趣、发挥学生主观能动性、以学生的学为主的教学系统。教学设计注重转变学习参与方式，采用教学策略改变学习态度，发挥学生的主观能动性，引导学生学习分析问题和解决问题的思路与方法，使教学效果最优化。

(一)教学内容设计要知识与技能相结合

教学内容是为完成教学目标要求学生学习的知识、技能、思想和行为的总和。对教学内容进行分析后进行的选择与安排就是教学内容设计。网页设计与制作课程具备技术性和实践性都较强的特点，教学要在完成知识目标的同时培养学生的动手实践能力。教学时间有限，因此要优化教学内容，在“以教学大纲为依据，解决学生的‘双基’能力”理念的指导下，设计每个案例包含部分知识点和操作技能，由案例建立起理论知识和实践技能间的联系，在内容设计上实现知识与技能的结合，缩短学时数。课程开设对象为计算机科学与技术专业学生，学生已具备部分网页设计基础知识，图像处理可以直接讲案例和技巧，不用太多地介绍工具栏，以此为教学起点进行教学内容设计。课程教学内容设计以培养“双基”能力为目标，以工程实践能力为导向，将网页工程的制作流程作为教学顺序。教学内容注重工程实践导向的系统性和实用性。为增强教学效果，以基于真实工程实践设计制作的“走遍内蒙”旅游网站建设项目为例，项目包含八个子项目，每一子项目分别涵盖大纲要求的若干知识点。项目对教学内容进行了提炼和重新整合，难易可行，贯穿于整个学期的教学，解决了内容多课时少的问题，所有子项目建设完成之后，网站建设的工作就基本完成了。

(二)教学方法设计要以应用为导向

1．运用案例教学法转变学习方式，增强学生的拓展思维，提高课堂学习效率。

案例教学法是以实例为研究基础进行问题探究的教学方法。案例教学法适用于网页设计课程教学，是有效实施教学策略达到教学目标的一种教学方法。通过案例分析，由浅入深逐层展现教学内容，引导学生积极思考。学生进行案例分析的过程是对教学内容主动理解的过程，通过让学生自己设计解决问题方案实现知识与能力转化。网页设计强调创新性，案例分析能拓宽学生的知识面，拓展学生思维，使学生具备举一反三，触类旁通的能力，从而在熟练掌握之后有自己的创新思想，实现创新能力培养。例如，将“走遍内蒙”旅游网站的子项目作为教学案例，上课和实践地点安排在机房，切屏讲解，边讲边练。课堂上分三个阶段进行能力培养。第一阶段进行案例效果展示，教师通过分析项目、提出任务、示范操作、讲解理论，让学生从模仿操作起步，逐步掌握基础理论和基本技能。第二阶段进行相关作品鉴赏，学生通过观察、思考、讨论、领悟、转换、组合等发现行为，掌握各知识点及其应用。从而引导学生学会分析问题的思路和方法，巩固学生的“双基”能力。第三阶段布置能力拓展案例，增强学生的拓展思维，培养自学能力和创新能力。在巩固旧知识的基础上适当增加案例难度，学生自己分析任务、设计制作，教师在巡回检查过程中对完成有困难的学生给予提示和个别指导。案例分析强调学生参与教学过程的主动性，案例效果激发学生兴趣，案例导入知识点帮助学生进行知识建模。通过任务分析，讨论制作方法、实际操作和归纳总结来培养学生实践能力，增强课堂的学习效率，解决课时少的问题。

2．运用工程实训教学法，加强学生的团队协作，提升专业能力。

工程实训教学法是将课程知识应用于工程项目实践中，以项目实践训练的方式巩固和提高专业知识的教学方法。课程实施中进行工程项目实践训练是学生参与工程实践、提高应用能力的有效渠道。工程项目实践拉近教学场景和工程实践场景之间的距离，使学生能够设想到自己的知识和能力与现实工程专业能力的差距，形成主动钻研精神，培养工程实践能力。工程实践能力为导向的人才培养需要改变传统教学方法与模式，因此在实践教学环节以工程实训法展示项目开发的方法与过程，培养学生在实践方面的专业能力，构建工程实践导向的实践教学体系。目前学校培养学生工程实践能力的方式主要有两种:一是校企合作培养，二是学校按通用规范和行业标准培养。以现有的条件我们选择后者实施，将实验项目“平面爱好者”网站模块化以工程实训的方法分步培养学生的工程实践能力。实验网站建设与教学同步进行。模块一是项目分析、策划、构思。由教师引导，学生讨论，分析“平面爱好者”网站需求，策划制定设计方案，撰写方案。培养学生的网站规划能力，表达能力，与客户沟通能力及文书写作能力。模块二是项目素材收集、制作，学生通过收集网站所需文字、图像、多媒体等信息，并利用工具软件对信息进行加工处理，设计制作图片、动画。培养学生素材制作能力。模块三是网站网页制作与美化。学生可用表格、层或DIV+CSS布局网页，设计网站首页、导航、菜单，使用行为和JavaScript实现特效等，以培养学生的网页设计制作能力。模块四是网站上传、管理与维护，培养学生规范操作能力和网站维护能力。团队协作可以促进能力目标形成，协作学习是一种教学策略，通过小组或团队的形式组织学生进行学习，学习过程中学生可以将自己的学习资源与他人分享，通过研究、讨论等互动方式完成学习任务，更好地达到教学目标。

(三)考核方式设计要注重形成性评价

形成性评价是在教学进行过程中，为引导教学前行或是为更好达到教学目标对学生学习结果的评定。即对学生日常学习过程中的表现、动手能力、实验过程、作业等进行全过程质量监控和评价，因此形成性评价是基于对学生学习全过程的持续观察、记录而做出的更全面具体的发展性评价。学期中的检查实验属于形成性评价，它的意义在于:一是通过检查评价实验了解学生的学习质量、学习态度和教师的教学效果，得到关于教学内容的问题反馈，进而确定问题所在环节并且修正，逐步达到教学目标;二是促进学生掌握网页设计基础知识和实践操作的基本技能。网页设计与制作涉及多软件、多方面知识和操作技能及创新能力等综合能力培养，因此期末考核中设计理论和实验分别考核，并在实验考核中引入形成性评价。实验考核成绩=实验成绩平均分(×60%)+大作业成绩(×40%)，理论考核成绩=理论考试成绩(×70%)+平时成绩(×30%)。考核设计中为拓展学生思维，作品有创新，鼓励学生积极创作，设置大做业成绩占实验成绩的40%。实践中大作业通过集体评价的原则确保评价的客观性，即学生本人对任务做出归纳性总结，评价由其他学生和教师共同完成，由学生评价作品的优缺点，教师通过提问和学生共同探讨作品的设计和制作问题。教师根据评分标准给出大作业成绩。实验成功的成就感为后续学习营造了积极的学习氛围。考核设计中平时实验成绩在期末总评中占比重较大以激励学生认真完成实验目标和要求，保证实验质量。采取这种考核方式，全面评价学生的能力，实现预期的能力培养目标。

篇（8）

2、色彩在网页设计中的重要性

如今，人们打开一个网页，已经不再满足于文字的内容，他们有了更高的审美意识，对于网页设计来说，艺术设计的地位就越来越重要了。色彩包含在美学当中，各种色彩代表不一样的内涵。以网页的内容以及特点为基础，合理的运用色彩构成，正确的搭配色彩，可以增加网页的视觉效果，从而引起人们的共鸣，影响人们的情绪，不但可以传达信息，还可以产生情感上的交流。对于艺术设计来说，色彩是很关键的要素。色彩搭配的好，可以给人们很直观的视觉冲击，以及艺术享受，可以让人们站在美学的角度来理解网站的内容，这就是网页色彩设计的初衷。网页在性质上属于视觉传递的新型载体，和杂志、电视、报刊以及广播等传统的媒体比较起来，构成更加复杂一些，将文字、图像以及声音融于一体。用户打开一个网页，最初的印象就是色彩。对于网页设计来说，色彩有着重要的意义，它不但可以表达网页作品的内容，还可以实现视觉的传达。

3、网页设计中色彩的应用

3.1网页设计中色彩的调和与搭配。网页的形式各种各样，宣传效果也是大不相同，我们要对网页设计的各种色彩搭配以及理念进行研究，所谓的理念，就是把色彩融入到网页的构成当中，从全局的角度体现出具体和局部的美，此外，可以依据宣传内容，利用色调和色彩表达出来，根据不同的网页种类，用各种形式进行表达。

3.1.1针对各种群体，采取网页色彩表达。因为受众群体是不一样的，网页的色彩也有要区别，举个例子，以年龄段不同进行区分的受众群体，就要表现出性格以及年龄的特征，每一个年龄段的群体，情感需要是不一样的，在设计网页时，选择的方法也是不一样的。对于儿童来说，主要以红色以及绿色为主色带，在关键地方表现出来，然后在辅以其他颜色，这种色彩可以体现出活泼的格调。

3.1.2针对各种类型的网页设计宣传理念，如何进行色彩搭配。不同的网页，所要实现的宣传目标是不一样的，通常来说，我们利用各种感觉通到以及色彩的感受，去领域宣传的本质内涵。我们设计网页，主要是为了实现宣传的目的，利用色彩的方式，可以把这种目的体现出来，这就叫做不同产品设计理念的不同理解以及表达。

3.2网页设计中色彩对应与分配。

3.2.1设计网页时，色彩搭配要注重层次性。在设计网页时，我们想要传达给受众的是多层的信息，而不是一层两层，同时，各个层次还是可以相互包容的，这种包容就体现了色彩搭配，而且不同色彩之间还有各种元素交织在一起，为了更好的传达信息，也为了更生动准确的传达信息，我们必须体现出色彩的层次性，这也是我们所要表达的设计理念。色彩的层次性关键是精，而不是多，更主要的是合理以及整洁，所谓的合理有序指的是色彩的合理分布以及有序搭配，我们所倡导的是前面是主色调，随后是单色调；带有宣传目的色彩置于前面，而搭配意义的背景可以置于后面，这种搭配方式可以起到很好的效果，而且这种层次性还可以让人们有一种焕然一新的感觉，然后通过色彩的形式表达出来，实现宣传的目的。

3.2.2设计网页时，色彩搭配需要注重包容性。色彩的包容性，指的是各个色彩之间的搭配以及穿插，这种搭配以及穿插，可以把各种颜色融合在一起，从而表达出一种感情。网页设计不同，色彩包容的颜色也不同，举个例子，某些网页是为了宣传某种产品，在广告中，利用的是反思维的方式来引导受众，然后引出产品的形式以及构成。这种网页的主色调会置于一个关键的位置，在它的周围以及内部进行科学的搭配。

3.3网页设计中色彩的简单与复杂规划。

3.3.1简单色彩形式的网页设计。这种形式的网页设计，主要是为了体现出重点，营造出需要的氛围，表达出一种情感。而这种情感也就是我们秉承的设计理念以及规划。体现出重点，也就是体现出网页的内容，这种情况通常可以采用视觉冲击力较强的色彩来表达，而在搭配背景颜色时，要更加清淡，做一些简单的描绘以及勾勒，主要的目的还是体现出网页的关键内容。

篇（9）

二、什么样的设计更适合web页面

1.慎用较“重”的图形元素这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。

2.内容和形式的分离对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。

3.通过较小的视觉牺牲换取较大的性能提升有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。

4.图形艺术的界面处理新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。

篇（10）

传统的网页设计课程是按照教材的内容，讲解HTML语言和DreamWeaver工具的使用。学生往往不能将所学知识联系起来。学期结束后，学生对整个网站的构建缺乏清晰的概念，提交的作品质量较差。在对学生进行期中课程质量问卷调查中，80％的学生都认为课程所学内容可以理解，但是当教师要求学生动手完成网站时，90％的学生都不能很好完成。这正是因为在传统教学中一般采用讲授法和实验法，一周2学时的理论讲解，2学时的实验课。教师按照教材章节进行教学并布置实验内容，这样就造成了学生只对单一章节知识的理解，难以将所学内容联系在一起。

1．2教材过时，影响教学效果

网页设计课程是一门应用极强的课程，技术和工具的更新换代较快。而与之矛盾的却是教材的出版周期较长，往往跟不上技术发展的脚步。例如，当前，DreamweaverCS6已经成为主流网页设计的软件，但是一些教材还停留在讲解Dreamweav－erCS3上，导致学生的兴趣不高，不利于学生创造能力的培养，违背了教学目标的要求。同时，按照教材的内容讲解也限制了教师的教学，目前高校中使用的网页设计教材分为两种，一种是基于理论性质的，单纯讲解HTML，一种是介绍Dreamweaver网页开发的。前一种不适合非计算机专业学生学习，内容比较枯燥，学生在没有计算机程序语言的基础上很难理解。一般高校对非计算机专业学生都选择使用第二种介绍Dreamweaver的教材，而该教材则会造成学生的开发水平较低，过度依赖工具，无法解决实际问题。

1．3教学方法单一，学生学习兴趣不高

对于公共课来说，学习兴趣是学生是否能学好课程的重要因素。对于计算机应用能力较差的非计算机专业学生来说，在学习网页设计这门课程时，如何提高学生的兴趣至关重要。传统的网页设计课程的教学采用2学时理论和2学时实验课的形式进行，学生缺少动手的机会，往往使学生对课程缺乏兴趣，这阻碍了学生的能动性与创造性的发挥。对学生进行调查问卷中，70％的学生都提出课程设置实验时间较少，应将课程都安排在实验室等问题，还有一些学生认为网页设计课程应以提高学生兴趣为出发点。这些都说明了学生对于增加自己实践机会的渴望。

2基于任务驱动的教学改革

任务驱动教学法是指在学习课程中，学生在教师指导下，根据学习内容完成任务的教学方法。任务驱动教学之下，学生具有较强解决问题的动机，对学习资源能够积极主动的应用，能够进行自主的探索与互动协作的学习，最终圆满完成课程指定的任务。它打破以往以传授知识为主的传统教学理念，建立以解决问题、完成任务为主的多维互动式的教学模式；并将再现式的教学变为探究式的学习，学生处于一个积极的学习状态，都能根据自己对当前问题的理解，运用所学知识与自己特有的经验提出方案来解决问题。任务驱动教学法是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。

2．1任务的制定

根据网页设计课程的内容与特点，首先在学期开始时给出课程的总任务以及总的教学目标。课程的总任务是以小组为单位，选择教师给定的任务书中的网站题目，设计实现一个静态网站。总的教学目标是掌握设计网站的方法。（1）第一章是初识网页设计，教师会首先讲解几个静态网站的实例，让学生对所学课程有一定了解，之后讲解相关的概念和设计开发工具DreamweaverCS6；学生的任务是根据小组所选择的题目，在互联网中查找资料，书写开题报告。同时每组出一名学生向大家介绍本组的想法。（2）第二章是学习建立本地站点，教师会讲解建立站点的重要性，讲解相对路径和绝对路径，之后讲解如何建立站点；学生的任务是为自己的网站建立站点，预估网站的规模，添加相应网页并改名。（3）第三章是网页头部信息，教师讲解如何添加网页标题、关键字和说明；学生的任务是为站点中所有网页添加头部信息。（4）第四章是网页布局，教师讲解网页布局技术：表格、DIV、框架以及模板和库；学生的任务是对网站进行前期布局。（5）第五章是超级链接，教师讲解超级链接；学生的任务是制作导航栏。（6）第六章是添加多媒体，教师讲解添加图片、背景音乐、Flash、滚动栏等内容；学生的任务是准备网站中需要的图片、flash等资源，将资源添加至网页。（7）第七章是表单，教师讲解如何添加和设置表单；学生的任务是给网站添加注册页和用户登录。（8）第八章是CSS，教师讲解CSS的应用；学生对网站添加内部样式和外部样式表。（9）第九章是网站，教师讲解使用IIS在局域网中如何站点；学生的任务是相互网站，对其他组内容进行访问。课程内容讲完后，预留两周课程时间，学生对所做的作品进行整理、美化。课程结束后，小组为单位对作品进行展示和提交。

2．2考核方法与评分标准

网页设计课程总成绩由平时成绩和期末成绩两部分组成。其中平时成绩占总成绩的50％，期末成绩占总成绩的50％。平时成绩除了到课情况外，主要依据学生在组内的贡献、每期任务的完成情况以及整个团队的表现。与传统的成绩评定不同，该课程更注重学生的平时表现是否积极、是否有团队合作精神。期末成绩的考核包括提交的作品和学生的答辩情况，评分指标与所占分数如表3所示。提交的作品主要考察界面是否合理、美观，是否与开题所写的需求分析内容一致，网站是否能正常的显示以及配套的网站文档是否完善等。答辩模拟项目经理与客户的角色进行，教师提出问题，学生进行回答，查看学生的现场反应力与问题解决能力。

篇（11）

（2）网页设计技术不断地发展变化，新的技术、新的方法也不断涌现。从1997年Dreamweaver首次推出，经历Mx、Mx2004、到Dreamweaver8，现在普遍使用ADODBDreamweaverCs系列，我这学期使用的dreamweavercs4。网页布局也从传统的表格布局转换为Div布局。所以不论是从选择软件到选择网页设计的方法，都不能太落后。

（3）从目前网络公司行业来看，网页设计与后台代码分开日趋明显，所以并不一定要求学生设计与编程并重，毕竟对于中高职学生，编程相对较难理解。设计方面可以图文并茂，在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内，有部分教材案例缺乏美感，计算机专业的学生对审美本身就很缺乏。对于学习初期的学生，可以引导学生多欣赏比较优秀的网页。早期可以模仿，不是美术专业毕业，这方面不是一下子能够改变过来，自己也是深有体会，只有在今后长期的锻炼、设计中寻找。

2教学方法

2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏，然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全，从文字带后台编码。对于各种教材，并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。

2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中，要给学生明确的思路，运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段，引导学生主动思考，解决问题。不论是选用何种教学方法，最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用，也不一定对每门课都适用，因人而异。总之，要贴合自己的实际，以及学生的素质、水平、层次等等。

2.2.1任务驱动法在教学过程中，以完成任务为导向，把教学内容贯穿于每个任务中，在完成任务的过程中，发现问题、解决问题。采用任务驱动的教学方法，任务设计是关键。比如说在网页设计教学中，文字、链接、图片章节都可以用任务驱动法，网页设计这门课本身就是易学易忘，所以在设计任务的时候，不断复习之前学习的内容，以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些，但是学生互评，现在还没有系统能达到这样的功能，有待于开发。

2.2.2模块教学法主要分为以下几个步骤：划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等，都是团队合作，讲究的是团结协作。网页设计公司现在也是，很多网站界面都实行模块化，每个人负责完成自己的任务。模块教学法就是有目标，有任务，有内容。目前中高职学生水平参差不齐，所以在分组的时候要特别讲究。每节的重点和难点一定要讲透，尽量慢，有的时候虽然讲过一遍，但是很少人能够理解体会。有时候需要在做的过程中加以辅导，不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页，需要设定目标，分配每个成员的任务。但在实际运用中，相对较难完成。个人观点，模块化教学不适用于网页设计教学。