《网页设计与制作》第6章.pdfVIP

《网页设计与制作》

主讲人：XXX

邮箱：XXXXXXXXXXX

电话：XXXXXXXXXXXX

每讲一语

Keytogainhappinessistocherishwhatyounow

havetogiveupwhatyouhavenot.

获致幸福的不二法门就是珍惜你现在所拥有的，放弃你所没有的

引导

书本内容

解读

第6章认识CSS

一、CSS基本概述

（重点）

学习目标二、CSS核心技术

三、CSS高级特性

6.1CSS基本概述

6.1.1CSS基本概念

1.Web相关内容

即就是扩大用户群，用户群可以利

用不同的浏览器和设备终端登录到

我们的网站平台上。

6.1.1CSS基本概念

2.Web标准的构成

Web标准的构成

结构（structure）表现（Presentation）行为（Behavior）

xhtmlCSSJavascript

制作一个静态网页，主要应用xhtml+css交互作用

6.1.1CSS基本概念

3.采用Web标准的好处

1、提高页面浏览速度。使用5、内容能被更广泛的设备

CSS方法，比传统的web设计3、降低网站流量的费用。所访问。包括屏幕阅读机、

方法至少节约50%以上的文宽带要求降低（代码更手持设备、搜索机器人、

件尺寸。简洁），成本降低。打印机、电冰箱等

2、缩短改版时间。将表现（样

4、更容易被搜索引擎搜索到。

式/外观）与内容（信息/数据）相

分离。只要简单的修改几个CSS文提高网站在百度或者Google中

的排名。

件就可以重新设计一个有成千上

万的站点。

6.1.1CSS基本概念

4.理解结构与表现的分离

1、内容：制作者放在页面内真正想要访问者浏览到的信息

2、结构：使内容更加具有逻辑性和易用性，如一级标题和二级标

题，正文，列表等，称为结构（html）

3、表现：用于修饰内容的外观的样式的东西称为表现(css)

4、行为：对内容的交互及操作效果，如通过JavaScript判断表单提

交等(javascript)

（案例操作）

6.1.2CSS基本语法

一、概念：层叠样式表的简称，是设计网页式样的工具。其代码

是由一些最基本的语句构成。CSS可以作为html，xthml以及xml