《静态网页制作》教学体会

网站色彩,直接刺激浏览者感官,浏览者是否能够留恋,还要看页面外观是否美观,页面内容排列是否整齐、清晰,网站链接是否方便等.这些相关的知识点是制作一个成功网站的基础,而网站的制作则是培养学生专业水平的关键性实践活动.

色彩结构网站

大家知道,量变可以引起质变.学生的学习也是一个这样的过程,教师将知识点教给学生,使学生的知识体系有一个量的积累,最后,使学生达到质的飞跃.量的积累是质的飞跃的保障也是基础,所以,在教学过程中我非常注重学生知识点的掌握情况,最后以课业形式检验学生质的提高,所有这些都将直接关系到学生将来的就业.

本学期所任班级是网页、动画和指法课,班级的学习氛围不是很浓,甚至有十来名学生就是来混的,上课的难度可想而知,好在多数学生还是愿意学习专业课的.现就网页制作课谈一点我个人的教学体会.

一、色彩的魅力永远是设计者的追求

色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来.信息时代的快速到来,网络也开始变的多姿多彩.人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适.所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术.其中色彩在网站设计中占据相当重要的地位.

色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分.比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题.色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等.比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼.这就是一种均衡的色彩搭配.

有关色彩方面的知识,07网络3班没有学过,但是他们这学期同时开设的Photoshop课非常及时,我把相关的案例尽可能做漂亮一点,达到吸引学生的目的,并且挑选合适的例子,把重点放在观察、分析、借鉴一些色彩搭配较好的网站上,给学生演示了若干不同的网站,观察它们的主题色与配色.主要从以下两个方面去考虑：

1、一个网站不可能单一的运用一种颜色,让人感觉单调、乏味；但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏.一个网站必须有一种或两种主题色,才不至于单调、乏味.所以确定网站的主题色也是设计者必须考虑的问题之一.

2、一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重.当主题色确定好以后,考虑其它配色时,一定要考虑体现什么样的效果.

二、结构清晰的外观体现专业水准

一个网页的外观是否整齐、美观,浏览者第一眼就能看得出,如果说网页的色彩是树立网站形象的关键,那么,表格是网页制作的另一要点,因为通常的网页都是依靠表格来进行版面布局和各元素组织的,它直接决定了网页是否美观,内容组织是否清晰.表格无疑是网页制作中很重要的一个对象,但很多学生常常忽视对表格的学习,而把目光投向层、图片、特效等等,其实合理的利用表格可以方便的美化页面.常常听到有学生抱怨表格作出的页面单调、粗糙、缺乏变化,也常常听到学生问如何作出1个像素的表格边框.其实在Dreamweer中可以非常方便的细化表格,从而使网页更加美观精细.这一项内容将来直接影响到所怎么写作客户是否对网页外观满意,所以要化大量的时间和精力去探讨.

下面分三个方面介绍如何在Dreamweer中细化表格.

1、利用属性面板.首先学生应明确两个表格属性面板上的参数：“填充”和“间距”.“填充”是指每个单元格与其内容之间的间隔距离；“间距”是指表格中两个单元格之间的距离.通过改变这两个参数,并配合背景色彩的变化,可以方便的做出1像素的表格边框.具体作法是：定义表格的边框为0,填充为5（使单元格中的内容与单元格边缘之间保持5个像素）；间距为1（使得单元格之间保持1个项素的间距）.然后将表格的背景色和单元格的背景色设置成不一样即可.

2.修改代码.在HTML代码中将的改为：或

3、使用CSS样式.自定义一种样式,在“类型”中选择“边框”,将“上、下、左、右”都设为1像素,然后给目标表格套用就行了.

三、网站制作是知识体系的提升

平时教学中采用案例教学法,将相关知识点融入其中,学生在完成案例过程中就能够掌握,将所有这些知识点汇合成一个成品――网站,就能检验学生掌握情况,所以这门课最后以课业形式结束,最为合适.

多数专业网站制作的简易流程是：策划与草图――设计与制作――编辑与模板――动画与广告――链接与上传.这对于网站建设者来说可以说是一个公式,而且非常专业,从这个角度去培养学生,不仅可以使学生对网站建设有一个总体的认识,而且,还可以提高学生的综合能力.

策划过程是最能体现人的才华和创造力的地方.人最大的区别于其它动物的地方就是会思考、会创造,而且唯有这点是难能可贵的!但是多数学生对此不屑一顾,经常是打开Dreamweer就开始作主页面.所以要让学生养成一个良好的制作习惯：从策划开始.必须要在动手制作界面前就要完成一个网站最最关键的策划部分,它将直接影响这个网站的成败与否.一个优秀的网站,不仅做得漂亮,而且要方便浏览,可读性强,简洁明快!网站的结构草图要体现出网站的风格、色彩、版式、布局、栏目甚至每个细小的图标都要经过精雕细琢,深思熟虑.而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等,只有投其所好才能最大化地产生共鸣；另一方面取决于公司的类型和企业法人的喜好,如果不是要强加入自己意志的话,那么上述几点已经制定了网站大致的努力方向了!所以我特意把设计课放在了课堂上,而不是在机房里.这一节课的效果,学生制作时能够明显表现出来.

网页的制作过程中,首页明确要求学生使用本学期所学的Photoshop软件去设计和制作,然后补充知识点,比如页面的切割和通过Dreamweer去编辑修改,二者能够密切结合,在切割和编辑过程中,会发现好多问题,这些问题在前面补充案例时,提前讲授,在实践中会得以复习、巩固、提高.

以上谈及的几点,不是教学的全部.在教学实践中,采用多种教学形式调动学生的积极性,吸引学生注意力,激发学生学习兴趣,从而收到良好的教学效果.所有这些都将辅助提高学生的专业水平,从而为就业怎么写作.最后总结一句话就是“一切为了学生”.