本书是采用学习领域课程开发方法开发的课程配套教材，对应课程是基于从事网站开发工作的前端工程师岗位工作领域转化而来，教材内容是“网页布局能力”转化而来形成的学习内容。

谢冠怀，不错工程师，就职于广东省机械不错技工学校。教研组长，校十大教学能手；教研教改论文获得校论文评选靠前名2次，中国职协一等奖1次；第43、44届世界技能大赛网站设计项目广东省选拔赛很好指导教师，培养的竞赛选手分获省属选拔赛靠前名、省选拔赛第二名。
林晓仪，毕业于华南师范大学增城学院信息管理与信息系统本科专业，多媒体应用设计师，数据库系统工程师，网络管理员技师，多媒体软件制作考评员。曾获得广东省机械技师学院很好教师、很好党员、很好班主任等称号。担任计算机网络应用和电子商务专业的教学，如《计算机应用基础》《操作系统》《THML5》《电子商务网页制作》《版面设计》等课程教学工作。

项目1制作一个网页广告单页的内容1
任务1.1工作环境准备2
任务1.2创建空白网页10
任务1.3在网页中添加段落和文字14
任务1.4在网页中添加列表19
任务1.5在网页中添加表格24
任务1.6在网页中添加图片30
任务1.7在网页中添加超链接36
任务1.8在网页中添加表单43
项目2使用CSS3设置网页广告单页格式55
任务2.1将CSS样式表引入文件55
任务2.2使用CSS设置段落文字格式61
任务2.3使用CSS实现网页布局71
任务2.4使用CSS背景美化网页标签89
任务2.5使用CSS设置列表格式、超链接效果101
任务2.6使用CSS边框设置表格格式113
任务2.7使用CSS美化表单129
项目3对网页广告单页进行响应式改造144
任务3.1变更网页导航菜单145
任务3.2编写网页栅格系统149
任务3.3重布局网页内容列表以适应不同窗口158
任务3.4测试及兼容性设置167
任务3.5使用伸缩盒子布局响应式页面171
项目4使用Bootstrap开源框架快速搭建响应式网页184
任务4.1配置Bootstrap开发环境185
任务4.2使用Bootstrap栅格系统快速布局页面190
任务4.3使用Bootstrap组件和JS插件制作网页导航条199
任务4.4使用Bootstrap组件和JS插件制作网页内容和交互210
任务4.5为你的网页添加无障碍功能224
参考文献237