[宁皓网][网易云课堂]响应式网页设计_网页响应式视频教程_附课程配套资料[百度云盘]



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


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


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

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

QQ截图20171207210738.png


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

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

QQ截图20171207210907.png


课程目录:

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


QQ截图20171207211325.png


课程截图:

QQ截图20171207211431.png


QQ截图20171207211507.png


QQ截图20171207211530.png


课程配套资料截图:

QQ截图20171207212422.png


声明:此资源由微夏博客 [vxia.net] 收集整理于网络,如有侵权,请联系微夏博客 [copyright@vxia.net] 删除处理。


下载地址:

[宁皓网][网易云课堂]响应式网页设计_网页响应式视频教程_附课程配套资料[百度云盘]



赞赏
X
赞赏方式:
  • 支付宝
  • 微信

打开支付宝扫一扫

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.vxia.net/post-1174.html

相关推荐

评论

  1. tyzk
    2017-12-09 21:17
    这个并不是完整版的教程,每集截取几分钟,是为了宣传么??
    1. 2017-12-09 23:29
      @tyzk:文章中附有官网课程以及网易云课堂的课程链接,里面都有目录及每课的时间。
      微夏博客的此分享,与官网及网易云课堂中的课程目录和时间,都相同。
    1. 2017-12-11 21:08
      @℡若兮相言:看了两集,都是跳跃性的不连贯内容,不像是完整的课堂实录,站长可以试看一下,看是否有同感!

你肿么看?

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。