HTML5+CSS3网页布局项目化教程

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

　　谢冠怀：高级工程师，就职于广东省机械高级技工学校。教研组长，校十大教学能手；教研教改论文获得校论文评选名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