下载文档原格式
________________________________网页制作项目实训教程 ______________________________________________________________广东省×××职业技术学校学科教案本Teaching Plan20 年———20 年学年度 学期The (1st/2na)Semester of the Academic Year from 20 to 20学校（School ）学科（Subject ） 年级（Grade ）教师（Teacher ）重庆大学出版社 制注意：①按住Ctrl 键后单击每个任务即可跳转到对应的教案 ②单击按钮可返回目录 ③页面设置参数为： 纸张：B5 页边距左：1.5 页边距右：1.5《网页制作项目实训教程》目录项目6 使用CSS 美化网页效果任务1活动1 使用行内样式美化网页 活动2 使用内嵌样式表美化网页 任务2活动1 认识文本相关CSS 属性 活动2 使用CSS 样式设置网页背景 任务3活动1 使用Div+CSS 布局网页活动2 使用Div+CSS 制作图片展示页 任务4活动1 认识背景相关CSS 属性 活动2 制作淘宝登录页面教学课题任务1 活动1 使用行内样式美化网页课题类型理论+实作课时安排2上课时间教学目标1.了解CSS样式的分类2.掌握CSS样式规则设置教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入1.框架网页的创建与保存。
2.框架网页的链接。
教学手段教学过程师生互动活动设计课件讨论实作一、教师布置活动要求对网页文件“task6-1.html”的主标题进行CSS样式的设置及应用，文件另存为task6-1-1.html，效果如下图所示。
二、师生讨论学习新知识1、CSS的设置布置任务：让学生明确本次课的内容讨论：如何实现该案例效果启动Dreamweaver CS6，按【Shift+F11】组合键或【窗口】菜单的【CSS样式】可打“CSS样式”面板设置CSS样式表。
实验四使用CSS布局与美化网页一、实验任务：1、请回答什么是CSS？使用CSS有何优点？css全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。
在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
优点：1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;2.结构清晰，容易被搜索引擎搜索到3.缩短改版时间。
只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。
CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF 图片来控制标题，改变字体颜色，字体样式等等。
5.CSS非常容易编写。
你可以象写html代码一样轻松地编写CSS。
6.提高易用性。
使用CSS可以结构化HTML。
7.可以一次设计，随处发布。
8.更好的控制页面布局。
9.表现和内容相分离。
将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11.Table 布局灵活性不大，你只能遵循 table tr td 的格式。
而div 你可以 div ul li 也可以 ol li 还可以ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。
当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
13.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。
