所向披靡的响应式开发 响应式网页开发一招致胜

课程简介:

做一套多端适配的互联网金融响应式网页
源于互联网金融真实案例
以一个实际上线的互联网金融网页为案例,实际演示响应式网页的成型过程
响应式开发所有知识
包含了响应式开发所涉及到的几乎全部知识点,而且不仅限于开发,还涵盖了产品、设计、流程等方方面面,让你一次性将响应式开发学会
对初学者非常友好
讲师切实考虑到了初学者理解上的问题,每个知识点讲解都非常细致,只要你具备HTML、CSS、JavaScript基础就可以学习本课程

课程由慕课网发布,猴头客收集整理于网络,如有侵权,请联系猴头客删除!

课程目录:

第1章 前期准备
第2章 如何组织项目目录结构
第3章 开始编写HTML代码
第4章 如何实现PC端的样式
第5章 如何实现移动端的样式
第6章 如何实现响应式广告及响应式图片
第7章 Node.js简介
第8章 如何处理兼容性及在多个设备上进行调试
第9章 如何打包发布
第10章 课程扩展1 — 选择一个趁手的IDE
第11章 课程扩展2 — 聊聊原型设计和切图
第12章 课程大作业

课程截图:

响应式网页设计

课程简介:

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

课程截图: