《HTML+CSS+JavaScript网页制作案例教程》共10 章，讲解HTML、CSS 和JavaScript 的基础知识及应用。第1～3 章主要讲解HTML 与CSS 的基础知识，包括Web 基本概念、HTML 与CSS简介、Dreamweaver 工具的使用、HTML 文本与图像标记、CSS 选择器、CSS 文本样式属性、CSS 的继承性和优先级。第4～7 章分别讲解了盒子模型、列表与超链接、表单、元素的浮动与定位。第8～9 章主要讲解JavaScript 编程基础与事件处理。第10 章为实训项目，带领读者开发一个包含结构、样式和行为的网页。

《HTML+CSS+javascript网页制作案例教程》采用“案例驱动式”教学方法，内容包括29个原创经典案例，1个综合实战项目，10道动手实践题，并提供丰富的教学素材，其中包括精美教学PPT、80个辅助案例、1208道测试题，长达26小时的教学视频。

传智播客成立于2006年，由中国Java培训先行者张孝祥老师发起，联合全球知名中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，传智播客已成立8年，在这8年期间，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，8年期间，我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++六个专业方向的课程，并且未来将逐渐开设其他专业方向的课程。

目 录 CONTENTS
第1 章 网页那点事 1
1.1 Web 基本概念 1
1.1.1 认识网页 1
1.1.2 名词解释 3
1.1.3 了解Web 标准 4
1.2 网页制作入门 5
1.2.1 HTML 简介 6
1.2.2 CSS 简介 7
1.2.3 JavaScript 简介 8
1.2.4 常见浏览器介绍 8
1.3 Dreamweaver 工具的使用 10
1.3.1 Dreamweaver 界面介绍 10
1.3.2 Dreamweaver 初始化设置 14
1.3.3 创建第一个网页 17
第2 章 从零开始构建HTML 页面 20
2.1 【案例1】简单的网页 20
案例描述 20
知识引入 20
案例实现 24
2.2 【案例2】新闻页面 25
案例描述 25
知识引入 26
案例实现 30
2.3 【案例3】图文混排 32
案例描述 32
知识引入 32
案例实现 42
动手实践 45
第3 章 使用CSS 技术美化网页 46
3.1 【案例4】文字Logo 46
案例描述 46
知识引入 46
案例实现 55
3.2 【案例5】专题栏目 57
案例描述 57
知识引入 57
案例实现 62
3.3 【案例6】搜索页面 65
案例描述 65
知识引入 65
案例实现 73
动手实践 76
第4 章 CSS 盒子模型 77
4.1 【案例7】音乐盒 77
案例描述 77
知识引入 78
案例实现 85
4.2 【案例8】用户中心 88
案例描述 88
知识引入 88
案例实现 92
4.3 【案例9】咖啡店banner 94
案例描述 94
知识引入 95
案例实现 100
4.4 【案例10】图标导航栏 102
案例描述 102
知识引入 102
案例实现 108
动手实践 110
2
第5 章 列表与超链接 111
5.1 【案例11】精美电商悬浮框 111
案例描述 111
知识引入 112
案例实现 114
5.2 【案例12】二维码名片 116
案例描述 116
知识引入 116
案例实现 119
5.3 【案例13】电商团购悬浮框 122
案例描述 122
知识引入 122
案例实现 123
5.4 【案例14】唱吧导航栏 125
案例描述 125
知识引入 126
案例实现 131
动手实践 136
第6 章 HTML 表单 137
6.1 【案例15】用户登录界面 137
案例描述 137
知识引入 137
案例实现 140
6.2 【案例16】趣味选择题 142
案例描述 142
知识引入 143
案例实现 147
6.3 【案例17】空间日志 150
案例描述 150
知识引入 150
案例实现 156
6.4 【案例18】学员档案 160
案例描述 160
知识引入 161
案例实现 163
动手实践 169
第7 章 浮动与定位 170
7.1 【案例19】世界杯梦幻阵容 170
案例描述 170
知识引入 171
案例实现 174
7.2 【案例20】商品专栏 177
案例描述 177
知识引入 177
案例实现 181
7.3 【案例21】移动端电商界面 184
案例描述 184
知识引入 184
案例实现 186
7.4 【案例22】违停查询 188
案例描述 188
知识引入 189
案例实现 195
动手实践 199
第8 章 JavaScript 编程基础 200
8.1 【案例23】动态获取用户密码 200
案例描述 200
知识引入 200
案例实现 204
8.2 【案例24】传智商城下拉菜单 205
案例描述 205
知识引入 205
案例实现 219
8.3 【案例25】计算器 224
案例描述 224
知识引入 225
案例实现 240
动手实践 242
3
目录
第 9 章 JavaScript 事件处理 243
9.1 【案例26】电商网站限时秒杀 243
案例描述 243
知识引入 244
案例实现 255
9.2 【案例27】Tab 栏切换效果 259
案例描述 259
知识引入 259
案例实现 268
9.3 【案例28】台球移动游戏 274
案例描述 274
知识引入 274
案例实现 279
9.4 【案例29】用户登录验证 282
案例描述 282
知识引入 283
案例实现 286
动手实践 291
第10 章 实战开发——传智播客设计学院首页面 292
10.1 准备工作 293
10.2 首页面详细制作 301
动手实践 340