网页设计与制作 HTML+CSSPDF电子书下载

第1章 HTML与CSS网页设计概述 1

1.1 Web基本概念 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简介 8

1.2.3 常见浏览器介绍 9

1.3 Dreamweaver工具的使用 10

1.3.1 Dreamweaver界面介绍 10

1.3.2 Dreamweaver初始化设置 15

1.3.3 创建第一个网页 17

本章小结 19

第2章 HTML入门 20

2.1 什么是HTML 20

2.1.1 HTML文档基本格式 20

2.1.2 HTML标记 21

2.1.3 标记的属性 25

2.1.4 HTML文档头部相关标记 27

2.2 HTML文本控制标记 30

2.2.1 标题和段落标记 30

2.2.2 文本样式标记 35

2.2.3 文本格式化标记 37

2.2.4 特殊字符标记 38

2.3 HTML图像标记 40

2.3.1 常用图像格式 40

2.3.2 图像标记 41

2.3.3 相对路径和绝对路径 45

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

2.4.1 分析效果图 48

2.4.2 制作页面结构 48

2.4.3 控制图像 49

2.4.4 控制文本 50

本章小结 52

第3章 CSS入门 53

3.1 CSS核心基础 53

3.1.1 CSS样式规则 53

3.1.2 引入CSS样式表 54

3.1.3 CSS基础选择器 59

3.2 CSS文本相关样式 62

3.2.1 CSS字体样式属性 62

3.2.2 CSS文本外观属性 67

3.3 CSS高级特性 73

3.3.1 CSS复合选择器 73

3.3.2 CSS层叠性和继承性 76

3.3.3 CSS优先级 78

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

3.4.1 分析效果图 82

3.4.2 制作页面结构 82

3.4.3 定义CSS样式 83

本章小结 85

第4章 盒子模型 86

4.1 认识盒子模型 86

4.2 盒子模型相关属性 88

4.2.1 边框属性 88

4.2.2 内边距属性 94

4.2.3 外边距属性 96

4.2.4 背景属性 98

4.2.5 盒子的宽与高 104

4.3 元素的类型与转换 105

4.3.1 元素的类型 105

4.3.2 ＜div＞与＜span＞标记 107

4.3.3 元素的转换 110

4.4 块元素垂直外边距的合并 112

4.4.1 相邻块元素垂直外边距的合并 112

4.4.2 嵌套块元素垂直外边距的合并 113

4.5 阶段案例——制作音乐盒 115

4.5.1 分析效果图 115

4.5.2 制作页面结构 117

4.5.3 定义CSS样式 118

本章小结 119

第5章 列表与超链接 120

5.1 列表标记 120

5.1.1 无序列表ul 120

5.1.2 有序列表ol 122

5.1.3 定义列表dl 123

5.1.4 列表的嵌套应用 126

5.2 CSS控制列表样式 127

5.2.1 list-style-type属性 127

5.2.2 list-style-image属性 129

5.2.3 list-style-position属性 130

5.2.4 list-style属性 131

5.3 超链接标记 133

5.3.1 创建超链接 133

5.3.2 锚点链接 135

5.4 链接伪类控制超链接 137

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

5.5.1 分析效果图 139

5.5.2 制作页面结构 140

5.5.3 定义CSS样式 141

本章小结 142

第6章 表格与表单 143

6.1 表格标记 143

6.1.1 创建表格 143

6.1.2 ＜table＞标记的属性 145

6.1.3 ＜tr＞标记的属性 149

6.1.4 ＜td＞标记的属性 151

6.1.5 ＜th＞标记及其属性 154

6.1.6 表格的结构 154

6.2 CSS控制表格样式 156

6.2.1 CSS控制表格边框 156

6.2.2 CSS控制单元格边距 159

6.2.3 CSS控制单元格的宽高 160

6.3 认识表单 161

6.4 创建表单 163

6.5 表单控件 164

6.5.1 input控件 164

6.5.2 textarea控件 168

6.5.3 select控件 169

6.6 CSS控制表单样式 174

6.7 阶段案例——制作注册界面 177

6.7.1 分析效果图 177

6.7.2 制作页面结构 178

6.7.3 定义CSS样式 181

本章小结 183

第7章 浮动与定位 184

7.1 元素的浮动 184

7.1.1 元素的浮动属性 184

7.1.2 清除浮动 188

7.2 overflow属性 194

7.3 元素的定位 196

7.3.1 元素的定位属性 196

7.3.2 静态定位 196

7.3.3 相对定位relative 197

7.3.4 绝对定位 198

7.3.5 固定定位 201

7.3.6 z-index层叠等级属性 201

7.4 阶段案例——制作banner 201

7.4.1 分析效果图 202

7.4.2 制作页面结构 202

7.4.3 定义CSS样式 204

本章小结 208

第8章 CSS高级技巧 209

8.1 CSS精灵技术 209

8.1.1 需求分析 209

8.1.2 工作原理 210

8.1.3 案例实战——精品课程 213

8.2 CSS滑动门技术 217

8.2.1 需求分析 217

8.2.2 工作原理 217

8.2.3 案例实战——梯形网站导航 217

8.3 margin负值的应用 220

8.3.1 对同级元素应用负margin 221

8.3.2 对子元素应用负margin 222

8.3.3 案例实战——登录注册模块 223

本章小结 226

第9章 布局与兼容性 227

9.1 CSS布局 227

9.1.1 版心和布局流程 227

9.1.2 单列布局 229

9.1.3 两列布局 231

9.1.4 三列布局 233

9.1.5 通栏布局 236

9.1.6 网页模块命名规范 238

9.2 浏览器兼容性 239

9.2.1 CSSHack 239

9.2.2 IE条件注释语句 244

9.2.3 使用！important解决高度自适应问题 246

9.3 常见IE 6浏览器的兼容问题 248

9.3.1 IE 6中浮动元素的双倍外边距问题 248

9.3.2 IE 6不支持透明图像问题 250

9.3.3 IE 6中图片底部的像素间隙问题 251

9.3.4 IE 6中元素最小高度的问题 252

9.3.5 IE 6显示多余字符问题 253

9.3.6 IE 6中3像素间距Bug 255

本章小结 256

第10章 实战开发（上）—传智播客设计学院首页面 257

10.1 准备工作 260

10.1.1 建立站点 260

10.1.2 站点初始化设置 261

10.1.3 首页面效果图分析 262

10.1.4 切片 263

10.1.5 页面布局 265

10.2 首页面详细制作 266

10.2.1 制作头部和导航 267

10.2.2 banner和通告 269

10.2.3 主体内容区域 273

10.2.4 底部版权区域 288

本章小结 290

第11章 实战开发（下）—传智播客设计学院子页面 291

11.1 Dreamweaver模板 291

11.1.1 模板的作用 291

11.1.2 建立模板的步骤 291

11.1.3 引用模板 295

11.2 列表详情页面制作 296

11.2.1 “关于我们”页面制作 297

11.2.2 课程介绍页面制作 302

11.2.3 课程详细介绍页面制作 308

本章小结 320