适用人群

网页设计师，网页设计爱好者，自由职业

课程概述

一个响应式网页设计的基础教程。如果你想为 iPad，iPhone，Android 设备去设计页面，这个课程是必看的一个基础

目录

• 章节1:课程介绍与基本概念
• 课时1视频课程介绍01:39
• 课时2视频响应式设计的真实例子02:33
• 课时3视频viewport – 可视窗口01:33
• 课时4视频手工配置 viewport04:25
• 课时5视频像素密度02:49
• 章节2:媒体查询
• 课时6视频应用媒体查询的方法01:53
• 课时7视频media type 媒体类型04:01
• 课时8视频aspect-ratio 可视窗口宽与高的比例03:01
• 课时9视频device-aspect-ratio 设备的宽与高的比例03:34
• 课时10视频orientation 设备的使用方向02:04
• 课时11视频width（可视窗口宽度） 与 device-width（设备宽度）03:45
• 课时12视频resolution 像素密度05:09
• 课时13视频操作符 – and04:33
• 课时14视频逗号分隔连接多个媒体查询02:14
• 课时15视频操作符 – not03:04
• 章节3:响应式布局
• 课时16视频响应式布局 #103:56
• 课时17视频响应式布局 #202:05
• 课时18视频响应式布局 #302:07
• 章节4:响应式导航
• 课时19视频响应式导航01:52
• 课时20视频导航菜单的 HTML04:07
• 课时21视频导航菜单的 CSS02:46
• 课时22视频切换按钮的样式03:08
• 课时23视频响应式导航菜单的样式04:06
• 章节5:响应式的图像
• 课时24视频响应式的图像04:07
• 课时25视频响应式的背景图像01:43
• 课时26视频不同尺寸的设备使用不同的图像00:49
• 课时27视频不同尺寸的设备使用不同的背景图像03:06
• 课时28视频根据屏幕密度切换不同的背景图像03:14
• 课时29视频picturefill04:40
• 章节6:响应式幻灯片
• 课时30视频响应式幻灯片03:51
• 课时31视频幻灯片的控制按钮02:09
• 课时32视频幻灯片的控制按钮样式03:06
• 课时33视频修复幻灯片被覆盖的问题01:27
• 章节7:结束
• 课时34视频结束语