[宁皓网][网易云]响应式网页设计_网页响应式视频教程_附课程资料
[宁皓网][网易云]响应式网页设计_网页响应式视频教程_附课程资料
一个响应式网页设计的基础教程。如果你想为 iPad,iPhone,Android 设备去设计页面,这个课程是必看的一个基础。
适用人群:
网页设计师,网页设计爱好者,自由职业
此为宁皓网出品课程,版权归原作者所有,下载街博客收集整理于网络。
课程官方链接:https://ninghao.net/course/1002
此教程也被网易云课堂收录,官方课程链接:
http://study.163.com/course/introduction.htm?courseId=396006
课程目录:
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.结束语
声明:此资源由Mallol 收集整理于网络,如有侵权,请联系Mallol [[email protected]] 删除处理。
如果失效请加magento2高级交流群:220619440
下载地址: