HTML网页设计PDF电子书下载

第1章 HTML和Dreamweaver简介 1

1.1概述 2

1.2 HTML的文档结构 4

1.2.1头部〈head〉…〈/head〉 5

1.2.2标题〈title〉…〈/title〉 5

1.2.3元标签〈meta〉 6

1.3 Dreamweaver简介 7

1.4 Dreamweaver CS4的界面 8

1.4.1插入菜单 8

1.4.2属性检查器 9

1.5新建网站 9

1.5.1建立本地站点 10

1.5.2新建页面 13

1.6 HTML基本标签 14

1.6.1标题标签 14

1.6.2段落级标签 15

1.6.3换行标签 16

1.6.4预排版标记 17

1.6.5文本格式化标签 18

1.6.6列表 20

1.6.7设置文本字体 25

1.6.8插入图片 26

1.6.9插入特殊符号 28

1.6.10插入横线 28

1.6.11添加多媒体元素 29

【小结】 31

【自测题】 31

【上机部分】 32

【课后作业】 39

第2章 表格和表单 41

2.1表格的使用 42

2.2表单 49

2.3添加表单元素 51

2.3.1文本字段（text）和密码域（password） 52

2.3.2单选按钮（radio） 53

2.3.3复选框（checkbox） 53

2.3.4普通按钮（button） 54

2.3.5提交按钮（submit） 55

2.3.6重置按钮（reset） 56

2.3.7隐藏域（hidden） 56

2.3.8文件域（file） 58

2.3.9菜单列表类表单元素（select） 59

2.3.10文本域（textarea） 61

【小结】 61

【自测题】 62

【上机部分】 63

【课后作业】 69

第3章 层叠样式表 71

3.1 CSS语法结构 72

3.1.1 CSS属性与选择器（仅保留3个主要的选择器） 72

3.1.2元素选择器 73

3.1.3群组选择器 76

3.1.4包含选择器 77

3.1.5 CLASS及ID选择器 77

3.1.6子元素选择器 81

3.1.7相邻兄弟选择器 81

3.1.8伪类及伪对象 82

3.1.9通配选择器 85

3.2将CSS应用于网页 86

3.2.1行内样式表 86

3.2.2内部样式表 87

3.2.3外部样式表 87

【小结】 90

【自测题】 90

【上机部分】 92

【课后作业】 96

第4章 CSS网页布局与定位 97

4.1理解表现和结构分离 98

4.1.1什么是内容、表现、结构 98

4.1.2 DIV与CSS结合的优势 101

4.1.3怎么改善现有的网站 102

4.2认识DIV 106

4.2.1 DIV是什么 106

4.2.2如何使用DIV 107

4.2.3理解DIV 108

4.2.4并列与嵌套DIV结构 109

4.2.5使用合适的对象来布局 111

4.3盒模型详解 112

4.3.1什么是盒模型 112

4.3.2盒模型的细节 112

4.3.3上下margin叠加问题 113

4.3.4左右margin加倍问题 115

4.4深入浮动 116

4.4.1文档流 116

4.4.2浮动定位 117

4.4.3浮动的清理 119

4.4.4何时选用浮动定位 120

【小结】 123

【自测题】 123

【上机部分】 125

【课后作业】 127

第5章 CSS布局和HTML列表 129

5.1 CSS布局 130

5.1.1一列固定宽度 130

5.1.2一列自适应宽度 132

5.1.3一列固定宽度居中 133

5.2 HTML列表 135

5.2.1 ul无序列表和ol有序列表 135

5.2.2改变项目符号样式或用图片定义项目符号 136

5.2.3横向图文列表 138

5.2.4浮动后父容器高度自适应 144

【小结】 145

【自测题】 145

【上机部分】 146

【课后作业】 151

第6章 超链接伪类、表单设计和导航菜单 153

6.1超链接伪类 154

6.1.1超链接的4种样式 154

6.1.2将链接转换为块级元素 156

6.1.3用CSS制作按钮 159

6.1.4首字下沉 161

6.2 CSS表单设计 163

6.2.1改变文本框和文本域样式 163

6.2.2用图片美化按钮 165

6.2.3改变下拉列表样式 167

6.2.4用label标签提升用户体验 169

6.3导航菜单 170

6.3.1横向列表菜单 170

6.3.2用图片美化的横向导航 173

6.3.3 CSS Sprites技术 174

【小结】 176

【自测题】 176

【上机部分】 177

【课后作业】 183

第7章 模板和框架 185

7.1模板 186

7.1.1模板基础知识 186

7.1.2创建模板 186

7.1.3对网页和网站应用模板 189

7.2框架 193

7.2.1框架简介 193

7.2.2框架的用法 194

7.2.3用Dreamweaver制作框架网页 194

【小结】 199

【自测题】 199

【上机部分】 200

【课后作业】 205

第8章 CSS布局应用实例解析 209

8.1网站开发流程 210

8.1.1建立站点 210

8.1.2结构分析 212

8.1.3搭建框架 214

8.1.4切割效果图 218

8.2 CSS布局页面 221

8.2.1头部和导航 221

8.2.2侧边栏 226

8.2.3主体部分 230

8.2.4底部和细节调整 232

8.2.5相对路径和相对于根目录路径 239

【小结】 240

【自测题】 240

【上机部分】 241

【课后作业】 248