HTML+CSS+JavaScript网页制作案例教程（第2版）

本书站在初学者的角度，以实用的案例、通俗易懂的语言详细介绍使用HTML、CSS和JavaScript进行网页制作的技巧。 本书共10章，结合HTML、CSS和JavaScript的基础知识及应用，提供了34个精选案例和1个综合实训项目。其中，第1~3章讲解了HTML和CSS的基础知识，包括Web基本概念、HTML和CSS简介、Dreamweaver工具的使用、HTML文本和图像标签、CSS选择器、CSS样式、CSS的继承性和优先等级。第4~8章分别讲解了盒子模型、列表和超链接、表格和表单、元素的浮动和定位、网页视听技术等。第9章讲解了JavaScript编程基础与事件处理。第10章为综合实训项目——好趣艺术，带领读者开发一个包含结构、样式和行为的网站首页面。 本书附有源代码、习题、教学课件等资源，还提供了在线答疑，用以帮助读者更好地学习本书。 本书既可作为高等教育本、专科院校相关专业的网页设计教材，也可供网页制作爱好者学习参考。

黑马程序员，传智播客旗下高端IT教育品牌，它是由中国Java培训先行者张孝祥老师发起，联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业。

第 1章 网页那点事1
1.1 网页概述 1
1.1.1 网页的组成 1
1.1.2 网页名词解释 2
1.1.3 Web标准 4
1.2 网页制作技术入门 5
1.2.1 HTML 5
1.2.2 CSS 6
1.2.3 JavaScript 6
1.2.4 网页的展示平台——浏览器 7
1.3 Dreamweaver工具的使用 9
1.3.1 认识Dreamweaver界面 10
1.3.2 Dreamweaver初始化设置 14
1.3.3 Dreamweaver基本操作 16
1.4 创建网页 17
1.5 动手实践 19
第 2章 从零开始构建HTML页面 20
2.1 【案例1】简单的网页 20
案例描述 20
知识引入 20
1. HTML文档基本格式 20
2. 标签的分类 21
3. 标签的关系 22
4. 页面格式化标签 23
案例实现 26
1. 分析效果图 26
2. 制作页面结构 26
3. 设置标题居中 27
2.2 【案例2】新闻页面 27
案例描述 27
知识引入 27
1. 标签的属性 27
2. HTML文档头部相关标签 28
3. 文本样式标签 29
4. 文本格式化标签 30
案例实现 30
1. 结构分析 30
2. 样式分析 31
3. 制作页面结构 31
4. 控制文本 31
2.3 【案例3】图文混排 32
案例描述 32
知识引入 32
1. 常见图像格式 32
2. 图像标签 33
3. 相对路径和绝对路径 36
4. 特殊字符标签 37
案例实现 37
1. 分析效果图 37
2. 制作页面结构 38
3. 控制图像 38
4. 控制文本 39
2.4 动手实践 40
第3章 使用CSS技术美化网页 41
3.1 【案例4】文字Logo 41
案例描述 41
知识引入 41
1. 认识CSS 41
2. CSS样式规则 42
3. 引入CSS样式表 43
4. CSS基础选择器 47
案例实现 49
1. 分析效果图 49
2. 制作页面结构 50
3. 定义CSS样式 50
3.2 【案例5】美食专题栏目 50
案例描述 50
知识引入 51
1. CSS字体样式属性 51
2. CSS文本外观属性 54
案例实现 61
1. 结构分析 61
2. 样式分析 61
3. 制作页面结构 62
4. 定义CSS样式 62
3.3 【案例6】搜索页面 63
案例描述 63
知识引入 64
1. CSS复合选择器 64
2. CSS层叠性和继承性 66
3. CSS优先级 67
案例实现 69
1. 结构分析 69
2. 样式分析 70
3. 制作页面结构 70
4. 定义CSS样式 70
3.4 动手实践 71
第4章 运用盒子模型划分网页模块 72
4.1 【案例7】音乐盒 72
案例描述 72
知识引入 72
1. 认识盒子模型 72
2.