第1章 HTML和CSS网页制作概述 1

1.1 网页概述 . 1

1.1.1 网页的构成 . 1

1.1.2 网页相关名词 3

1.1.3 Web标准 .. 4

1.2 网页制作技术 6

1.2.1 HTML简介 . 6

1.2.2 CSS简介 7

1.3 网页展示ping台 8

1.4 网页代码编辑工具 .11

1.4.1 Dreamweaver操作界面 11

1.4.2 Dreamweaver初始化设置 .. 16

1.4.3 创建第#一个网页 18

小结 20

第2章 HTML入门 .. 21

2.1 HTML概述 ..21

2.1.1 HTML文档格式. 21

2.1.2 HTML标签 .. 22

2.2 HTML文本控制标签 .26

2.2.1 页面格式化标签 26

2.2.2 文本样式标签 . 32

2.2.3 文本格式化标签 33

2.2.4 特殊字符 34

2.3 HTML图像应用 35

2.3.1 常用图像格式 . 35

2.3.2 图像标签 . 36

2.3.3 绝#对路径和相对路径.. 39

2.4 阶段案例——制作图文混排

页面 40

2.4.1 分析效果图 .. 40

2.4.2 制作页面结构 . 40

2.4.3 控制图像 41

2.4.4 控制文本 42

小结. 43

第3章 CSS入门.. 44

3.1 CSS核心基础 44

3.1.1 CSS样式规则 .. 44

3.1.2 CSS样式引入 .. 46

3.1.3 CSS基础选择器 . 52

3.2 CSS文本样式属性 . 55

3.2.1 CSS字体样式属性 55

3.2.2 CSS文本外观属性 .. 59

3.3 CSS高#级特性 68

3.3.1 CSS复合选择器 . 68

3.3.2 CSS层叠性和继承性 .. 71

3.3.3 CSS优先级 73

3.4 阶段案例—制作新闻页面 .. 76

3.4.1 分析效果图 .. 76

3.4.2 制作页面结构 . 77

3.4.3 定义CSS样式 .. 78

小结. 79

第4章 盒子模型.. 80

4.1 认识盒子模型 .. 80

4.2 盒子模型的相关属性 . 82

4.2.1 边框属性 82

4.2.2 内边距属性 .. 89

4.2.3 外边距属性 .. 91

4.2.4 背景属性 92

4.2.5 盒子的宽与高 . 98

4.3 CSS3新增盒子模型属性 .. 99

4.3.1 颜色透明度 .. 99

4.3.2 圆角 100

4.3.3 图片边框..103

4.3.4 阴影 106

4.3.5 渐变 108

4.3.6 多背景图像 .114

4.3.7 修剪背景图像 115

4.4 元素的类型和转换 116

4.4.1 元素的类型 .116

4.4.2 div和span ..118

4.4.3 元素类型的转换 . 121

4.5 块元素垂直外边距的合并123

4.5.1 相邻块元素垂直外边距的

合并 123

4.5.2 嵌套块元素垂直外边距的

合并 125

4.6 阶段案例——制作音乐

排行榜 ..127

4.6.1 分析效果图 127

4.6.2 制作页面结构 .. 128

4.6.3 定义CSS样式 129

小结 130

第5章 列表和超链接 .. 131

5.1 列表标签 ..131

5.1.1 无序列表 . 131

5.1.2 有序列表 . 133

5.1.3 定义列表 . 134

5.1.4 列表的嵌套应用 . 136

5.2 CSS控制列表样式 ..137

5.2.1 list-style-type属性 . 137

5.2.2 list-style-image属性.. 139

5.2.3 list-style-position属性 . 140

5.2.4 list-style属性 . 141

5.3 超链接标签 . 143

5.3.1 创建超链接 144

5.3.2 锚点链接 . 146

5.4 链接伪类控制超链接. 148

5.5 阶段案例—制作新闻列表 .. 150

5.5.1 分析效果图 150

5.5.2 制作页面结构 .. 151

5.5.3 定义CSS样式 152

5.6 小结 154

第6章 表格和表单155

第7章 网页布局213

第8章 视频和音频252

第9章 过渡、变形和动画268

第10章 网页制作应用技巧296

第11章 实战开发-电商网站首页312