网页设计与制作PDF电子书下载

第1章 网页设计基础 1

1.1 全面认识网页 1

1.1.1 网站、网页和主页 1

1.1.2 网页设计的基本原则 2

1.2 网页的基本组成元素 3

1.2.1 网页中的文本 3

1.2.2 网页中的图片与动画 4

1.2.3 网页中的动画 4

1.3 网页制作工具 5

1.3.1 网页布局软件Dreamweaver 5

1.3.2 图形图像处理软件Photoshop 5

1.3.3 动画制作软件Flash 6

1.3.4 软件间的相互关系 6

第2章 网页标记语言HTML 8

2.1 HTML概述 8

2.1.1 HTML的基本概念 8

2.1.2 HTML的历史 9

2.1.3 HTML的基本结构 10

2.1.4 HTML的语法规则 11

2.2 文字与段落标记 12

2.2.1 标题标记 12

2.2.2 文字格式标记 13

2.2.3 字型设置标记 14

2.2.4 段落标记和换行标记 15

2.2.5 水平线标记 16

2.2.6 其他标记 16

2.3 清单标记 18

2.3.1 无序清单标记 18

2.3.2 有序清单标记 19

2.3.3 自定义清单标记 20

2.4 表格标记 20

2.5 图形和多媒体标记 23

2.5.1 图形标记 23

2.5.2 音频标记 24

2.5.3 Embed标记 24

2.6 超链接标记 26

2.7 表单标记 26

2.8 框架标记 30

第3章 Web标准概述 33

3.1 理解Web标准 33

3.1.1 什么是Web标准 33

3.1.2 Web标准的历史 33

3.2 Web标准的构成 34

3.2.1 结构 35

3.2.2 表现 35

3.2.3 行为 35

3.3 为什么选择Web标准 36

3.4 量化Web标准 37

3.4.1 大部分通过W3C校验的网站只是伪标准 37

3.4.2 Web标准要求一览表 38

3.4.3 是追求标准还是理解标准 39

第4章 XHTML与CSS入门 40

4.1 XHTML与CSS 40

4.1.1 XHTML与HTML 40

4.1.2 XHTML与CSS 42

4.1.3 定义文档类型 44

4.2 CSS语法基础 44

4.2.1 CSS属性与选择符 44

4.2.2 样式表中的注释 45

4.2.3 通配选择符 46

4.2.4 类型选择符 46

4.2.5 群组选择符 46

4.2.6 包含选择符 46

4.2.7 id及class选择符 47

4.2.8 组合选择符 48

4.2.9 伪类及伪对象 49

4.3 CSS数值单位 52

4.4 应用CSS到网页 53

4.4.1 外联样式表 54

4.4.2 嵌入样式表 54

4.4.3 内联样式表 55

4.5 CSS的应用原则 56

4.5.1 CSS的继承特性 56

4.5.2 CSS的层叠特性 59

4.5.3 ！important语法 61

第5章 网页中的元素 62

5.1 XHTML文档结构 62

5.2 Xhtml元素的分类 62

5.2.1 顶级元素 63

5.2.2 块级元素 63

5.2.3 行内元素 64

5.2.4 可变元素 64

5.3 块级元素和行内元素的区别 64

第6章 DIV+CSS与盒子模型 66

6.1 理解DIV+CSS 66

6.1.1 认识DIV 66

6.1.2 DIV+CSS的实质 66

6.1.3 DIV+CSS布局页面的优劣 67

6.2 盒子模型 69

6.2.1 盒子模型的结构 69

6.2.2 Border 71

6.2.3 margin（外边距） 77

6.2.4 padding（内边距） 79

6.2.5 background（背景） 80

6.2.6 盒子尺寸相关问题 89

6.2.7 行内元素的盒子模型 94

6.2.8 display属性 96

6.2.9 盒子模型的调试 102

第7章 页面的布局与定位 109

7.1 标准文档流 109

7.2 标准流下盒子的定位原则 109

7.2.1 包含块 109

7.2.2 标准流下定位分析 110

7.2.3 匿名框（Anonymous boxes） 113

7.2.4 水平属性设为“auto” 114

7.2.5 垂直属性设为“auto” 117

7.2.6 Height和line-height 118

7.2.7 标准流下盒子之间的关系 125

7.3 盒子的定位 133

7.3.1 static（静态定位） 133

7.3.2 relative（相对定位） 134

7.3.3 absolute（绝对定位） 137

7.3.4 fixed（固定定位） 145

7.3.5 z-index（堆叠顺序） 146

7.4 盒子的浮动 146

7.4.1 浮动的定义 146

7.4.2 浮动的作用 147

7.4.3 浮动的规则 147

7.4.4 浮动的理解 156

7.4.5 Clear属性 159

7.4.6 浮动的清除 160

第8章 浏览器兼容与常见问题 163

8.1 浏览器兼容性问题 163

8.2 CSS hack技术 164

8.2.1 CSS hack的顺序 164

8.2.2 常用的CSS hack的方法 164

8.2.3 CSS hack使用建议 170

8.3 IE的条件注释功能 170

8.4 IE的特有属性haslayout 172

8.4.1 haslayout的定义 172

8.4.2 默认haslayout的元素 172

8.4.3 触发haslayout的方法 173

8.4.4 与haslayout相关的IE常见bug 174

8.5 针对IE bug的统计和通用hack 177

8.5.1 IE bug统计 177

8.5.2 常见的IE bug的解决方法 180

第9章 网页布局剖析 197

9.1 网页布局原则 197

9.2 网页布局方法 198

9.3 常见网页布局形式 198

9.4 网页布局技术 200

9.4.1 网页布局技术相关概念 200

9.4.2 网页布局技术的比较 201

9.5 固定布局的栅格系统 202

9.5.1 栅格系统的设计原理 203

9.5.2 栅格系统中的960 203

9.5.3 960栅格系统常见的切割分法 204

9.5.4 网页栅格化实例 206

9.5.5 栅格系统的优劣 207

9.5.6 栅格系统的实现 208

9.6 网站布局实例 211

9.6.1 单列居中 211

9.6.2 两列布局 217

9.6.3 三列布局 229

第10章 网页元素与内容排版 235

10.1 文字 235

10.1.1 字体分类和设置 235

10.1.2 字体的使用原则 237

10.1.3 字体粗细 238

10.1.4 字体大小 239

10.1.5 字体样式 240

10.1.6 字体装饰与控制 241

10.1.7 字体属性的简写形式 241

10.2 段落样式设置 242

10.2.1 行高与行长 242

10.2.2 对齐与缩进 242

10.3 图片的样式和效果 243

10.3.1 基本设置 243

10.3.2 图片的裁切 244

10.3.3 图片代替文字 245

10.3.4 图片的投影效果 247

10.4 链接 249

10.4.1 链接控制 249

10.4.2 链接鼠标指针样式 250

10.4.3 按钮式链接 252

10.4.4 图片翻转链接 253

10.4.5 面包屑导航链接 254

10.5 项目列表 256

10.5.1 基本列表分类 257

10.5.2 无序项目列表应用 260

10.5.3 有序项目列表应用 265

10.6 导航设计 266

10.6.1 横向导航 266

10.6.2 纵向导航 273

10.7 排版控制 276

10.7.1 文字排版 276

10.7.2 图文混排 278

10.8 CSS重置—CSS Reset 280

10.8.1 CSS Reset的历史 280

10.8.2 CSS Reset的滥用 281

10.8.3 CSS Reset的不足 281

10.8.4 CSS Reset未必有必要 282

第11章 使用Dreamweaver CS5进行网页设计 283

11.1 安装Dreamweaver CS5 283

11.2 认识Dreamweaver CS5界面 287

11.2.1 工作区 287

11.2.2 菜单栏 288

11.2.3 文档工具栏 288

11.2.4 文档窗口 289

11.2.5 属性检查器 290

11.2.6 面板群组 291

11.2.7 状态栏 291

11.3 Dreamweaver CS5的首选参数 291

11.3.1 常规首选参数 292

11.3.2 字体首选参数 294

11.3.3 站点文件传输首选参数 294

11.3.4 设置默认文档类型和编码 296

11.3.5 设置编码首选参数 296

11.4 创建和管理站点 300

11.4.1 设置新站点 300

11.4.2 管理站点 304

11.5 创建和管理文件 306

11.5.1 创建空白页和空模板 306

11.5.2 创建基于现有模板的页面 309

11.5.3 创建基于Dreamweaver示例文件的页面 309

11.5.4 使用文件面板 310

11.5.5 上传和获取文件 311

参考文献 314