响应式网页设计

2018-03-1404:44:36 发表评论 1,082 ℃

响应式网页设计

课程简介:

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

适用人群:网页设计师,网页设计爱好者,自由职业

此为宁皓网出品课程,版权归原作者所有,收集整理于网络。

课程目录:

01.课程介绍

02.响应式设计的真实例子

基础

03.viewport-可视窗口

04.手工配置viewport

05.像素密度

媒体查询

06.应用媒体查询的方法

07.mediatype媒体类型

08.meidafeature媒体特性

09.aspect-ratio可视窗口宽与高的比例

10.device-aspect-ratio设备的宽与高的比例

11.orientation设备的使用方向

12.height(可视窗口高度)与device-height(设备高度)

13.width(可视窗口宽度)与device-width(设备宽度)

14.resolution像素密度

15.操作符-and

16.逗号分隔连接多个媒体查询

17.操作符-not

布局

18.响应式布局#1

19.响应式布局#2

20.响应式布局#3

导航

21.响应式导航

22.导航菜单的HTML

23.导航菜单的CSS

24.切换按钮的样式

25.响应式导航菜单的样式

图像

26.响应式的图像

27.响应式的背景图像

28.不同尺寸的设备使用不同的图像

29.不同尺寸的设备使用不同的背景图像

30.根据屏幕密度切换不同的背景图像

31.picturefill

幻灯片

32.响应式幻灯片

33.幻灯片的控制按钮

34.幻灯片的控制按钮样式

35.修复幻灯片被覆盖的问题

36.结束语

课程截图:

响应式网页设计 响应式网页设计

资源下载此资源为免费资源立即下载
客服微信是:siwa300888 客服QQ:3277817376
猴头客
广告也精彩

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: