HTML＋CSS＋DIV网页设计与布局PDF电子书下载

第一篇 网站和网页 1

第1章 认识网站开发 1

1.1 网站开发概述 2

1.1.1 网页概述 2

1.1.2 网页构成元素 2

1.1.3 网站建设流程 3

1.1.4 网站开发软件 4

1.2 HTML基本概念 5

1.2.1 HTML简介 5

1.2.2 HTML基本结构 5

1.3 一个简单的HTML实例 6

1.3.1 编写HTML代码 6

1.3.2 运行HTML文件查看效果 7

1.4 HTML基本标记 8

1.4.1 文件类型标记 8

1.4.2 HTML头标记 8

1.4.3 HTML主体标记 8

1.4.4 页面标题 9

1.5 HTML页面的元信息META 9

1.5.1 页面的关键字 9

1.5.2 页面的对外说明 10

1.5.3 网页的作者信息 10

1.5.4 网页的开发语言 10

1.5.5 网页的定时跳转 10

1.6 小结 10

本章习题 11

上机指导 11

实验一 11

实验二 11

实验三 12

第二篇 HTML学习篇 14

第2章 网页文字和图片 14

2.1 文字格式 14

2.1.1 设置文字大小 14

2.1.2 设置字体 15

2.1.3 设置字体颜色 17

2.1.4 加粗与斜体 19

2.1.5 下画线与删除线 20

2.1.6 上标与下标 21

2.1.7 等宽字 22

2.2 与文字排版相关的元素 22

2.2.1 文本缩进 22

2.2.2 换行 23

2.2.3 段落 24

2.2.4 段落居中 24

2.2.5 预定义格式 25

2.2.6 水平分隔线 26

2.3 文字闪烁 27

2.4 设置网页背景颜色 28

2.5 在网页中插入图像 29

2.6 设置背景图像 30

2.7 小结 31

本章习题 31

上机指导 31

实验一 31

实验二 32

实验三 33

第3章 超链接 34

3.1 创建超链接 34

3.1.1 超链接标记 34

3.1.2 链接地址 35

3.1.3 打开链接的方式 36

3.2 锚点 37

3.2.1 创建锚点 37

3.2.2 链接到本页锚点 38

3.2.3 链接到其他网页的锚点 39

3.3 图像的超链接 39

3.3.1 将整个图像设为链接 40

3.3.2 设置图像热点区域 40

3.4 小结 41

本章习题 41

上机指导 42

实验一 42

实验二 43

实验三 44

第4章 表格 46

4.1 创建表格 46

4.2 表格属性 47

4.2.1 表格宽度 47

4.2.2 表格高度 48

4.2.3 表格背景图片 50

4.2.4 单元格间距 51

4.2.5 表格内单元格与文字的距离 52

4.3 表格边框 54

4.3.1 边框宽度 54

4.3.2 边框颜色 56

4.3.3 亮边框颜色 56

4.3.4 暗边框颜色 57

4.4 设置表格行的对齐方式 58

4.4.1 垂直对齐方式 58

4.4.2 水平对齐方式 59

4.5 行和列的合并 60

4.5.1 列的合并 60

4.5.2 行的合并 61

4.6 表格结构 62

4.6.1 表头 62

4.6.2 主体 63

4.6.3 表尾 65

4.7 表格标题 66

4.8 表格嵌套 67

4.9 小结 69

本章习题 69

上机指导 70

实验一 71

实验二 71

实验三 72

第5章 多媒体、滚动字幕和列表 74

5.1 多媒体元素 74

5.1.1 插入多媒体元素 74

5.1.2 循环播放 75

5.1.3 自动播放 75

5.1.4 隐藏多媒体元素 76

5.2 插入背景音乐 77

5.3 滚动字幕 78

5.3.1 添加滚动字幕 78

5.3.2 滚动方向 79

5.3.3 滚动方式 80

5.3.4 滚动字幕背景颜色 80

5.3.5 滚动速度 81

5.3.6 滚动延迟 82

5.3.7 滚动次数 83

5.3.8 滚动字幕空白空间 84

5.3.9 设置鼠标经过效果 84

5.4 无序列表 85

5.4.1 无序列表结构 85

5.4.2 无序列表的列表项样式 86

5.5 有序列表 87

5.5.1 有序列表结构 88

5.5.2 有序列表的列表项样式 88

5.6 嵌套列表 90

5.7 定义列表 91

5.8 目录列表 92

5.9 菜单列表 92

5.10 小结 93

本章习题 94

上机指导 94

实验一 95

实验二 95

实验三 96

第6章 表单 97

6.1 添加表单 97

6.1.1 链接跳转 97

6.1.2 链接跳转方式 98

6.1.3 表单名称 98

6.2 输入标签 99

6.2.1 文本框 99

6.2.2 密码框 99

6.2.3 单选框 100

6.2.4 复选框 101

6.2.5 提交按钮 102

6.2.6 重置按钮 102

6.2.7 图像按钮 103

6.2.8 文件域 104

6.2.9 隐藏域 105

6.3 下拉列表 106

6.4 文本域 107

6.5 小结 107

本章习题 108

上机指导 109

实验一 109

实验二 110

实验三 110

第7章 框架 112

7.1 创建框架 112

7.2 分割窗口 112

7.2.1 上下分割 112

7.2.2 左右分割 115

7.2.3 窗口的嵌套 116

7.3 设置框架边框 117

7.3.1 设置框架边框显示或隐藏 117

7.3.2 设置框架边框宽度 118

7.3.3 设置框架边框颜色 118

7.4 框架属性 119

7.4.1 设置框架滚动条显示 119

7.4.2 固定框架 120

7.4.3 不支持框架标记 121

7.5 在框架中使用链接 122

7.6 浮动框架 125

7.6.1 插入浮动框架 125

7.6.2 浮动框架大小 126

7.6.3 浮动框架对齐方式 126

7.6.4 浮动框架页面的链接 127

7.7 小结 129

本章习题 129

上机指导 130

实验一 130

实验二 131

实验三 132

第三篇 CSS学习篇 134

第8章 认识CSS 134

8.1 CSS简介 134

8.2 CSS样式表的设置方法 134

8.2.1 内联样式表 135

8.2.2 内部样式表 135

8.2.3 外部样式表 136

8.2.4 引用多个样式表 137

8.2.5 使用@import引用外部样式表 138

8.2.6 CSS注释 139

8.3 选择符 140

8.3.1 类型选择符 140

8.3.2 类选择符 141

8.3.3 ID选择符 145

8.3.4 包含选择符 145

8.3.5 选择符分组 149

8.3.6 通用选择符 150

8.3.7 子选择符 151

8.3.8 相邻选择符 153

8.3.9 属性选择符 154

8.4 伪类和伪元素 158

8.4.1 超链接的伪类 158

8.4.2 伪元素 159

8.5 CSS优先级 160

8.6 CSS中的单位 163

8.6.1 颜色单位 163

8.6.2 长度单位 163

8.6.3 时间单位 164

8.6.4 角度单位 164

8.6.5 频率单位 164

8.7 小结 164

本章习题 164

上机指导 166

实验一 166

实验二 166

实验三 167

第9章 设置文字和文本样式 168

9.1 设置文字样式 168

9.1.1 字体设置 168

9.1.2 文字大小 169

9.1.3 设置粗体 170

9.1.4 设置文字颜色 171

9.1.5 设置斜体 172

9.1.6 综合设置 173

9.2 设置文本样式 174

9.2.1 设置阴影效果 174

9.2.2 大小写转换 175

9.2.3 文本缩进 176

9.2.4 文本的水平对齐方式 177

9.2.5 文本的垂直对齐方式 178

9.2.6 设置文本流入方向 180

9.2.7 设置文本修饰 181

9.3 空白与换行 182

9.3.1 空格的处理方式 182

9.3.2 字内换行 184

9.4 设置间距 186

9.4.1 行间距 186

9.4.2 字间距 188

9.4.3 词间距 190

9.5 小结 191

本章习题 191

上机指导 192

实验一 192

实验二 193

实验三 193

第10章 设置背景、边框、边距和补白 195

10.1 背景颜色 195

10.2 背景图像 196

10.2.1 背景图像 196

10.2.2 设置固定背景图像 197

10.2.3 设置背景图像平铺方式 199

10.2.4 背景图像定位 201

10.3 边框 203

10.3.1 设置边框样式 203

10.3.2 设置不同的边框样式 205

10.3.3 设置边框宽度 206

10.3.4 设置不同的边框宽度 208

10.3.5 设置边框颜色 210

10.3.6 设置不同的边框颜色 211

10.3.7 综合设置边框效果 213

10.4 边距 214

10.4.1 设置上边距 214

10.4.2 设置下边距 215

10.4.3 设置左边距 216

10.4.4 设置右边距 217

10.4.5 综合设置边距 218

10.5 补白 219

10.5.1 设置顶端补白 219

10.5.2 设置底部补白 220

10.5.3 设置左侧补白 220

10.5.4 设置右侧补白 221

10.5.5 综合设置补白 221

10.6 小结 223

本章习题 223

上机指导 223

实验一 223

实验二 224

实验三 225

第11章 设置表格、列表和滚动条样式 227

11.1 表格 227

11.1.1 合并表格边框 227

11.1.2 定义表格边框间距 229

11.1.3 定义表格标题位置 230

11.1.4 设置表格布局 232

11.2 列表 234

11.2.1 设置列表符号样式 235

11.2.2 使用图片设置列表样式 237

11.2.3 列表符号显示位置 238

11.2.4 综合设置列表样式 239

11.3 滚动条 241

11.3.1 设置滚动条颜色 241

11.3.2 设置滚动条亮边框颜色 242

11.3.3 设置滚动条暗边框颜色 242

11.3.4 设置滚动条方向箭头颜色 244

11.3.5 设置滚动条基准色 245

11.4 小结 246

本章习题 246

上机指导 247

实验一 247

实验二 248

实验三 249

第12章 CSS滤镜 250

12.1 滤镜概述 250

12.2 常用CSS滤镜 250

12.2.1 透明层次滤镜 251

12.2.2 颜色透明滤镜 254

12.2.3 模糊滤镜 255

12.2.4 固定阴影滤镜 257

12.2.5 移动阴影滤镜 258

12.2.6 光晕滤镜 259

12.2.7 灰度滤镜 259

12.2.8 反色滤镜 260

12.2.9 镜像滤镜 261

12.2.10 遮罩滤镜 262

12.2.11 X射线滤镜 263

12.2.12 波纹滤镜 263

12.3 小结 264

本章习题 265

上机指导 265

实验一 265

实验二 266

第四篇 布局学习篇 268

第13章 控制元素布局 268

13.1 块级元素和内联元素 268

13.1.1 块级元素和内联元素的概念 268

13.1.2 ＜div＞元素和＜span＞元素 268

13.2 定位 270

13.2.1 定位方式 270

13.2.2 偏移 271

13.2.3 综合运用 271

13.2.4 定位元素的层叠次序 274

13.3 浮动 276

13.3.1 浮动的概念 276

13.3.2 设置浮动 276

13.3.3 清除浮动 277

13.4 溢出与剪切 278

13.4.1 溢出内容的设置 279

13.4.2 设置水平方向超出范围的处理方式 280

13.4.3 设置垂直方向超出范围的处理方式 281

13.4.4 内容的剪切 282

13.5 对象的显示与隐藏 283

13.6 小结 285

本章习题 285

上机指导 285

实验一 285

实验二 286

实验三 287

第14章 网页布局与设计技巧 289

14.1 网页布局 289

14.1.1 网页大小 289

14.1.2 网页栏目划分 290

14.1.3 表格布局 291

14.1.4 CSS布局 293

14.2 CSS布局技巧 294

14.2.1 一栏布局 295

14.2.2 二栏布局 296

14.2.3 多栏布局 297

14.3 CSS盒子模型 299

14.3.1 盒子模型的定义 299

14.3.2 外边距的控制 300

14.3.3 设置边框的样式 301

14.3.4 内边距的设置 303

14.4 小结 304

本章习题 304

上机指导 305

实验一 305

实验二 306

实验三 306

第15章 网页布局综合案例——宝贝屋网上商店 308

15.1 案例分析 308

15.2 内容分析 309

15.3 原型设计 309

15.4 布局设计 310

15.4.1 整体样式设计 311

15.4.2 页头部分 311

15.4.3 内容部分 316

15.4.4 页脚部分 321

15.5 交互效果设计 321

15.5.1 顶部导航栏 322

15.5.2 主导航栏 322

15.5.3 账号区 322

15.5.4 图像边框 323

15.5.5 产品分类 323

15.6 小结 324