[宁皓网][网易云]响应式网页设计_网页响应式视频教程_附课程资料

3.16K 浏览福利区

[宁皓网][网易云]响应式网页设计_网页响应式视频教程_附课程资料

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

适用人群:

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

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

课程官方链接:https://ninghao.net/course/1002

164238db0bxbo32vq00ab9

此教程也被网易云课堂收录,官方课程链接:

http://study.163.com/course/introduction.htm?courseId=396006

164312nbb4o4pgl1g6pyzb

课程目录:

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.结束语

164439g6bmn23hfnu7l0er

声明:此资源由Mallol 收集整理于网络,如有侵权,请联系Mallol [[email protected]] 删除处理。

如果失效请加magento2高级交流群:220619440

下载地址:

链接: https://pan.baidu.com/s/1i46yxZv 密码: 进群找群主索要

0