{$Wap} | 平台首页 | 信息必修 | 课程基地 | 通用必修1 | 通用必修2 | 网络 | 多媒体 | 程序 |档案袋 |必修复习 | 网络复习| |编程讨论| |理论测试 |
您现在的位置: 省句中信息技术教学平台 >> 信息必修 >> 第五章 >> 教学安排 >> 正文
2011网页制作七(样式表)         ★★★ 【字体:
2011网页制作七(样式表)
作者:w    文章来源:本站原创    点击数:    更新时间:2011-4-6    

一、素材下载

百年恩来网站成品(加样式)

百年恩来网站(未加样式)

1、概念:CSSCascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。


2
、教师演示
任务:欣赏的同时,请大家思考,样式表是如何起作用的,不同插入方式影响的范围如何?

°         通过外联样式表的改变,来改变整个站点格式,完成快速“换肤”,然后分析外链如何实现的。

°         演示内链样式表的插入及其影响范围

°         演示嵌入样式。

 

3、功能总结:在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

°         它的作用可以达到:

1)在几乎所有的浏览器上都可以使用。

2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

4)可以轻松地控制页面的布局

5)可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。


°         样式的插入方式与控制范围

插入方式

插入位置

控制范围

应用代码

优点

外联式样式表

<head>

所有链接样式表文件的网页(全站)

<link >

可以复用、便于修改、提高网页显示的速度

内联式样式表

<head>

本页面

<style>

实现单个页面的个性

嵌入样式表