第1章 Web前端开发的基础知识 1
1.1 从网页制作到前端开发 1
1.2 Web开发的基本流程 7
1.3 Web前端开发的编辑工具 8
本章小结 13
第2章 Web前端开发需掌握的技术 14
2.1 承载页面内容的HTML 15
2.2 美化页面的CSS 21
2.3 实现页面交互的JavaScript 46
本章小结 64
第3章 建立站点 65
3.1 建立站点文件结构 65
3.2 新建首页HTML文件 66
3.3 文件头的设置 67
3.4 初始化网页 72
本章小结 73
第4章 创建纯文本页面 74
4.1 网页中的文本 74
4.2 文本标签 76
4.3 文本样式 83
4.4 综合案例——纯文本页面:黄鹤楼简介 93
本章小结 98
第5章 创建多媒体页面 101
5.1 网页中的图像 101
5.2 综合案例——图文页面:新闻详细页 105
5.3 CSS3完成动画效果 113
5.4 综合案例——H5圣诞贺卡 115
5.5 视频、音频、其他媒体文件 121
5.6 综合案例——全屏视频 124
本章小结 129
第6章 创建列表页面 130
6.1 有序列表 131
6.2 无序列表 133
6.3 定义列表 136
6.4 利用CSS样式设置列表样式 137
6.5 综合案例——图片列表 140
6.6 综合案例——新闻列表 143
本章小结 148
第7章 超链接 149
7.1 超链接标签及属性 150
7.2 超链接样式 152
7.3 综合案例——导航条 153
本章小结 158
第8章 表单 159
8.1 form表单标签 160
8.2 input输入标签 160
8.3 textarea文本域标签 166
8.4 button按钮标签 167
8.5 select下拉列表标签 168
8.6 综合案例——163邮箱注册页面 169
本章小结 174
第9章 网页布局 175
9.1 原始的网页布局——表格布局 175
9.2 结构标签 180
9.3 文档流 181
9.4 浮动 183
9.5 层定位 188
9.6 综合案例——浮动模型布局 196
9.7 综合案例——层定位模型布局 207
本章小结 215
第10章 JavaScript应用 216
10.1 对象 216
10.2 事件 223
10.3 函数 225
10.4 综合案例——控制元素的显示和隐藏 226
10.5 综合案例——心理测试题 232
10.6 综合案例——适应移动端的心理测试题 244
10.7 添加动态图表 252
本章小结 256
第11章 响应式Web开发 257
11.1 响应式Web开发的概念 257
11.2 媒体查询 258
11.3 响应式图片 260
11.4 使用Bootstrap 260
本章小结 262