《《静态网页制作》教学体会.doc》由会员分享，可在线阅读，更多相关《《静态网页制作》教学体会.doc（6页珍藏版）》请在三一文库上搜索。
1、静态网页制作教学体会 网站色彩，直接刺激浏览者感官，浏览者是否能够留恋，还要看页面外观是否美观，页面内容排列是否整齐、清晰，网站链接是否方便等。这些相关的知识点是制作一个成功网站的基础，而网站的制作则是培养学生专业水平的关键性实践活动。 色彩结构网站 大家知道，量变可以引起质变。学生的学习也是一个这样的过程，教师将知识点教给学生，使学生的知识体系有一个量的积累，最后，使学生达到质的飞跃。量的积累是质的飞跃的保障也是基础，所以，在教学过程中我非常注重学生知识点的掌握情况，最后以课业形式检验学生质的提高，所有这些都将直接关系到学生将来的就业。 本学期所任班级是网页、动画和指法课，班级的学习氛围不是
2、很浓，甚至有十来名学生就是来混的，上课的难度可想而知，好在多数学生还是愿意学习专业课的。现就网页制作课谈一点我个人的教学体会。 一、色彩的魅力永远是设计者的追求 色彩的魅力是无限的，它可以让本身很平淡无味的东西，瞬间就能变得漂亮、美丽起来。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。 色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用
3、一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。 有关色彩方面的知识，07网络3班没有学过，但是他们这学期同时开设的Photoshop课非常及时，我把相关的案例尽可能做漂亮一点，达到吸引学生的目的，并且挑选合适的例子，把重点放在观察、分析、借鉴一些色彩搭配较好的网站上，给学生演示了若干不同的网站，观察它们的主题色与配色。主要从以下两个方面去考虑： 1、一个网站不可能单一的运用一种颜色，让人感觉单调、乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉
4、轻浮，花俏。一个网站必须有一种或两种主题色，才不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 2、一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑体现什么样的效果。 二、结构清晰的外观体现专业水准 一个网页的外观是否整齐、美观，浏览者第一眼就能看得出，如果说网页的色彩是树立网站形象的关键，那么，表格是网页制作的另一要点，因为通常的网页都是依靠表格来进行版面布局和各元素组织的，它直接决定了网页是否美观，内容组织是否清晰。表格无疑是网页制作中很重要的一个对象，但很多学生常常忽视对表格的学习，而把目光投向层、图片、
5、特效等等，其实合理的利用表格可以方便的美化页面。常常听到有学生抱怨表格作出的页面单调、粗糙、缺乏变化，也常常听到学生问如何作出1个像素的表格边框。其实在Dreamweaver中可以非常方便的细化表格，从而使网页更加美观精细。这一项内容将来直接影响到所服务客户是否对网页外观满意，所以要化大量的时间和精力去探讨。 下面分三个方面介绍如何在Dreamweaver中细化表格。 1、利用属性面板。首先学生应明确两个表格属性面板上的参数：“填充”和“间距”。“填充”是指每个单元格与其内容之间的间隔距离；“间距”是指表格中两个单元格之间的距离。通过改变这两个参数，并配合背景色彩的变化，可以方便的做出1像素的
6、表格边框。具体作法是：定义表格的边框为0，填充为5（使单元格中的内容与单元格边缘之间保持5个像素）；间距为1（使得单元格之间保持1个项素的间距）。然后将表格的背景色和单元格的背景色设置成不一样即可。 2、修改代码。在HTML代码中将的改为：或 3、使用CSS样式。自定义一种样式，在“类型”中选择“边框”，将“上、下、左、右”都设为1像素，然后给目标表格套用就行了。 三、网站制作是知识体系的提升 平时教学中采用案例教学法，将相关知识点融入其中，学生在完成案例过程中就能够掌握，将所有这些知识点汇合成一个成品网站，就能检验学生掌握情况，所以这门课最后以课业形式结束，最为合适。 多数专业网站制作的简易
7、流程是：策划与草图设计与制作编辑与模板动画与广告链接与上传。这对于网站建设者来说可以说是一个公式，而且非常专业，从这个角度去培养学生，不仅可以使学生对网站建设有一个总体的认识，而且，还可以提高学生的综合能力。 策划过程是最能体现人的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考、会创造，而且唯有这点是难能可贵的！但是多数学生对此不屑一顾，经常是打开Dreamweaver就开始作主页面。所以要让学生养成一个良好的制作习惯：从策划开始。必须要在动手制作界面前就要完成一个网站最最关键的策划部分，它将直接影响这个网站的成败与否。一个优秀的网站，不仅做得漂亮，而且要方便浏览，可读性强，简洁明
8、快！网站的结构草图要体现出网站的风格、色彩、版式、布局、栏目甚至每个细小的图标都要经过精雕细琢，深思熟虑。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等，只有投其所好才能最大化地产生共鸣；另一方面取决于公司的类型和企业法人的喜好，如果不是要强加入自己意志的话，那么上述几点已经制定了网站大致的努力方向了！所以我特意把设计课放在了课堂上，而不是在机房里。这一节课的效果，学生制作时能够明显表现出来。 网页的制作过程中，首页明确要求学生使用本学期所学的Photoshop软件去设计和制作，然后补充知识点，比如页面的切割和通过Dreamweaver去编辑修改，二者能够密切结合，在切割和编辑过程中，会发现好多问题，这些问题在前面补充案例时，提前讲授，在实践中会得以复习、巩固、提高。 以上谈及的几点，不是教学的全部。在教学实践中，采用多种教学形式调动学生的积极性，吸引学生注意力，激发学生学习兴趣，从而收到良好的教学效果。所有这些都将辅助提高学生的专业水平，从而为就业服务。最后总结一句话就是“一切为了学生”。