网页设计知识总结精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页设计知识总结主题范文，仅供参考，欢迎阅读并收藏。

第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篇：网页设计知识总结范文

一、课堂内容要精而不多

很多教师总想在有限的课堂时间内，让学生学到更多的知识，往往在备课时，就准备了很多内容。其实这样做的话，收到的效果往往不够好，因为中职学生的学习基础和态度，不是特别理想，上课的状态也不是特别好，如果教师只顾着要在课堂上多讲一些知识，而不考虑学生的接受能力，这样只会让学生听得晕头转向。以致一个学期下来，学生只是一知半解地学到了点皮毛知识。

因此，教师在准备上课内容时，一定要精读教材，抓好重点难点。如在课堂上尽量不要把时间分得太散，在课堂的前15至20分钟，趁学生的精神状态比较好和注意力比较集中，把这节课的核心及重点内容教授给学生，让学生能在一个最好的状态下接受新知识。在课堂的后半部分，教师可以发起一些讨论，来活跃课堂的气氛。

二、教学方式，以启发和体会为主

在网页设计教学中，理论知识讲得再多，如果学生不会灵活运用，一点用处也没有。理论知识是学生学习和提高的基础，但在教学中，不必太拘束于理论，应让学生结合实践，去理解和体会知识。如在学习网页的模块分布和页面色彩时，教师不需要讲太多的理论，应找各种各样的典型网页或网站，让学生在上网或观察中体会。有些网站的设计让用户在使用的过程中觉得很便捷，很愉快，而有些网站却会让用户觉得很凌乱，使用不顺畅。学生在观察和研究这些不同的网站设计的时候，教师可以让学生评选出自己喜欢的或者是觉得最好的和最差的，让学生说说最好的网站设计好在哪里，最差的，又差在哪里。

通过这样的观察和体会，让学生明白网页设计过程中，需要注意什么，怎么做才会更好。学生结合自己的实际体会，归纳总结出自己能理解和掌握的知识。这样比教师一直在讲台上强调某些知识更有效。

三、实践环节重创新

中职计算机教学更重视实践，重视动手操作，否则理论知识再丰富，如果不会动手实践，也不能保证学生能够更好地就业。实践环节不但要重视，还要高效，有些学校在课程的实践方面，分配了足够的课时，但实践的效果并不好。在网页设计这种相对比较开放和自由的实践课上，可让学生充分发挥自己的想象力和创造力。值得注意的是，在学生的实践过程中，教师要对学生进行适当的帮助，如果任由学生自己去摸索，那么很可能在上机实践这段有限的时间内，学生很难做出点东西来。这个阶段并不是学生探索的阶段，重要的是鼓励学生把设想变为现实。

四、课后任务要有针对性

课后的作业不但能检查上课的效果，还能帮助学生巩固和复习上课所学的知识，适当的作业是必不可少的。但作业的布置不能随便给个任务或项目，教师一定要根据上课的情况和学生的大体掌握水平来布置一个适当的作业。作业的布置应该是抓住那些学生掌握得不是特别好的地方，学生通过作业可以再一次思考，或者通过查资料，与同学交流等方式把疑问弄明白，把不懂的知识再次梳理并巩固。因此，课后的作业必须有要一定的针对性。

五、总结

总之，在中职计算机网页设计教学中，教师要根据实际的情况，敢于打破一些传统的教学模式和方法。用更灵活、更人性化的方法进行教学。在教学中把握好重点、难点，力求让学生对知识点的掌握更透彻。因此，教师要认真对待教学的每一个环节，与时俱进，开展以学生为本，以学生的发展为纲的课堂教学，让每一个学生的能力都得到发展，都能学到实实在在的有用的知识。

参考文献

[1]叶宗国.中职计算机网页设计教学模式的探讨[J].计算机光盘软件与应用，2011（6）.

第3篇：网页设计知识总结范文

关键词：网页设计基础 就业导向 教学方法

1、 课程目前存在的问题

1.1、各科不能融会贯通。要想设计与制作出高水平的网站，常用的网络三剑客软件：

“PHOTOSHOP 、FLASH 、DREAMWEAVER”是缺一不可的，而计算机应用专业的学生在开《网页设计基础》这门课之前，就已完成前二门课程的教学。但是通过对历届学生的调查发现，大部分学生学完就忘，不能将学过的知识课程融会到这门课中。在以往的教学过程中只注重软件的应用与知识点的讲解，学生就是不断在学习新的知识点，而忽略了网站的规划与设计环节，导致学生学过的内容不能融会贯通。

1.2学生层次不同。因为每个学生的能力不同，在传统的教学中老师统一下达任务，所有学生只能完成统一的任务，没有发挥学生自身的长处，无论是就高或就低教学都会导致学生的能力不能正常发挥与运用。长此以往，能力高的学生，觉得没有发挥自己水平的空间，最终导致学生失去了学习的兴趣;能力低的学生，总是处于跟不上的状态，而失去了学习这门课程的信心，最终放弃学习。

1.3传统的教学重点放在软件的使用方法上。虽然学生能熟练应用软件，但是不能从宏观的角度独立完成网站的规划与设计，这样就导致学生只是单一的完成别人指定的网站的制作，从而不能提高学生的创新思维。

2、以就业为导向对学生进行教学培训

根据调查中华英才、58同城等招聘网站，通过对课程的岗位指向分析，与《网页设计基础》相关的职业岗位主要有：网页设计与制作、网站管理与维护、网页编辑等。那么针对这些岗位对我们学生知识的要求最基本的有HTML、DIV、CSS等。而针对这些岗位对我们学生掌握软件的要求，最基本的就是网络三剑客。而我们《网页设计基础》这门课的主要软件就是应用DREAMWEAVER。 我们当前最主要的任务就是想尽一切办法，通过改革教学内容与教学方法来提高学生面对网页设计与制作岗位的知识与技能水平。

3教学方法

3.1阶段教学：教、学、练、做统一结合。互教互学，注重学思结合，知行统一。只有将所学所悟运用到教学实践中，才能让教学更加得心应手，使教学效果更上新台阶。在教学过程中要及时掌握学生的发展方向、学生的不同层次、学生的学习状态以及学生对教学内容的接受程度。教师要根据学生的接受情况仔细斟酌及时调整授课内容及难度。因此教师在授课环节上一定要给学生留有思考和讨论的时间，做到学思结合，让学生很好掌握当堂课的内容，并且与实际结合。教师要巡视指导，及时了解学生的学习状况及接受程度，分析与讲解共性问题。

3.2案例教学：案例教学是一种独特的教学形式，它是理论与实践沟通的一道桥梁，是发展学生的团队合作意识与能力的有效途径。那么在运用案例教学法时，案例的选择首先就要具有实用性、趣味性、知识性、典型性、启发性。将优秀网站的案例引入教材、教学体系当中，并且将实际案例与每个重要知识点的应用结合起来。经典案例赏析、重要知识点讲授、学生课堂练习、教师实践辅导、团队合作创新等不同教学方法灵活运用。充分利用现代高度发达的多媒体以及丰富的网上资源，及时与学生交流沟通。采用学习与研究相结合的方法，将现代计算机科学技术充分应用于教学改革之中。

3.3任务驱动教学：它将以往以传授知识为主的传统教学理念，转变为以解决问题、完成

任务为主的多维互动式的教学理念。在网页设计基础课程中体现的任务驱动教学法，按照能力分解，阶梯推进的思路，来设计与分配任务。同时学生完成任务的过程应该是一个不断提出问题、解决问题的过程，提高了学生的创新思维。

3.3.1任务驱动法需要遵循以下的原则来设计任务：

（1）任务要与现实生活紧密联结;

（2）任务要结合教学内容，突出教学重点和难点;

（3）任务的设置要适应不同层次的学生，因材施教。教师应该依据不同的学生层次选材，有针对性有目的性的去选择任务，保证所有学生掌握学习的内容。通过阶段教学、案例教学、任务驱动教学等实践教学环节，让学生体会和领悟网页设计与制作的方法和思路，通过完成任务进一步加深相关知识点的理解和应用，提高网页设计与制作的规划与设计的综合能力。学生在完成任务过程中体会到学习的乐趣，培养学习的兴趣，提高了创新思维能力。

3.3.2任务驱动教学法的主要步骤主要有：

（1）设计任务阶段：结合《网页设计基础》课程教学内容的知识点设计任务并且要与现实紧密结合。

（2）依据任务分配小组阶段：教师依据学生的特点分配任务小组，实行团队合作。

（3）搜集任务信息阶段：各小组学生根据课前准备的任务主题搜集素材，分类保存。

（4）任务实施阶段：小组内学生依据自己的能力及特长相互分工合作。教师提示各组要依据分配任务之前的标准来完成任务。分工进行图片处理、文字编辑、网页设计与制作任务的架构等。小组内学生要采取优势互补、团结协作、取长补短。任务组长综合各小组成员素材，合成作品。同时任务组长应负责检察组内成员所得任务的完成情况，作好记录向教师汇报。

（5）师生评比阶段：通过这种活动，充分调动了学生的学习热情，促进了学生的学习主动性，强化了学生的实际动手能力。

学生总结与评价，各小组的组长代表本组所分配的任务进行讲解与评价，各小组的学生针对任务讨论如何更好的配合。

教师总结与评价，教师针对各组完成任务的过程中出现频率较高的问题进行归纳总结，根据教师分配任务前所给出的评分标准进行评分，对各小组的学生任务完成情况进行评比，总结各小组分工合作协调、工作沟通的好坏，提出今后应注意的事项。

4.结束语

《网页设计基础》是一门实践性较强的课程，那么在教学方法与教学内容上应区别于理论课程。因此要想提升学生的主动性，就要合理安排教学内容与教学实践，教师为主导学生为主体是提高学生动手能力的关键。我们对该课程的改革力求提高学生专业能力和创造能力，通过对教学实践的探索整合多种教学方法，极大地提高了学生学习的主动性，取得了良好的教学效果。

参考文献：

第4篇：网页设计知识总结范文

关键词：网页设计；高职院校；教学建议

科技的进步，internet的发展，社会对网页设计人才需求大大增加。《网页设计》课程是计算机专业的一门主干课程，并且很多理工专业学生也选修该门课程。如何让学生在较短的时间内掌握网页设计的基本理论和熟练操作相关软件，培养满足网页设计企业需要的综合型人才成为当今很多高职院校的研究热点，也是高职教师的努力方向。为了提高该课程的教学质量，教师需要具备扎实的理论功底，在教学过程中，不断推陈出新。笔者做为高职院校的计算机专业教师，有一定的心得体会，提出了几点建设性意见，在此抛砖引玉，供大家参考探讨。

1.明确教学目的

根据大纲，本课程的学习目的是让学生掌握网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。针对于现有的IT行业发展的现状与趋势、人才需求状况、企业调研等方面调查分析，光是满足教学大纲的要求是远远不够的。现在的网页设计主要是网站的开发前期的相关界面的平面设计。所以教师在教学中，就需要进一步明确教学目的，突出教学重点。因为基本的网页制作，但凡有过一定基础的学生都能设计，要想进一步满足企业的用人标准，设计出较高的网页，这就需要网页设计人员具有较强的审美能力与美术功底以及图像处理工具的使用能力。通过图形软件Photoshop，Flash，CorelDraw等与Java语言软件的相互配合，运用于图像处理、编辑、通道；图像色彩的校正，出色地设计公司标志、网页等等。这些都是教学的重点，需多让学生下功夫，举一反三。

2.提高学习兴趣

知之者不如好之者，好之者不如乐之者。兴趣是积极探索事物的认识倾向，教师如果能让学生充满兴趣的学习，快乐的学习，授课就开了个好头。因此要提高教学效果，讲授知识时，就必须以学生为主体，正确引导学生进行思考，并注重培养学生对本课程的学习兴趣。网页设计是一门实践性很强的课程，是特别需要学生亲身体验，自觉动手，才能掌握好其内容的课程。例如在讲授网页设计的框架结构，这一部分内容时。首先给学生们呈现一个很好的框架结构的网站，也是学生上网常常浏览的网站，如360导航网站。这一下就拉近了课程与实际生活的距离，让学生体验到学习的意义，培养了学习的兴趣。有了个好的开端，接下来就是引导学生多思考，框架的作用是什么？什么是框架和框架集？如何设计框架页面？用框架设计页面有什么特殊的优势？如果让自己来设计，你会设计什么样的框架结构？让学生主动的参与到学习过程中来，往往能达到事半功倍的教学效果。

3.考核方式多样

《网页设计》这个课程是一门需要实践能力很强的计算机专业课，所以弱化笔试考试，加强上机考试，以提高学生的实际操作能力。在教学的过程中，笔者总结经验，将课程的分数比例改为了以下四部分：平时表现、上机练习、理论考试、上机考试。学生平时的表现所占课程总成绩的15%，主要为学生的出勤率，上课听讲认真与否，以及积极回答问题的加分情况。上机练习占总成绩的20%，主要为学生在上机课时，是否听从教师指挥，能否完成任务的情况。而理论考试，则是我们弱化的内容，只占总成绩的25%，因为理论再好，也需要将其转化为实际的工作，否则就是纸上谈兵。其中上机考试为重中之重，占40%。上机考试，需组织学生在机房进行，人手一台电脑。教师先将网页设计的题目与需要用到的素材存储在服务器上，学生通过访问服务器获取试题，按照要求完成网页设计和优化工作。考试完成后，将自己的作品上传至服务器，供教师审阅、批改。最终教师要综合网页设计中的多方面因素，如图像处理，链接结构，色彩协调，整体搭配等来给学生相应的成绩。此种考核方式，兼顾了各个方面，虽然弱化了理论，但强调了实践，促使学生转换学习态度，培养其独立思考和解决问题的能力。

4.举办设计大赛

每年安排一个时间，举办整个高职院校的网页设计大赛。设计大赛的目的是检验学生对该课程的掌握程度，以比赛的形式来提高学生对网页设计的兴趣。设计的内容不做限定，只要在规定时间内将设计好的网页发送到指定邮箱里。教师会对参赛的作品进行初选，先初选出入围的作品，让选手做好准备。在决赛过程中，选手需要对自己的网页作品进行讲解，突出自己作品的亮点。同时，评委老师们会对该作品做出点评，分析网页设计的优缺点，运用了那些技术等等，让参赛选手和观众同学们也得以在知识方面提高。最后，评委老师们给出各个作品的分数，评出比赛的各种奖项，对获奖的选手给予相应的奖励。网页设计大赛给学生提供了展示自我的平台，无论是对参赛和观众同学，都是一种激励，让学生对网页设计产生更大的兴趣。

结语：

网页设计的课程建设的过程是发现不足，不断完善的过程，并在教学中加以改进的过程。以上教学几点建设性意见是课题组教师多年的教学经验积累，实践证明：这些改变使教学效果得到了改善，激发了学生的学习兴趣，学生的实践操作能力明显得到提高。

参考文献：

[1]赵元媛.网页设计中布局方式之比较[J].中小企业管理与科技（上旬刊）.2012，（01）

[2]侯佳路，王润华，于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息.2012，（06）

[3]敖冰峰，徐鹏，乔阳.浅析《网页设计与制作》课程教学方法[J].科技与企业.2012，（09）

[4]教育部.关于全面提高高等职业教育教学质量的若干意见[Z].教高[2006]16号.

[5]姜大源.世界职教课程改革的基本走势对我们的启示[J].职业技术，2008，（11）.

[6]翟向阳.论高职教育突出高技能人才培养的目标定位[J].职教论坛，2005，（16）.

第5篇：网页设计知识总结范文

关键词：案例教学法 CSS+DIV 样式选择器

中图分类号：G712 文献标识码：A 文章编号：1673-9795（2013）04（b）-0168-01

随着现代网页设计技术的发展，CSS+ DIV成为网页设计中的核心技术，如何制作精美的网站，本文旨在引导学生分析网页表单圆角案例，运用CSS+DIV知识点完成设计。

1 案例教学法

案例教学法由美国哈佛商学院提出，是一种以案例为基础的教学法，通过学生间的相互讨论或研究，提高学生的学习兴趣，从而培养学生主动学习的能力。本文用CSS+DIV制作表单圆角案例，形成学生思考和分析问题的能力，从而提高学生制作网页的技能。

案例教学法以注重学生的基本能力为基础，避免单纯理论知识的学习，在实践过程中，可以鼓励学生进行单独的思考和创造，提高学生学习的积极性。

2 表单

表单（Form）作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能，用于吸引新用户，留住新用户的重要工具。设计一个表单很简单，但设计一个用户体验高，漂亮的表单却并不易。如果表单设计用户体验不高，无疑将会对网站用户粘性大大降低。

3 设计过程

3.1 展示案例，启发思考

把此案例效果图展示给学生，吸引学生的注意力，激发学生探究学习案例的热情，让学生带着例子去探讨课本上的理论知识，为学生学习理论知识打下坚实的基础。

3.2 探究讨论案例，解决问题

根据表单圆角的案例，让学生展开分析和讨论在案例中所用到的理论知识，分析表单的布局结构、分析实现的代码，学生试着写出CSS代码，并预览调整，测试优化页面。

3.3 总结和点评

教师通过学生完成的案例进行总结和点评，分析不同学生在案例中存在的优、缺点，有针对性的进行深入的分析，对出现的问题从不同角度和方法，与学生共同找出最佳解决方案。最后对此案例所涉及的理论知识和代码进行全面的总结：

3.3.1 网页设计的核心概念

（1）CSS+DIV布局：利用CSS样式控制DIV标签的位置来实现网页的布局。

（2）盒模型：盒模型是CSS的基础，它认为页面上的每个元素都被看作一个矩形，这个矩形由内容、填充（padding）、边框（border）和边距（margin）构成。

（3）位置控制（position）属性：位置控制属性可以确定元素在网页中的位置，分为静态定位（static）、相对定位（relative）和绝对定位（absolute）。

（4）浮动（float）属性：浮动属性是CSS布局中很重要的属性，用于控制元素左右移动，分为不浮动（none）、左浮动（left）和右浮动（right）。

（5）选择器：CSS的主要作用就是将一系列的样式规则应用于文档中，使得文档中应用了这个规则的内容实现某种样式。这一系列的样式规则就叫做选择器。文档用了不同的选择器，就呈现不同的样子。选择器主要分为标签选择器、类选择器和ID选择器。

（6）显示与可见性：显示（display）一般用在改变属性（如导航），增加交互（如标签），显示分为块元素（block）、行内元素（inline）和无（none）。可见性分为可见（visible）和隐藏（hidden）。

（7）常用CSS属性：常用的CSS属性包括字体（font）属性、背景（background）属性、边框（border）属性、边距（margin）属性、填充（padding）属性和列表（list）属性。

3.3.2 代码

网页表单设计的主代码及解释如下：

4 结语

CSS+DIV方法实现网页设计已成为当前网页设计的一种趋势，本文旨在通过案例教学法使学生更好的掌握CSS+DIV的基础知识，激发学生学习的兴趣，调动学习的主动性，制作出更漂亮的网页。

参考文献

[1] 谢学峰.基于DIV+CSS的网页设计技术[J].计算机光盘软件与应用，2011（11）：82，84.

第6篇：网页设计知识总结范文

关键词：实践；任务驱动；教学方法

中图分类号：G434文献标识码：A文章编号：16727800（2012）007017702

作者简介：黄丽凤（1984-），女，福建惠安人，厦门大学硕士研究生，泉州信息职业技术学院助教，研究方向为计算机应用、网页制作。

1任务驱动教学方法

任务驱动式教学模式是指在整个教学活动过程中，教师鼓励学生以完成某些具体的任务为线索，把教学知识目标包含在任务中，学生在完成任务的同时，养成认真思考以及自主学习的习惯，培养独立发现问题、思考问题、寻找解决问题的方法。

任务驱动教学方法主要是教师以鼓励学生完成任务的方式来培养学生的动手能力及相关技能。将课程原理、课程实践、课程作品融为一体，并贯穿于课程的“教、学、做”之中。学生在修读课程时，选择项目并通过自主学习、相互协作、完成作品来学习课程中的核心知识和技能。

《网页设计与制作》课程围绕着一个虚拟的高等院校网站建设为主线，以网页设计制作概述及需求分析等理论知识教学为开端，并以校园网站建设实现所需要的相关技术实践训练为重心，以开发、项目作品为目的来完成整个课程的教学。整个教学过程，能较好地发挥学生的主体作用、团队合作精神，体现出高度的学用一致精神，提高学生的动手能力。

2任务驱动法在《网页设计与制作》课程教学中的应用

《网页设计与制作》是一门实践性很强、极富创造性、具有明显时展特点的课程。下面以开发一个虚拟的高等学校网站为例来探讨一下“任务驱动”教学模式在《网页设计与制作》应用。

2.1创设情境，提出问题

在课程教学的第一次课中，教师通过多媒体给学生展示了整个虚拟网站建成之后的整体效果，引导学生进入学习状态，激发学习兴趣，并让他们去思考建设一个网站中所必须包含的基本元素，如何通过布局的方式把这些元素结合起来，使得页面整体效果更加美观。由此确定课程的总体任务——建设一个完整的校园网站；然后，针对教材与课程知识，通过虚拟网站中的可见内容，将总体任务细分为若干大任务，如制作一个简单的网页、超链接、表格、JavaScript、CSS样式、框架、模板和库、表单和CSS+DIV布局等；最后将这些大任务进一步细分为一些小任务，如简单网页中的图像、文字如何插入、超链接中的文字链接、锚点链接、电子邮件链接等。任务从简单到复杂，逐步去完成，最终完成整个作品。

2.2确定问题，分解任务

在演示的过程中，对学生进行提问，假设自己动手做一个简单的网页，应该利用什么样的思路去完成页面。通过学生的思考、分析和讨论，确定与当前学习主题密切相关的任务作为学习的中心内容，让学生自己去解决所需要解决的问题。任务的顺利完成可能会使学生更主动、更广泛地激活原有知识和经验，来理解、分析，使对所要掌握的知识有更深的印象。比如，在对利用Dreamweaver创建基本网页的教学中，先给学生展示一个最基本的学校概况页面，在页面中学生可以看到一些介绍学校情况的文字、图片，然后引导学生认识网页中的基本元素，让学生去理解，如果要在页面中插入这些元素，应该怎么去实现。学生通过老师的引导及适当的提示，可以慢慢找出问题的解决方式，然后自己动手完成。这样既掌握了知识，又感觉做一个网页并不难，激发了学习兴趣，这为后面的顺利教学奠定了基础。

2.3自主学习，相互协作

在教师的引导及提示下，可能有的同学把相关的知识领悟到，然后开始动手完成，有的同学不一定可以完成，这就要求他们相互协作，互相学习，培养团队协作意识。比如，在超链接教学中，有的学生在完成百度友情链接的外部链接时会出错，写出链接地址为：省略。这时应把学生的错误展示出来，让全班的同学来思考其中的错误。有的同学可以很快地找出正确的方法，还有同学找出的是错的方法，通过其他同学及教师的纠正，掌握了正确的方法，到最后，大家都知道，正确的链接地址应该是省略.还有一些实际应用得比较多，但是又较难的问题，可以提示学生自主通过其它途径去学习。比如脚本链接中的添加为收藏链接、设为首页链接等。

2.4归纳总结

在教学结束后，教师要把所有学生完成的任务展示出来进行交流，大家提出问题并进行讨论，教师针对学生的讨论结果及时做出归纳总结。注意总结的时候要客观评价，既要表扬做的好的同学，也要鼓励做得不好的同学，使学生认识到自己解决问题的能力，让他们的创新精神和自学能力可以得到充分的发挥。如：很多同学对相对路径和绝对路径的区别不是很清楚，就要把所有学生的作品通过多媒体展示给同学看，结果是有的同学看到自己的或者别人的作业，很惊讶，为什么这里插入的图片显示不出来，而在自己的电脑上却可以。通过学生自主讨论、修改，最后总结出是因为图片的路径出错导致，故而学生可以更快速明了地理解它们之间的区别。

3结语

利用任务驱动模式进行教学时，教师必须清楚学生的实际动手能力，并根据他们的水平来分析当前知识技能可能存在的困难与问题，以课程目标为中心，在充分围绕课程教学目标的基础上，制定一个任务来突出知识点，使学生在培养兴趣的同时又掌握到新知识与技能。

（1）任务的设计要紧密结合教学目标，把所要介绍的重难点知识大部分融入到任务中，学生通过自主学习、相互讨论，动手完成任务并深刻理解重点、攻破难点，获得知识。

（2）任务的设计要根据学生的实际情况来设计，不能太难，也不能太简单。要有层次性，从易到难，逐步引导学生。学生在动手完成任务的过程中，要认真做好监督工作，对于有些自己动手跟不上任务进度的同学，要及时给予帮助，鼓励他们继续完成。

（3）任务的设计要结合生活中的实际、有趣的事情，并且是学生通过操作后可以得出所期待的结果，这样才能激励继续完成。可以给学生留出一点自由发挥的空间，有利于培养其创新意识。

参考文献：

\[1\]毕春苗.“任务驱动”教学模式的应用探究\[J\].大同大学学报，2008（6）.

\[2\]郭绍青.任务驱动教学法的内涵\[J\].中国电化教育,2006(7).

\[3\]朱永杰.任务驱动教学法中的任务设计\[J\].教育与职业，2010(24).

第7篇：网页设计知识总结范文

1）网页设计的概念。

通常而言，网页设计是根据网页的不同用途以及不用的特点，运用美学知识进行规划、设计等的结果。网页制作和网页设计这两个不同的概念常常让普通人混淆。在一定程度上来说，网页设计和网页制作有着共同点，两个也有着不可分割的关系，但是实际上它们的区别是根本上的、本质的。通常情况下，视觉美学中的基本规律在网页设计中同样适用。什么是网页设计？通俗的说，就是通过对文字、图像规律性的组合，还网页看起来更加规整，信息传递更加明确。在满足这样目的的前提下，也需要使网页满足大众的审美习惯。网页设计中除了文字和图像的广泛运用，也会插入一些动画和简短的小视频，来增加网页的视觉美感。网页设计时设计目标的确定十分重要，之后再确定设计流程，加以优化，最终达到设计出优秀网页的目的。

2）平面设计在网页设计中的具体表现。

网页设计中平面设计占了主要部分，而语言文字和图像又是平面设计的主体，所以网页设计中的语言文字和图像往往是使用最多的元素。语言文字是运用最多的，对于网页信息有着解释说明的作用。当然文字的设计首先要清晰且能够准确无误的表达，然后在考虑字体的大小、格式以及色彩。图像使得网页设计充满了趣味性，这是文字无法代替的。所以图像也是网页设计中重要的一环，它对信息的传达有着文字不可替代的效果。虽然文字也十分重要，但是图像给人们带来的视觉冲击是文字所无法媲美的。因而，图像的运用对于会激起浏览者继续浏览的兴趣。当然，图像和文字的配合使用能够产生不一般的效果，具有空间超越性。

二、网页设计中视觉元素的功能性与审美性

网络设计是通过互联网将信息传递给大众，其中信息是主体部分，但是其包含的视觉元素的作用也是不可忽略的。

1）网页设计中视觉元素的功能性。

在网页设计中，无论是文字还是图像都需要遵循视觉美学的基本规律。将网页中的各个信息点通过运用视觉美学的知识进行分类、规划，可以是网页更加清晰，所传达的信息更加明确。例如，在视觉美学中，人们第一眼往往会停留在网页的中上方。同样，网页设计时也有着这样的规律。一个优秀的网页往往第一眼就能抓住浏览者的眼球，能让浏览者快速的接受网页传递的信息。所以说，视觉元素的功能性在网页设计中起着不可估量的作用。

2）网页设计中视觉元素的审美性。

虽然说网页设计的目的是让网页看起来更加规整，信息表达更加准确，但是优秀的网页设计也需要给浏览者带来视觉的审美体验。在网页设计中，视觉元素在网页背景上有着几乎完美的体现，通过对不同平面元素的综合运用，网页背景往往是最能够表达视觉元素的地方。具有美感的网页设计会让浏览者增加对该网页的好感，就会更加愿意花费时间去浏览，有利于网页的点击率。

3）网页设计中视觉元素的特殊性。

对于网页的浏览，视觉往往是首要因素。在没有具体目标的情况下，视觉往往促进浏览的主要原因，人们常常因为图片的有趣而产生继续浏览的欲望。所以视觉元素的合理运用，会增加浏览者的兴趣，在网页设计中有着不可替代的特殊性。因而，视觉元素的合理应用有助于网页的发展，也会给浏览者留下好的印象。

4）不同种类网页设计中视觉元素的应用形式。

视觉元素的应用是具有针对性的，是不可以一套而论的，需要针对各自的功能特点运用的。以下就商业网站、公共服务网站、个人网站为例说明。在商业网页中，最主要的就是商品的推销。因此，在该网页上就要突出商品的性能优点，适当时也添加图片。同时，网页的机构通常都比较严谨，信息的传达都不叫紧凑。在公共服务网页中，其信息量的比较大的，所以需要注意结构的简洁和清晰，在色彩上，无需使用过多艳丽的颜色，装饰上尽量简单，使网站的可靠性增加。而个人网页就有所不同，它一般注重个人性格的表达。所以个人网页的设计较为随意，色彩的使用较为大胆，图像比较多变，更加突显出鲜明的个人色彩。

三、网页设计发展的趋势

如今，一味地套用早已无法适应网络的发展，创新才有新出路。并且，复杂的色彩、冗长的文字和炫目的图像等会使人们产生视觉疲劳，所以，简洁的网页设计更能够适应如今的发展规律。从浏览者的角度来说，全屏的大图往往能够吸引他们的注意力，浏览者往往是因为大屏图像带来的视觉冲击性才浏览这个网页的。在有大屏图像的同时，配搭精简的文字加以说明，可以是网页显得简洁、大气、美观。与此同时，网页设计中也开始慢慢使用动画和视频，它们对于细节的表达更加直观。

四、总结

第8篇：网页设计知识总结范文

根据对肇庆科技职业技术学院的毕业生进行岗位跟踪和回访发现，我校计算机专业的毕业生在网页设计方面的岗位主要有：网页设计与制作、网站编辑、网站管理3大岗位群。网页设计制作：精通Photoshop，Corldraw，Frontpage，Dreamweaver等多项网页设计工具。网站编辑：具备基本的网页编辑和修改能力。网站管理：具备较高的网页设计制作和维护的能力。这些工作岗位群不仅要求学生透彻理解《网页设计与制作》课程的基本知识与操作技能，还要求学生掌握网页设计与制作的工作过程以及方法，同时更要具备良好的职业道德、团队精神和敬业精神。但在实际教学过程中，有的学生在完成课程学习之后，还是很难掌握好课程知识。为了进一步体现职业院校的教育理念，提高职业教育的教学质量，必须围绕实际的工作过程进行《网页设计与制作》课程开发，才能使课程教学适应行业发展的需要[1]。

2．根据岗位需求和专业培养目标，明确课程培养目标

2.1培养学生的专业工作能力，分析典型工作任务

网页设计制作：要求具备开发和制作网站的操作技能，能完成对中小型网站整体规划和网页具体设计制作，美化等工作任务。网站编辑：要求掌握基础的网页知识和操作技能，能完成中小型网站的内容建设，包括网站内容的编辑、更新和维护等工作任务。网站管理：要求具备较高的网页制作经验和管理能力，能完成对中小型网站的后台维护、网站的改版等工作任务。

2.2培养学生的职业素养和学习能力

在学习初级阶段，可以通过设计生动有趣的项目实例，充分调动学生的学习兴趣，并激发他们的工作热情，从而培养学生对网页设计课程的自发主动学习能力，这种工作热情也能够激励学生在日后的工作岗位上不断探索，不断进步。既要培养学生模仿的能力，又要注意启发学生的创新思维。例如在进行网页建模和布局设计时，可以应用灵活表格，层，这时要鼓励学生多思考，尝试利用不同的方法设计，让学生既能把基本知识的基础打好，又能举一反三地思考问题。同时在教学过程中必须贯穿培养学生的团结协作能力。对一些复杂的项目可以通过分组合作，让他们对一些难题进行相互交流和讨论，互相取长补短，一齐分工合作，共同完成任务。

3．基于工作任务，合理选择课程内容，设计教学情境为了更好的培养学生的综合工作能力，不只要按照学生“由易到难，由浅到深，由表及里”的学习认知规律选择合适的教学内容进行讲述，还必须合理排序所要讲述的课程内容，并融入生动有趣的教学情境中进行练习，让学生更容易掌握[2]。按照网页设计的典型工作任务，将课程内容分为了5个学习单元：

第l单元：要求学生对网页设计工具有一个基本了解，初步掌握网页设计的基础知识和一般方法。

第2单元：要完成网页规划设计的任务，通过实例讲解和实际操作，讲述网页色彩搭配、网页布局和网页字体的运用及设计技巧，css样式层的设计。

第3单元：主要讲述如何进行网页美化，包括网页视频与音效的添加，导航栏的制作，层和行为的使用等。

第4单元：主要介绍更新及维护网页的技术，包括模板和库项目制作技术。

第5单元：介绍网站测试和网页上传的基本方法及操作实例。该课程内容安排以Dreamweaver软件应用为主线，内容涉及网页布局，网页美化，网站测试等知识，强调从实践应用出发，介绍网页设计和制作的技术，突出学以致用。通过该课程的学习，使学生掌握网页制作的基本知识，熟悉网站设计的全过程，并能熟练制作中小型网站。

3.1教学情境的设计。教学情境设置的好坏直接影响到学生对学习单元的掌握[3]。一个好的教学情境首先要注意与当前企业的实际工作过程相结合，知识点循序渐进，由易到难；其次要能尽可能自然、有机地结合学习单元中的多项知识点；最后教学情境难易程度要适中，学生在通过教师的帮助和自己的努力能够完成，能获得成就感。在《网页设计与制作》的教学中，所设置的教学情境可以来源于企业开发的真实项目、企业或个人的网站外接承包项目以及各类技能大赛的仿真项目。下面以第2单元——网站规划教学过程为例，详细讲解基于工作导向学习情境的创设与具体实施。本单元选择了小型物流公司网站规划这个项目作为载体进行教学情境设计。设计项目：小型物流公司网站规划。基本内容：公司简介、企业动态、产品介绍、人才招聘、联系方式。规划要求：

（1）网站规划要反应出本网站的主题，简约，大气，具有视觉吸引力，网页要做到重点突出，首页尤为重要，要达到广告宣传效应。

（2）便于管理维护，易于更新或添加页面内容，有一定的扩展性。

（3）网页的字体要美观，不同页面的风格要统一，字体的组合要协调，图与文字和谐，内容丰富，能支持几种常用浏览器。

4．基于建构主义的教学模式设计

“建构主义学习理论强调以学生为主体，教师为主导的双主教学模式。学生是信息加工的主体、知识意义的主动建构者，教师是学生主动建构意义的帮助者、促进者、指导者；强调学习的合作性和情景性，提倡合作学习主动性和交互学习。”[4]在建构主义学习理论的指导下，教师的教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。所采用的教学方法都强调学生是学习的主人，是整个教学活动的主体。无论是教师的备课、课堂教学的组织还是课后的学习指导，教师都要树立“学生是教学活动的主体”的意识，始终贯彻“以教师为主导，以学生为主体”的教学思路。

4.1营造有助于教学情境开展的企业实践条件

4.1.1为学生提供参与和了解企业的机会学院可以定期邀请一些网页设计工程师、专家学者等来校讲学，丰富学生的专业知识，扩大学生的专业视野。通过以上的方式，学生不再对企业感到陌生，并能很快进入工作过程。同时学院还可以通过与多家企业签署订单式人才培养或实习基地合作协议，定期组织学生赴企业顶岗实习，通过顶岗实习，让学生了解企业实际的工作流程，找出自身状况与社会实际需要的差距，为求职与正式工作做好充分的知识、能力准备。

4.1.2为专业教师创造实践条件专业教师既要丰富的教育理论和专业理论知识，又要有过硬的操作技能和实践经验，才能更好的发挥“主导”作用。学校可以安排教师下一线企业进行学习和工作，了解网站开发的工作任务和工作流程，以及往届毕业生在工作方面所存在的缺陷，从而进行岗位职业分析与课程内容的合理选择。同时可以聘请有深厚学术水平的专家或企业工程师担任本专业顾问，为教师进行培训和讲学，或者直接参与课程教学、教材编写等课程开发，为专业办学提供一些发展性的建议。

4.2以赛促学、以赛促教、赛教结合，激励参加学生技能考证，提高学习主动性为了能够增强学生的学习主动性，提高学生的动手能力和增强毕业生的就业竞争力，可以通过号召学生积极参加学院、省市等单位举行的专业技能竞赛，培养学生的创新创造精神、团队竞争意识、实践动手能力以及创业素质，激发他们的自学热情，自发主动的去获取知识。教师在平常的教学过程中，要注意加强对学生进行考题项目训练。学生通过对考证和竞赛题库内容有针对性的进行练习，能更好的灵活应用《网页设计与制作》课程的专业知识和操作方法。而教师通过辅导学生参加考证，也能锻炼自己的实践教学能力，提高教学质量，真正实现“以赛促教、以赛促学、赛教结合”。

4.3采用项目教学方法，坚持“教、学、做”一体化基于建构主义的项目教学法是在以学生为中心的基础上，在每个学习单元中，结合项目要求、教学目标，向学生提出实际的、在一定时间内可完成的项目目标，让学生在解决问题的过程中建立自己的知识体系，最后完成此项目。在教学做一体化下实施项目教学，能够更好的将老师讲授的知识与学生的实际操作联系起来，由教到学，由学到用，学生能够体会到学习的困难，也能感受到战胜困难后的喜悦。

4.3.1在教学前期，通过知识点的学习，培养学生的模仿能力，构建学生自己的知识体系建构主义学习理论认为教学活动应以学生为中心，强调学生对知识的主动探索、主动发现和对所学知识意义的主动建构。在教学前期，学生主要是学习网页示范项目，以“小型物流公司网站规划”为例，该项目的教学安排如下：项目任务：小型物流公司网站规划项目目标：要求学生能掌握网站规划的原理和设计方法教学内容：

（1）了解网站的不同风格种类和色彩搭配原理；

（2）对网络上优秀网站的规划思路进行分析和学习；

（3）根据公司文化对网站规划的创意进行思考和设想；

（4）网站布局的具体设计和页面元素搭配。教学方法：教师讲授、学生自主学习，教、学、做一体化。授课教师在讲操作时，必须分步骤讲解，新知识点越多，步骤应分得越细，把小型物流公司网站规划每一步的功能和方法讲述清楚。同时还要注意控制好速度，给学生足够的自我练习和消化时间，保证授课和学生的练习能同步进行。要完成项目设计目标，学生首先要浏览大量的相关网页，学习优秀网站的规划方法。在具体的学习过程中，学生带着目标和问题进行学习和探索，对于网页规划做出大胆的假设和尝试。在学生动手操作期间，教师要做好指导工作，深入到学生中间，观察他们的操作，如果发现错误要及时帮学生指出，辅导他们改正。再通过类似作业的练习，学生可以更深刻地掌握课程知识点，慢慢摆脱模仿，尝试自己思考和创新。在这种教学法下，学生能用自己的头脑和过去掌握的课程内容重新审视问题，理清它们的逻辑结构和相互关系，构建新的知识体系。

4.3.2在教学后期注重培养学生协同工作的能力教学后期的综合项目实训是项目教学法实施的核心环节，教师在模拟企业需求给学生下达任务后，再按照项目建设的任务安排学生分组实训，共同去完成任务。学生在高度仿真的开发环境中，通过不断实践去熟悉工作流程，并在不断的实战演练中提高自己，逐渐掌握一个小型企业网站的开发过程，增强自己的知识运用能力、团结协作能力。以“小型物流公司网站创建”过程为例，通常要完成的工作任务如表1所示：在此过程中，学生要共同合作完成一套完整的项目设计，一个从无到有的网站开发，碰到问题，首先要自己主动思考，综合运用已学知识去解决问题，接着还可以与本组成员或其他开发小组共同会话交流，探讨解决问题的更好方法，共同攻克难题，完成工作要求。同时学生还要注意完成对项目的语言描述及相关文档的撰写，培养自己的团队沟通技能和社会能力。通过学习如何在团队中与他人协作，最大程度发挥自身的作用，进而培养团队合作精神和竞争意识。

第9篇：网页设计知识总结范文

艺术设计专业的网页设计课在教学上普遍注重技术而忽略艺术，我们迫切需要在教学模式、内容和评价方式上寻求改革，培养学生的艺术审美和感受力，更加注重实践应用能力，为社会培养一大批高素质艺术设计人才。

关键词

艺术设计；网页设计；课程教学；实践

一、艺术设计专业的网页设计课程的教学现状

目前，艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题，这种教学与计算机专业的网页设计课大同小异，误导学生以为这门课程就是一个技术课，掌握了操作技术就可以独立完成网页设计和制作，极大地忽视了其艺术性。因此，我们需要对教学模式、教学内容和考核内容等进行改革，以真正发挥艺术设计专业在培养人才的优势。

二、教学改革的目的

通过教学改革，力图解决以下两个问题:一是学生设计网页缺乏美感，版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决，充分考虑艺术专业的特性和学生就业的社会市场需求，综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力，全面提高学生的想象能力、感受能力、创新能力和审美能力，为社会培养一大批高素质艺术设计人才。

三、教学改革的创新点

1．寻找艺术与技术的平衡点。避免学生成为技术的奴隶，教学方案中增加艺术素养训练，充分体现专业特色，致力于培养学生的艺术设计和艺术审美和创新能力，通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓，为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。

2．基于多媒体网络教学，合理构建教学内容。构建既具有实用性又具有艺术性的教学内容，实现软件课与艺术设计课的整合，在学会软件应用的基础上，将其恰到好处地运用于艺术设计;实现理论课和实践课的整合，利用示范教学提高学生将理论应用于实践的能力，提升教学效果。

3．深化教学内容，开拓教学视野。适用互联网技术的发展，不断加快教学内容的更新，做好教学信息的收集工作，实现教学内容的深化，保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉，激发学生的学习积极性。

四、主要改革与实践的方面

1．改革教学模式。第一，采用项目教学。为了锻炼学生的实践能力，保证学生现场制作、解难和评析的参与度，实现课程理论和网页设计的有机融合，可以在教学中加大实用项目的引进，让学生参与到整个项目制作过程，包括初期的初稿设计、中期的客户反馈到最后的定稿。第二，采用跨学科教学。实现多学科整合的互动教学，将计算机专业和艺术设计专业的网页课程结合起来，让学生可以综合考虑到设计与程序的结合，依托于程序的可实现性设计出具有创意的网页方案。

2．改革教学内容。第一，增加手绘创意草图教学环节。注重创意期的思维训练，通过这一教学内容帮助学生明确设计意图，培养学生的快速创作意识和能力。第二，增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局，在有限的空间融合进了最多的视听多媒体元素，基本信息、导航、和正文结构安排合理美观，凸显设计者的理性思维、艺术个性和个人风格。第三，增加色彩运用训练环节。色彩的运用决定了网页的整体色调，训练学生在不同网站功能和风格下对色彩的准确把握。第四，增加创意字体教学环节。引导学生正确地运用字体设计方法，根据不同网页布局选择大小、颜色、色彩合适的字体，运用设计软件实现多样化字效和创意字体的设计。第五，增加网页交互功能教学，引导学生充分运用按钮和其他辅助设计以及页面之间的链接，从而实现网页的交互功能。第六，增加多软件综合运用教学，引导学生在网页设计中综合运用不同的软件，灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。

3．改革考核内容。第一，根据当堂内容布置对应的课堂练习和上机操作，及时发现学生学习中的盲点，教师适时调整课堂进度，此部分成绩占40%。第二，根据课程的教学目标布置综合作业，结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站，对学生网站设计的总体布局和色彩、版式、功能等进行综合评价，此部分成绩占60%。

五、艺术设计专业的网页设计课程教学的趋势

第一，总结和探索艺术设计专业的内在规律，建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力，培养学生的创造力和想象力，提高学生的实践应用能力。第二，注重网页设计的主体风格，培养学生的企业品牌意识，企业品牌的形象设计依靠网页的展现和塑造，好的企业网页可以让企业品牌形象深入人心，教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。

六、结语

目前，艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题，教学改革就是要培养学生的艺术审美和艺术素养，力求寻找到艺术与技术的平衡点，基于多媒体网络教学，合理构建教学内容，开拓教学视野。教学模式上采用项目教学和跨学科互动教学，内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节，评价上更加注重实践动手能力，其发展趋势是追求技术和艺术的完美结合，培养学生的企业品牌意识。

作者：许特 郝爽 单位：长春市第一中等专业学校 吉林司法警官职业学院

参考文献:

［1］刘妤．艺术设计专业的网页设计课程教学改革与实践［J］．包装世界，2011，(04):72－73．

［2］周小丽．“网页设计与制作”课程教学改革实践探究［J］．教育与职业，2013，(08):127－128．