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

项目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