CSS+DIV网页布局技术教程

第1章 HTML和XHTML基础 1.1 HTML基本用法 1.1.1 HTML文档基本结构 1.1.2 常用的HTML标签 1.2 升级到XHTML 1.2.1 为什么要升级 1.2.2 XHTML与HTML比较 1.2.3 如何转换现有的文档为XHTML 习题1 上机实验1第2章　CSS基础 2.1 CSS基本概念 2.1.1 CSS的基本概念 2.1.2 CSS的特点 2.2 CSS选择器 2.2.1 CSS样式规则的定义 2.2.2 标记选择器 2.2.3 CSS选择器分组 2.2.4 派生选择器 2.2.5 id选择器 2.2.6 类选择器 2.2.7 伪类选择器 2.3 CSS的引用 2.3.1 内部样式表 2.3.2 外部样式表 2.3.3 内联样式表 2.3.4 输入样式表 2.3.5 多重样式 2.4 CSS的继承 2.4.1 CSS的继承关系 2.4.2 CSS继承的应用 习题2 上机实验2第3章 用CSS设置文字与背景 3.1 CSS文字与段落样式 3.1.1 CSS文字样式 3.1.2 CSS段落文字 3.1.3 CSS列表 3.2 CSS颜色与背景样式 3.2.1 设置颜色 3.2.2 设置背景图像 3.2.3 背景图像的重复方式 3.2.4 固定背景图像 3.2.5 背景图片位置 3.2.6 背景样式的缩写 3.3 综合实例 3.3.1 文字的综合应用 3.3.2 背景的综合应用 习题3 上机实验3第4章　CSS滤镜的应用 4.1 滤镜概述 4.2 视觉滤镜 4.2.1 alpha属性 4.2.2 blur属性 4.2.3 Chroma属性 4.2.4 DropShadow属性 4.2.5 FlipH、FlipV属性 4.2.6 Glow属性 4.2.7 Gray属性 4.2.8 Invert属性 4.2.9 Mask属性 4.2.10 Shadow属性 4.2.11 Wave属性 4.2.12 Xray属性 4.3 转换滤镜 4.3.1 融合转换滤镜 4.3.2 揭示转换滤镜 4.3.3 网页特效转换 习题4 上机实验4第5章 CSS框模型与定位 5.1 CSS框模型 5.1.1 CSS框模型的概述 5.1.2 CSS内边距 5.1.3 CSS边框 5.1.4 CSS外边距 5.1.5 外边距合并 5.2 CSS定位和浮动 5.2.1 块级元素 5.2.2 CSS定位机制 5.2.3 相对定位 5.2.4 绝对定位 5.2.5 z-index空间位置 5.2.6 CSS浮动 5.3 CSS定位实例 习题5 上机实验5第6章 DIV+CSS布局基础 6.1 div标记与span标记 6.1.1 div标记与span标记概述 6.1.2 与标记的区别 6.2 CSS排版观念 6.2.1 将页面用div分块 6.2.2 设计各块的位置 6.2.3 用CSS定位 6.3 固定宽度且居中的版式 6.3.1 一列固定宽度居中 6.3.2 二列固定宽度居中 6.4 自适应宽度且居中的版式 6.4.1 一列自适应宽度且居中 6.4.2 二列宽度自适应 6.4.3 左列固定，右列宽度自适应 6.4.4 三列浮动中间列宽度自适应 6.5 一个常用的DIV+CSS网站布局的基本框架结构实例 6.5.1 搭建框架 6.5.2 添加CSS样式 6.6 排版实例：淘宝商城 6.6.1　搭建HTML框架 6.6.2　添加CSS样式 6.6.3　采用CSS+DIV布局优势 习题6 上机实验6第7章 CSS与JavaScript的综合应用 7.1 JavaScript概述 7.1.1 JavaScript简介 7.1.2 JavaScript的特点 7.1.3 在网页中使用JavaScript 7.2 JavaScript语法基础 7.2.1 JavaScript的数据类型 7.2.2 常量、变量与表达式 7.2.3 函数的定义 7.2.4 条件分支语句 7.2.5 循环控制语句 7.3 JavaScript内置对象 7.3.1 String对象 7.3.2 Math对象 7.3.3 Array对象 7.3.4 Date对象 7.4 浏览器对象 7.4.1 浏览器对象简介 7.4.2 window对象 7.5 JavaScript的事件处理 7.5.1 事件及响应方法 7.5.2 document的常用事件 7.6 实例一：图片的间歇滚动 7.7 实例二：用CSS制作的导航菜单 7.8 实例三：用CSS实现PPT幻灯片 习题7 上机实验7第8章 整合案例一：我的博客 8.1 分析架构 8.1.1 设计分析 8.1.2 排版架构 8.2 模块设计 8.2.1 导航与Banner 8.2.2 左侧列表 8.2.3 内容部分 8.2.4 footer脚注 8.3 整体调整 8.4 网页源码第9章 整合案例二：企业网站 9.1 分析架构 9.1.1 设计分析 9.1.2 排版架构 9.2 模块设计 9.2.1 导航与Banner 9.2.2 左侧部分 9.2.3 中间部分 9.2.4 右侧部分 9.2.5 footer脚注 9.3 整体调整 9.4 网页源码参考文献