css设置6,项目6CSS设置.doc

一、教学建议

该项目主要介绍CSS在网页制作中的应用，CSS是为弥补传统HTML功能的不足而开发的一种新的网页格式标准，它可以再网页中精确地设置文字的大小、间距、行距、图层的绝对定位和相对定位，它还是实现了网页内容与样式的分离，可跨网页、跨网站使用，便于网站的维护。所以，学好CSS的应用，制作网页也会更加得心应手。

该项目理论知识详尽，要求结合上机实践操作，巩固学生的理论知识，提高学生的学习兴趣，并以“项目总结”的形式通过“发现问题——解决问题——总结问题”的方式加深学生的印象，增强学习效果。

为了提高学生的应试能力，尤其是一些考级需要，建议教师在教学的过程中有意识地穿插该项目后面“自我评测”的操作题与该教材配套光盘中配套的实例题，让学生在实际操作的过程中解决一些问题，达到理论实践一体化的效果，以便学生更好更牢固的掌握知识点，学以致用。

二、教学简案

项目6 使用CSS控制页面元素

课题

任务1 使用CSS设置页面、文本、段落的格式

参考资料

教材、教师手册

教学配套

光盘素材

教学方法

教师讲解、学生讨论，上机实践操作

授课节数

2课时

教学目标

1理解CSS样式表的含义、分类

相关知识

1.CSS

2.CSS样式面板

3.CSS的创建及分类

4.CSS规则的设置

5.CSS使用原则

学习重点

1.了解CSS的定义、CSS样式面板的属性以及CSS规则属性

2.能运用CSS样式表对网页的页边距、文字段落格式进行控制

实施建议

1.从分析“任务分析”中两个网页截图的区别引入课题，讲述CSS在网页设计中的重要功能

2.结合该任务后面的“任务拓展”，掌握CSS设置页面、文本、段落的格式的方法

课后评价

CSS操作简单，功能丰富，但要运用自如，还需要学生多多练习，积累经验

课题

任务2 使用CSS设置表格元素外观

参考资料

教材

教学配套

光盘素材

教学方法

教师讲解、学生讨论，上机实践操作

授课节数

1课时

教学目标

1.掌握利用CSS设置表格元素的方法

相关知识

1.外部样式表

2.通过重新定义标签的背景属性，设置网页的整体背景效果

学习重点

1.通过对类、标签的设置来设置表格元素的外观

2.了解外部CSS样式表跨网页、跨网站应用的方法

实施建议

1.通过上机实践操作，讲解CSS样式表在表格中的应用；也可以先讲解在上机操作

课后评价

CSS操作简单，功能丰富，但要运用自如，还需要学生多多练习，积累经验

课题

任务3 使用CSS设置表单项目的外观

参考资料

教材

教学配套

光盘素材

教学方法

教师讲解、学生讨论，上机实践操作

授课节数

1课时

教学目标

1.掌握利用CSS设置表格元素的方法

相关知识

1.表单

2.使用CSS设置表单项目外观

学习重点

1.初步了解表单的概念

2.使用CSS设置表单项目外观的方法

实施建议

1.在完成任务2的基础上完成该任务

2.对于表单的概念，教师视情况而定，可做一定的介绍。

课后评价

通过上述三个任务，要求学生初步掌握利用CSS设置文本、表格、表单的方法，为后面的两个任务做铺垫。

课题

任务4 使用CSS设置超链接任务

参考资料

教材

教学配套

光盘素材

教学方法

教师讲解、学生讨论，上机实践操作

授课节数

1课时

教学目标

1.了解网页中超链接的四中状态

2.掌握使用CSS设置超链接的方法

相关知识

1.利用CSS设置网页中超链接的四种状态

2.将网页中不同位置的超链接设置为不同的链接样式

学习重点

1.超链接在网页中应用广泛，且形式多样，利用CSS统一设置，可以使页面看起来清晰美观

2. 掌握使用CSS设置超链接的步骤

实施建议

1.在CSS规则对话框中，对超链接有四种状态，这四种状态所表示的顺序不能搞错

2.结合“任务拓展”，熟练掌握利用CSS设置超链接的方法

课后评价

通过该任务的学习，学生可以初步掌握利用CSS设置超链接的方法步骤

课题

任务5 使用CSS滤镜产生绚丽效果

参考资料

教材

教学配套

光盘素材

教学方法

教师讲解、学生讨论，上机实践操作

授课节数

2课时

教学目标

1.了解CSS滤镜

2.了解层的概念

3.掌握在网页设计中使用CSS滤镜和层的方法

相关知识

1.CSS滤镜

2.滤镜类型及其参数

3.层图层的概念及使用方法

学习重点

1.熟悉CSS滤镜各种类型及其参数，能在网页制作中熟练应用

2.了解层在网页设计中的作用及其使用方法

实施建议

1.CSS滤镜可以讲简单的文字、图像做出非常绚丽的效果。

2.图层在有的地区有的学校的网页设计课程中已经不做重点了，此处以“延伸阅读”的形式将图层的知识点引出，教师可以视教学规划而定，或简单介绍或再做延伸，在与该教材配套光盘中配套的实例题中有图层的案例。

课后评价

通过该项目的学习，学生认识了CSS，并且能自己动手利用CSS美化网页内容，应该鼓励学生多做练习，除了巩固CSS的知识点，也为后面学习CSS+DIV布局做好基础。

【组织教学】

检查学生出勤情况，做好学生考勤记录。

强调上课课堂纪律，活跃互动教学气氛。

【课题导入】

通过项目5的学习，大家都能自己独立制作出漂亮精美的网页了吧，在制作网页过程中，大家有没有发现，网页中某些内容的格式(如字体、颜色、背景、属性等)如果统一，页面就会显得美观整洁，可页面元素众多且较分散，一个个设置比较麻烦，而且很容易出纰漏。

CSS能在Dreamweaver网页设计中统一网页的设计风格，不仅功能强大，而且操作简单。

【技能训练】(上机实训：4课时)

一、项目任务

任务一：使用CSS设置页面、文本、段落的格式，并能修改CSS规则的属性

任务二：使用CSS设置表格元素外观

任务三：使用CSS设置表单项目的外观

任务四：使用CSS设置超链接任务

任务五：使用CSS滤镜产生绚丽效果，简单熟悉图层在网页设计中的运用

二、任务实训

1.学生根据该项目的任务要求进行上机操作，教师在机房巡回指导。

2.完成一个任务后，教师引导学生进行总结，然后进行下一个任务。

3.在完成该项目所有任务的基础上，教师结合教材“自我评测”的操作题及光盘中的实例题，布置课后上机题。

【布置作业】

1.教材项目6后面的自我测评。

展开阅读全文