适用人群

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

课程概述

一个响应式网页设计的基础教程。如果你想为 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视频结束语

回复 Hnlm 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注

评论

  • ZZRULLGF 2021年7月21日 下午11:46

    可以可以,确实不错!老板是大厂程序员!!

  • gqnrlvy 2021年9月11日 上午4:35

    大厂大厂我来了!!

  • Hnlm 2021年12月10日 下午9:19

    学海无涯

  • iiwhjkpfe 2022年1月3日 上午1:50

    hhhhhhh-

  • Etlkluwjr 2022年1月25日 上午1:57

    哇 终于这门课出来了 哈哈 谢谢

  • ldhfcm 2022年2月5日 下午1:13

    朋友介绍过来的 真心6

  • skfjj 2022年6月28日 下午7:12

    IT王子,真心赞

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源