精通HTML+CSS网页布局与样式 视频教学版PDF电子书下载

第1章 网页设计基础知识 1

1.1 认识网页 1

1.1.1 网页和网站 1

1.1.2 网页基本构成元素 2

1.2 如何设计网页 3

1.2.1 网页设计基本原则 3

1.3.2 网页设计成功要素 4

1.2.3 网页设计风格及色彩搭配 6

1.3 网页设计师应具备的素质 7

1.3.1 艺术素质 7

1.3.2 技能素质 8

1.3.3 综合素质 8

1.4 专家解惑 8

第2章HT ML网页文档结构 10

2.1 HTML代码的结构 10

2.1.1 HTML代码的组成 10

2.1.2 代码注释 11

2.2 HTML的基本标签 12

2.2.1 HTML标记〈html〉 12

2.2.2 head标签及其属性 12

2.2.3 body标签及其属性 15

2.3 HTML文件的编写方法 16

2.3.1 手工编写HTML文件 16

2.3.2 使用HTML编辑器 17

2.4 使用浏览器查看HTML文件 19

2.4.1 各大浏览器与HTML的兼容 19

2.4.2 查看页面效果 20

2.4.3 查看源文件 20

2.5 专家解惑 21

第3章 网页文本与段落的设计 22

3.1 网页文本的特殊样式 22

3.1.1 粗体显示 22

3.1.2 强调显示 23

3.1.3 加强调显示 24

3.1.4 倾斜文本 24

3.1.5 上标和下标文本 25

3.1.6 设置文字大小 26

3.1.7 定义文字的方向 27

3.1.8 设置文字的字体、大小与颜色 28

3.2 网页文本排版 28

3.2.1 换行标记〈br/〉 29

3.2.2 段落标记〈p〉 29

3.2.3 网页标题标记〈h1〉～〈h6〉 31

3.2.4 文本水平居中标记〈center〉 32

3.2.5 标尺标记〈hr〉 32

3.3 网页文字列表的设计 33

3.3.1 建立无序列表 33

3.3.2 建立有序列表 35

3.3.3 建立不同类型的无序列表 36

3.3.4 建立不同类型的有序列表 37

3.3.5 嵌套列表 38

3.3.6 自定义列表 39

3.4 设置网页文本段落格式 40

3.4.1 段落左对齐 40

3.4.2 段落居中对齐 41

3.4.3 段落右对齐 41

3.5 综合实战——成才教育网文本设计 42

3.6 专家解惑 43

第4章 网页色彩和图片的设计 44

4.1 网页色彩的应用 44

4.2 在网页中插入图像 45

4.2.1 设置图像在网页中的宽度和高度 47

4.2.2 设置图像的提示文字 48

4.2.3 将图片设置为网页背景 49

4.2.4 排列图像 50

4.3 综合实战——制作茂森房地产广告网页 51

4.4 专家解惑 52

第5章 网页超链接的设计 53

5.1 链接和路径 53

5.1.1 超链接的概念 53

5.1.2 链接路径URL 54

5.1.3 HTTP路径 55

5.1.4 FTP路径 56

5.1.5 电子邮件路径 57

5.2 链接元素 58

5.2.1 链接元素〈a〉 58

5.2.2 指定路径属性href 59

5.2.3 显示链接目标属性target 59

5.2.4 激活顺序属性tabindex 61

5.2.5 链接的热键属性accesskey 62

5.2.6 链接到同一页面的不同位置 63

5.3 图像链接 65

5.3.1 创建链接区域元素〈map〉 65

5.3.2 链接区域的名称属性name 65

5.3.3 定义鼠标敏感区元素area 65

5.3.4 链接的路径属性href 66

5.3.5 链接的文本说明属性alt 67

5.4 专家解惑 68

第6章 网页表格的设计 70

6.1 表格基本结构 70

6.1.1 表格概述 70

6.1.2 用于创建表格的标记 70

6.2 创建表格 72

6.2.1 创建普通表格 72

6.2.2 创建带有标题的表格 73

6.2.3 创建完整的表格 74

6.3 设置表格属性 76

6.3.1 定义表格的边框类型 76

6.3.2 定义表格的表头 77

6.3.3 设置表格背景 78

6.3.4 设置单元格背景 80

6.4 综合实例——制作计算机报价表 81

6.5 专家解惑 83

第7章 网页表单的设计 84

7.1 表单简介 84

7.2 表单基本元素 85

7.2.1 表单标签 85

7.2.2 文字字段 86

7.2.3 密码域 88

7.2.4 单选按钮 88

7.2.5 复选框 89

7.2.6 下拉菜单 90

7.2.7 列表框 91

7.2.8 普通按钮 92

7.2.9 提交按钮 93

7.2.10 重置按钮 94

7.3 综合实战——制作淘宝注册页 95

7.4 专家解惑 97

第8章 使用HTML创建框架 98

8.1 窗口框架简介 98

8.1.1 什么是框架 98

8.1.2 框架的基本结构 99

8.2 设置框架集的基本属性 99

8.2.1 水平分割窗口 99

8.2.2 垂直分割窗口 100

8.2.3 混合分割窗口 101

8.2.4 设置框架边框 103

8.2.5 设置框架的边框宽度 104

8.2.6 设置框架的边框颜色 105

8.3 设置窗口属性 106

8.3.1 页面源文件 106

8.3.2 设置页面名称 107

8.3.3 固定窗口的尺寸 108

8.3.4 边框与页面内容的水平边距 109

8.3.5 边框与页面内容的垂直边距 111

8.3.6 设置框架滚动条显示 112

8.3.7 不支持框架标签 113

8.4 内联框架 114

8.4.1 内联框架的主要参数 114

8.4.2 必需参数：页面源文件 117

8.4.3 特有属性：框架大小 117

8.4.4 特有属性：对齐方式 118

8.4.5 共有参数设置 119

8.4.6 其他参数 120

8.5 框架与链接 122

8.5.1 设置普通框架结构的链接 122

8.5.2 内联框架与链接 125

8.6 专家解惑 127

第9章 网页多媒体的设计 128

9.1 添加动态文字 128

9.1.1 设置滚动文字 128

9.1.2 设置文字的滚动方向 129

9.1.3 设置文字的滚动方式 131

9.1.4 设置文字的滚动循环次数 132

9.1.5 设置文字的滚动速度 133

9.1.6 设置文字滚动的时间间隔 134

9.1.7 设置滚动文字的背景色 135

9.1.8 设置滚动文字的背景面积 136

9.1.9 设置空白空间 137

9.2 添加背景音乐 138

9.2.1 设置背景音乐 138

9.2.2 设置背景音乐的循环播放次数 139

9.3 添加多媒体文件 140

9.3.1 设置多媒体文件 140

9.3.2 设置多媒体文件的自动运行 141

9.3.3 设置多媒体文件的循环播放 142

9.3.4 隐藏多媒体播放面板 143

9.3.5 添加其他类型的多媒体文件 144

9.4 专家解惑 145

第10章 初识CSS 146

10.1 为什么要使用CSS 146

10.2 在HTML中使用CSS的方法 147

10.2.1 行内样式 147

10.2.2 内嵌样式 148

10.2.3 链接样式 150

10.2.4 导入样式 151

10.2.5 优先级问题 152

10.3 专家解惑 155

第11章 GSS基础语法 156

11.1 CSS选择器 156

11.1.1 标签选择器 156

11.1.2 类选择器 157

11.1.3 ID选择器 159

11.1.4 全局选择器 160

11.1.5 组合选择器 161

11.1.6 继承选择器 163

11.1.7 伪类选择器 164

11.1.8 属性选择器 166

11.2 选择器声明 167

11.2.1 集体声明 167

11.2.2 多重嵌套声明 168

11.3 CSS继承 168

11.5 综合实例——制作新闻菜单 170

11.6 专家解惑 173

第12章 CSS字体与段落属性 174

12.1 CSS文字样式 174

12.1.1 字体（font-family） 174

12.1.2 字号（font-size） 175

12.1.3 字体风格（font-style） 177

12.1.4 加粗字体（font-weight） 178

12.1.5 小写字母转为大写字母（font-variant） 179

12.1.6 字体复合属性（font） 180

12.1.7 字体颜色（color） 181

12.2 CSS段落样式 182

12.2.1 单词间隔（word-spacing） 182

12.2.2 字符间隔（letter-spacing） 183

12.2.3 文字修饰（text-decoration） 184

12.2.4 垂直对齐方式（vertial-align） 185

12.2.5 文本转换（text-transform） 187

12.2.6 水平对齐方式（text-align） 188

12.2.7 文本缩进（text-indent） 190

12.2.8 文本行高（line-height） 191

12.2.9 处理空白（white-sapce） 191

12.2.10 文本反排（unicode-bidi和direction） 193

12.4 综合实例——网页简单图文混排 195

12.5 专家解惑 197

第13章 用CSS美化图片 198

13.1 修饰图片 198

13.1.1 图片边框 198

13.1.2 图片缩放 199

13.2 对齐图片 202

13.2.1 横向对齐方式 202

13.2.2 纵向对齐方式 203

13.3 图文混排 205

13.3.1 文字环绕 205

13.3.2 设置图片与文字间距 206

13.4 综合实例1——一句话新闻 208

13.5 综合实例2——学校宣传单 212

13.6 专家解惑 214

第14章 用CSS设置背景与边框 215

14.1 设置背景 215

14.1.1 背景颜色 215

14.1.2 背景图片 217

14.1.3 背景复合属性 224

14.2 设置边框 225

14.2.1 边框样式 225

14.2.2 边框颜色 227

14.2.3 边框线宽 228

14.2.4 边框复合属性 230

14.3 综合实例——简单的公司主页 231

14.4 专家解惑 235

第15章 用CSS美化超级链接和鼠标 236

15.1 超级链接特效 236

15.1.1 改变超级链接的基本样式 236

15.1.2 超级链接背景图设置 238

15.1.3 超级链接按钮效果 240

15.2 鼠标特效 241

15.2.1 使用CSS控制鼠标箭头 241

15.2.2 鼠标变幻超链接 243

15.2.3 页面滚动条 244

15.3 综合实例1——制作实用导航栏 246

15.4 综合实例2——鼠标特效 248

15.5 专家解惑 251

第16章 用CSS美化表格和表单样式 252

16.1 表格样式 252

16.1.1 表格边框样式 252

16.1.2 表格边框宽度 255

16.1.3 表格边框颜色 256

16.2 CSS与表单 258

16.2.1 美化表单中的元素 258

16.2.2 美化提交按钮 260

16.2.3 美化下拉菜单 262

16.3 综合实例1——隔行变色 264

16.4 综合实例2——表格图文网页布局 266

16.5 综合实例3——变色表格 269

16.6 综合实例4——登录表单 272

16.7 综合实例5——注册表单 274

16.8 专家解惑 277

第17章 用CSS制作实用菜单 278

17.1 项目列表 278

17.1.1 美化无序列表 278

17.1.2 美化有序列表 280

17.1.3 美化自定义列表 282

17.1.4 图片列表 283

17.1.5 列表缩进 285

17.1.6 列表复合属性 286

17.2 无需表格的菜单 288

17.3 菜单的横竖转换 291

17.4 综合实例1——段落模拟列表效果 293

17.5 综合实例2——模拟SOSO导航栏 295

17.6 专家解惑 299

第18章 CSS滤镜的应用 300

18.1 滤镜概述 300

18.2 CSS的基本滤镜 301

18.2.1 通道（Alpha）滤镜 301

18.2.2 Blur滤镜 303

18.2.3 Chroma滤镜 305

18.2.4 DropShadow滤镜 306

18.2.5 FlipH滤镜 307

18.2.6 Glow滤镜 308

18.2.7 Gray滤镜 309

18.2.8 Invert滤镜 310

18.2.9 FlipV滤镜 311

18.2.10 Mask滤镜 312

18.2.11 Shadow滤镜 313

18.2.12 Wave滤镜 314

18.2.13 X-ray滤镜 315

18.3 CSS的高级滤镜 316

18.3.1 BlendTrans滤镜 316

18.3.2 Light滤镜 318

18.3.3 RevealTrans滤镜 320

18.4 专家解惑 322

第19章 CSS定位与DIV布局 324

19.1 定位方式 324

19.1.1 定位属性 324

19.1.2 position属性 325

19.1.3 层叠顺序 329

19.1.4 边偏移属性 331

19.2 浮动定位 332

19.3 溢出定位 334

19.4 隐藏定位 336

19.5 块和行内元素 338

19.5.1 块元素 338

19.5.2 行内元素 340

19.6 综合实例——左右布局的新闻页面 341

19.7 专家解惑 345

第20章 CSS与JavaScript的搭配应用 346

20.1 JavaScript概述 346

20.1.1 JavaScript概念 346

20.1.2 JavaScript的引用 347

20.1.3 JavaScript与CSS 348

20.2 JavaScript语法基础 349

20.2.1 数据类型 349

20.2.2 变量 350

20.2.3 运算符 350

20.2.4 流程控制语句 353

20.2.5 函数 357

20.3 综合实例1——打字效果的文字 360

20.4 综合实例2——文字升降特效 362

20.5 综合实例3——跑马灯效果 364

20.6 综合实例4——闪烁图片 367

20.7 综合实例5——左右移动的图片 369

20.8 综合实例6——向上滚动菜单 372

20.9 综合实例7——跟随鼠标移动的图片 374

20.10 综合实例8——树形菜单 376

20.11 综合实例9——颜色选择器 381

20.12 专家解惑 384

第21章 CSS与XML的综合运用 385

21.1 XML语法基础 385

21.1.1 XML概念 385

21.1.2 XML文档的组成和声明 387

21.1.3 XML元素介绍 388

21.2 使用CSS修饰XML文件 391

21.2.1 在XML文件中使用CSS 391

21.2.2 设置字体属性 392

21.2.3 设置色彩属性 393

21.2.4 设置边框属性 395

21.2.5 设置文本属性 396

21.3 综合实战1——招聘广告 398

21.4 综合实战2——书目清单 400

21.5 综合实战3——图文混排页面 403

21.6 综合实战4——古诗欣赏 406

21.7 专家解惑 409

第22章 CSS与Ajax的综合应用 410

22.1 Ajax概述 410

22.1.1 什么是Aiax 410

22.1.2 Aiax的关键元素 414

22.1.3 CSS在Ajax应用中的地位 414

22.2 Ajax快速入门 415

22.2.1 全面剖析XMLHttpRequest对象 415

22.2.2 发出Aiax请求 418

22.2.3 处理服务器响应 419

22.3 CSS与Aiax综合实战——制作自由拖动的网页 421

22.4 专家解惑 427

第23章 构建企业门户网站 428

23.1 构思布局 428

23.1.1 设计分析 428

23.1.2 排版架构 429

23.2 模块分割 430

23.2.1 Logo与导航菜单 430

23.2.2 左侧文本介绍 433

23.2.3 右侧导航链接 434

23.2.4 版权信息 436

23.3 整体调整 437

23.4 专家解惑 438

第24章 团购商务类网站的设计 439

24.1 整体布局 439

24.1.1 整体设计分析 439

24.1.2 架构布局分析 440

24.2 主要模块设计 442

24.2.1 样式代码分析 442

24.2.2 网页顶部代码分析 443

24.2.3 分类及区域选择模块分析 445

24.2.4 新品展示模块分析 446

24.2.5 侧边栏模块分析 449

24.2.6 热门城市索引模块分析 452

24.2.7 底部模块分析 453

24.3 调整 455

24.3.1 部分内容调整 455

24.3.2 模块调整 456

24.3.3 调整后预览测试 456