第十章 响应式网页布局基础

返回首页   目录   上一章  

---

10.1  响应式Web设计概述

10.2  固定布局

• 【例10-1】

10.3  百分比布局

• 【例10-2】

10.4  相对字体大小

• 【例10-3】
• 【例10-4】

10.5  弹性布局

• 【例10-5】

10.6  响应式图片

• 【例10-6】

10.7  弹性盒子

• 【例10-7】

10.8  视口与媒体查询

• 【例10-8】

10.9  Bootstrap响应式网页设计

• 【例10-9】
• 【例10-10】
• 【例10-11】
• 【例10-12】
• 【例10-13】

【项目实战】

• 项目 10-1  利用百分比与固定布局相结合实现通栏布局
• 项目 10-2  利用媒体查询制作
• 项目 10-3  Bootstrap网页布局案例“Flash云课堂”网站首页

【实训作业】

• 实训任务 10-1  制作“Web前端学习网”响应式网页框架
• 实训任务 10-2  利用Bootstrap布局技术重构作业网站首页