前言：中文期刊网精心挑选了网页设计总结范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页设计总结范文1
记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。
自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。
在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：
1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。
2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。
网页设计总结范文2
在网页设计课程教学时，仍然以老师教授为主，大多时候只是教授书本知识，缺乏与学生们的互动，教学方法单一。而使得课堂缺乏生气与活力，从而使得学生们对网页设计的学习兴趣不高，继而影响教学质量。此外，目前网页设计课程的考核大多仍然以笔试为主，因此，老师为了完成教学任务，将主要的精力仍然放在学生们对理论知识的学习上。所以，课后还是让学生们沉浸于书山题海之中，这样学生们的笔试成绩是达到要求了。但是学生们缺乏网页设计的实际操作，这样学生们网页设计的经验不足，最终只是高分低能的学生，这样的学生不是现代素质教育所希望的。
二、高校网页设计课程的教学改革措施
1.完善高校网页设计课程的教学设施
随着网络信息技术的飞速发展，网络信息技术设备正日新月异。因此，为了高校网页设计教学课程能够满足现代社会的需求，高校应该加大对网页设计课程教学设施建设资金的投入力度。正所谓，“巧妇难为无米之炊。”有了足够的资金，学校才能根据社会发展的需要，为网页设计教学配备完善的教学设施，不断更新和升级网页设计课程教学所要使用的网页设计软件。这样老师在教学时，才能让学生们听了网页设计知识的同时参与到网页设计的具体操作中去，再实践操作中验证老实所教授的知识和自己的猜想。从而在实践中不断提升自身的网页设计知识。有了足够的网页设计课程设备，学生们在学习网页设计课程时，才能及时地进行实践操作。此外，还需要不断更新现有的网页设计教材，这样学生们所学习和了解的知识，才不会与社会脱节。这样的学生才是社会所需要的社会主义现代化所需要的人才。
2.高校应建立一支优秀的网页设计课程的教师队伍
正所谓，“名师出高徒。”有一个好的老师指导，在学习的道路上你就比别人领先了一步了。高校网页设计老师是网页设计课程教学的执行者，因此，老师所具备的专业知识和教学水平的高低直接影响着他所教授的学生网页设计的水平。因此，高校应该大力打造一支优秀的网页设计教师队伍。首先，高校应该加大对优秀的网页设计教师的引进，壮大我们的网页设计教师队伍，让那些优秀的网页设计老师，带给网页设计更多的教学方法。其次，高校应该及时的淘汰那些不称职的网页设计老师，净化我们教师队伍。从而提高我们网页设计教师队伍的教学质量。最后，对那些在职的能够进行培养的网页设计老师，高校应该给予更多的再教育和培训的机会，让他们有机会参与一些同行业的交流会，或者是一些知名的网页设计培训。从而不断的提升自身的专业素质和教学水平，以便能够在以后的网页设计教学中，教导处一些优秀的符合社会需要的网页设计人才。
3.高校网页设计课程采用多种教学方法相结合
随着现代素质教育的不断发展，网页设计也需要不断进行素质教育改革。因此，高校老师在进行网页设计课程教学时，应该采用多种教学方法相结合。网页设计老师应该改变过去应试教育的那种老师主讲的教学方式，将课程的主角换给学生。比如，让学生们分成各个学习小组，老师只是讲授一些基本的重要的网页设计知识，然后让各个学习小组，自行去谈论研究网页设计的制作。老师在学生们讨论、研究时，对于及时的给予解答，做出正确的评价。这样可以激发学生们的争强好胜之心，极大的增强学生们对网页设计的学习兴趣，从而发挥学生们的聪明才智，积极主动地进行网页设计制作。此外，网页设计是一门操作性很强的学科，因此，老师在教授了必要的网页设计知识后，应该将更多地精力放在学生们对网页的设计上。让学生们将所学到的知识及时运用于网页设计实践中去，从而在实践中不断提升自身的网页设计水平。在这样的教学环境下培养出的学生，才是社会所需要的网页设计人才。
三、总结
网页设计总结范文3
元素水墨画是中国传统艺术表现形式中最具有民族气息、蕴含着东方精神的画种，它具备了古代和现代人都能够理解的相同的文化内涵。因此，着重分析水墨画的表现元素对网页设计起着非常重要的作用。下面笔者就结合水墨画的艺术形式，分析水墨动画在网页设计中的应用。
1.构图方面网页设计是由简单的构图开始的。不论如何巧妙的构思都要通过构图转变成视觉语言传递给受众。网页设计中不同的构图形式所表现出来的意味和给人的心理感受是不一样的。而构图在水墨画中也起着不容忽视的作用。为了营造具有独特韵味的艺术情景，水墨画非常注重构图的技巧，多采用散点透视，这种构图方式不受视觉范围的约束，更利于创作者将内容丰富化、生动化，更利于其在画作中表达自己的情感。将这点应用到网页设计当中，为网页设计的构图提供了更灵活的空间。水墨画讲究“计白当黑”，也就是在构图时会特意留出大小、主次、疏密程度不同的空白，给人留有想象的空间，做到虚实结合，这样不但可以增加作品的灵动感，还能够开阔艺术家的思想。网页中的界面设计也可以利用这一点，将图形、文字等与空白相互结合，形成虚实空间，使页面呈现高雅的视觉效果。
2.笔墨方面水墨画中的用笔用墨都是具有一定技巧的，历代画家所总结的笔墨技巧给水墨动画创作者带来了很好的启发，设计师可以将这一点充分应用到网页设计中。设计师将水墨动画中线条的独特表现力应用到网页设计中，将不同线条用笔的内涵表现得淋漓尽致，有效地传递了所要表达的信息。除了笔墨方面，水墨动画中色彩的搭配也是网页设计需要借鉴的重要技术。在网页的设计中，只有把设计理念注入色彩应用，才可以使设计具有生命。就像水墨动画中的色彩是由不同的颜色相互结合，产生细微变化所形成的颜色，是一种纯粹的美。其运用到网页设计中，可以使网页富有生命力。
3.意境方面水墨动画可以说是水墨画的连贯表现，它与水墨画一样讲究传神。气韵是评论画作好坏的标准，也就是画家在作画时想要表达的情感含义、精神状态。气韵应生动，所谓生动指的是所表现出的视觉效果具有生机勃勃的态势。这也是设计师在网页设计中不断追求的境界。在网页设计中，只要是页面上出现的图像，都要做到将信息精准地传递给用户，并能引起关注，给人留下深刻的印象。以上都是水墨动画的表现元素，这些表现元素如今都在网页设计中得到应用。相信经过不断摸索，网页设计师还会发现新的设计理念，并将我国的网页设计事业推向高峰。
二、结语
网页设计总结范文4
关键词：网页设计；CSS；链接样式
中图分类号：TP393.092
对于CSS网页设计而言，它可以使网页更具备鲜活的生命力，可以更好的吸引浏览者的眼球。但对于CSS的设计，在教学过程中大部分学生难以正确的利用CSS对网页的设计，尤其对CSS的理解不够深刻，导致在应用上出现种种问题。所以，本文针对网页设计中CSS的链接样式进行分析，从而让人们能够更好地驾驭CSS进行网页设计。
1 CSS的认识
1.1 CSS的定义
CSS是一种用来对网页样式的控制同时将样式信息和网页内容分离的一种语言。采用CSS样式表可以弥补HTML语言的缺陷，可以完成HTML存在的一些缺陷，比如更好地调节字间距和行间距，取消下划线和背景图像等运用CSS能够达到更好的效果。也可以更好地控制网页的外观，大到整个网页的布局，小到网页字体的样式，运用CSS都能够灵活的进行设计。
1.2 CSS样式表
CSS样式表是由一系列的样式选择器和CSS属性所组成的，它能够针对网页字体的属性、颜色和背景属性、边框属性、文本属性、列表属性以及网页元素属性等进行精确的定位，大大提高了网页设计中的格式化功能。CSS网络表针对网页设计还有另一个优点，可以利用同一个样式表对整个站所具有相同性质的网页元素进行格式修饰，当需要更改样式设置时，只要在样式表中进行修饰即可，不用针对每一个网页进行修饰，简化了对网页格式化的工作，提高了工作效率。
1.3 CSS样式应用
CSS样式在网页设计中应用广泛，并且对网页设计起着良好的效果。CSS样式的作用包括以下几种：（1）CSS可以从最基本的建设到全面替代web的方法，通过CSS技术将替代HTML表格和font标签、frames以及更多的元素。（2）采用CSS方法对网页进行设计，还可以提高网页的浏览速度，比传统的web设计方法占用的内存小得多。（3）缩短了改版时间。CSS能够统一管理多个页面，只要对CSS文件进行简单的修改，就可以同时改变多个网页。（4）字体控制和排版能力强。CSS对字体的控制能力要比font的标签控制强，采用CSS技术后不需要对font标签机GIF图片进行逐一控制了，可以轻松解决。（5）编写简单。编写CSS非常轻松，和写html代码一样容易。（6）可以只设计一次，随意，通过CSS设计完网页以后，不仅存于浏览器中，还可以将你的设计方案发动其他设备上，比如到PowerPoint中。
2 CSS的链接
2.1 CSS的链接简介
在CSS链接中，通常会对某些特定效果进行指定特殊链接，常见的四种定义链接样式如下：
：link
：visited
：hover
：active
通过以上的样式进行定义链接，超链接中锚标签是定义链接中必不可少的，把锚标签和定义链接样式的特定链接进行组合，分别为：
a：link—正常链接样式；
a：visited—已浏览过链接样式；
a：hover—鼠标指在连接上的样式；
a：active—点击链接时的样式。
CSS链接的指定同时还有顺序的要求，任何事都是有规律进行的，链接的定义也要有固定的形式，如果在程序书写时链接顺序错了，也会导致链接失效等现象。所以在定义好链接后，一定要严格按照链接样式的定义顺序进行书写，遵循link-visited-hover-active顺序进行书写。
2.2 建立CSS链接样式
单机“CSS样式”面板中的“新建规则”，选择器类型为“高级”，“选择器”下拉列表中选中a：link以及其他几种链接样式，进行分别定义。
2.3 调用CSS样式文件
如果想要把刚刚建立的CSS样式文件调用到别的网页中，操作方法是：首先同样单机“CSS样式”面板，进入“附加样式表”，对弹出的“连接外部样式表”进行设置，在“文件/URL”文本框中输入建立的CSS文件路径和文件名称，添加为链接选项，进行建立。
3 CSS的工作方式
通过以下三种方式，对网页进行CSS样式表设计
3.1 外部CSS样式表的键入。首先建立外部CSS样式表，使用HTML的link对象，表示方式如下：
文档标题
3.2 内部CSS样式表的键入。首先将…模块插入到HTML中的和之间。表现形式如下：
=“text/css“>
#Top{background：#00FF00；font：10pt“Arial“}
Body，td，input{font：15pt“Arial“；font-weight：bold；color：maroon}
Style1{font：13pt“Arial“；font-weight：bold；color：blue}
Style2{font：10pt“Arial“；color：black}
- ->
3.3 内嵌式工作方式。针对表计对象中使用对象style定义适合的表格属性。例如：=”font：10pt”Aral”；color：biack”>文字
。
4 CSS语法
通常CSS的语法有三部分组成：标识符、属性以及属性值。“标识符”可以表计HTML，例如：p、bady等。“属性”指的是要被修改的元素，例如：color。“属性值”指的是赋予属性的具体值。例如：上面的属性color，赋予它的值可以为red，#FFFFFF。
5 CSS在应用中常见的问题与解答
了解CSS的功能，可以给网页设计带来巨大的好处，但是在具体的设计中，往往会遇到一些问题，下面对这些经常出现的问题进行归纳总结，并进行解析。
5.1 在网页制作中有三种方式，在什么时候采取哪种方法比较合适？
对于这个问题常常会导致设计者在网页设计中不敢采用或者错用等情况，当采用同一个CSS设计方案设计多个网页的时候，通常采用外部CSS样式文件，降低了网页的代码，修改起来也比较方便；当采用CSS设计单个网页的时候，通常采用内部样式，；只有在网页的某一点使用CSS设计时，一般采用内嵌式进行直接插入。
5.2 CSS在网页制作中的三种方式可以搭配使用吗？
CSS具有独立性，在网页中可以自由搭配，而不会造成网页混乱。CSS在执行时遵循着优先级的顺序，从高到低执行，先从内嵌式开始运行，然后是内部样式，最后运行外部样式。在显示页面的处理方式是：优先检测是否有CSS插入，并优先执行，在通过内部样式的CSS，并进行直接；都运行完以后或者都检测没有，最后检测外部样式的CSS，检测到最后执行。因此CSS的执行也具有很好的条理性。
5.3 利用a：link a：visited a：hover a：active 设置了链接方式，如何将它仅应用在需要的地方，而不是应用在整个网页的设计中？
可以把链接样式进行分类。例如：
.al a：link，.al a：visited{color：#000000；}
.al a：hover，.al a：actice{color：#00FFFF；}
6 总结
通过对CSS技术的分析，了解其应用，更明确了CSS在网页设计中的应用。在网页设计中采用CSS，能够有效地提高设计质量，简化设计程序，提高了网页制作中对多个网页的统一制作，更好的实现文本颜色和文本图片的设计，同时也提高了网页的浏览量，使网页更具鲜活的生命力，使网页设计不在古板，具有更好的灵活性，能够充分发挥设计者的创造力，在网页设计上充分体现出CSS技术的高超，对当今的科技发展具有重大的意义。
参考文献：
[1]艾灵仙.用ASP技术自建英语考试网站实现智能组卷、评分[J].长沙通信职业技术学院学报，2005（03）.
[2]张俊兰，刘翼，铁宏军.基于CSS技术的网页设计应用研究[J].延安大学学报（自然科学版），2010（03）.
[3]朱珊虹，石庆民.基于DIV+CSS的个人博客网页设计应用研究[J].计算机与信息技术，2011（04）.
[4]吴凡，钟宝江.基于CSS图拱拟合描述算法的形状检索技术[C].第十五届全国图象图形学学术会议论文集，2010.
网页设计总结范文5
1.以就业为导向的网页设计与制作课堂的教学
1.1网页设计与制作课程的内容与特点
网页版面的规划设计与制作方法是网页设计与制作主要设计的内容，在计算机应用中网页设计与制作只是其中的一个分支。学生可以通过学习网页设计与制作学会基本技能，用来进行网页美化、网页设计与网页制作。网页设计与制作作为一门课程有一定的技术性，同时它所具有的艺术性也很强，学生会因为课程丰富的内容和涉及到多方面的知识而获取生存技能，同时学生的艺术气息也会受到培养。因此学生自身要有较高的综合素质才能学习这门课程。
1.2以就业为导向的课程体系设置目标
就业是目前网页设计课程的设计导向。市场需求是这种体系的前提，课程设置以就业为先决条件，职业中所需要的技能在课程设置中都能找到相对应的内容，学生有明确的就业方向在毕业之后。课程设置决定于岗位需求，课程内容紧密联系实际需要，在就业趋势上充分体现了“能力本位”。网页设计为与市场相连接应该构建一套课程体系，课堂体系的本位应该是培养能力、主线是进行实践操作并且能够顺应经济社会的发展。这套课程体系归纳总结了网页设计师在实际中的应用，不同的模块在教学中被设立用来进行学生的训练，对于教学中的知识点学生可以通过模拟训练来熟练掌握。
2.大学文科专业开展网页设计与制作课程的必要性
当今社会已经普遍应用了计算机和互联网，各企业和单位也越来越重视自身网站的建设，因此基本的网站制作技能是每个专业的学生都应该具备的。互联网背后运作被网页设计展现在大学生面前，对于这些文科生中的很多人都是闻所未闻的。因此，文科生会或多或少的存在一些困难在网页制作的学习中。文科生与理科生相比有比较活跃的思维，对文字更善于表达。如果对于计算机技能文科生能够快速的掌握，结合自己的知识背景和现代计算机来满足市场上的各种职业要求，那么他们的就业优势在同一竞争环境中就会比较突出。所以开展网页设计与制作课程十分必要。
3.以就业为导向的大学文科网页设计与制作课程体系构建策略
3.1优化课程内容设计，引入新的教学方法
在文科占较大比重的综合性大学中，学生因专业的不同需要掌握不同的计算机技术。因此，高校应该根据不同的张扬对计算机课程进行不同的设置。理论与实践紧密相连是网页设计与制作课堂的基本特征，没有清晰的划分界限在理论与实践之间。本文提出了一些建议与意见在教学方法上用来实现教学效果的最优化。
3.1.1模拟任务法，课堂教学结合实际操作。
教师在教学活动中可以把课堂假设成工作环境，模拟演练制作任务，一边把如何操作演示给学生，一边向学生进行讲解，学生则可以边听边做。学生在这样的讲练过程中很容易被激发出兴趣，这种以学生为主的课堂可以提高学生发现问题、分析问题和解决问题的能力。
3.1.2实际案例分析法。
教师在课堂中引入典型的分类网站，为学生在课堂上做展示，对这些网站的内容分类、布局结构及技术特点进行分析讨论。通过实际案例对教材中的知识点进行解释说明，使学生的创新思维在实践教学中得到培养，团队合作能力得到锻炼。
4.项目驱动的专题教学模式创新
4.1对教学项目进行合适的选择，开发进度表的制定要细化。
优秀的教学项目对学生的积极性能起到充分的调动作用，学生会由“要我学”的学习态度逐渐转变为“我要学”。对于教学内容与实际案例的结合教师在备课时应该进行充分的考虑，选择的网络项目应该略具挑战性、有较广的覆盖范围。
4.2为了促进网页设计课程的创新引入专题教学模式。
网页设计总结范文6
关键词：网页设计与制作；教学内容；教学方法
中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：
1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；
2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；
3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；
4)使学生能够用Flash进行网页动画的简单设计；
5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1 HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2 DIV+CSS网页设计
DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3 Photoshop图像处理
重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5 JavaScript程序设计
JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法
根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法
在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1 HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
2.1.2 DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
2.1.3 Photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4 Flas制作
实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5 JavaScript程序设计
实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：
1）举办讲座：资深开发人员的经验报告，网页知识讲座；
2）举办竞赛：我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。
参考文献：
[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.
