响应式网页设计

课程简介:

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

课程截图:

资源下载此资源为免费资源,请先

“响应式网页设计”的353个回复

  1. Индивидуальный подход к консультированию!
    Психологи онлайн Консультация психолога.

    Индивидуальный подход к консультированию!
    Консультация психолога онлайн.
    Консультация психолога в Киеве Консультация психолога онлайн.
    Онлайн-консультация у психолога.

  2. У нас тринадцать топовых сериалов для истинных ценителей драмы.
    Чики смотреть онлайн новый
    сезон. Ищите по году выхода, Сериалы жанра “Драма”.
    Да и все мы помогает каталог телеканалов 2х2, HD Eurosport 1, 4K 2х2, прямой эфир
    2х2, трансляция НТВ.

  3. Приготовили для Вас одинадцать свежих сериалов для поклонников драмы.

    Полицейский с Рублевки 6 сезон (2021) 1 2 3 4 5 6 7 8 серия новый
    сезон, новые серии. Скачивайте по году
    выхода, Сериалы жанра “История”.
    Вдобавок наш проект всегда готова предоставить перечень различных каналов 2х2, HD
    К1, 4K ПлюсПлюс, прямой эфир Киносерия, трансляция Пятница.

发表评论

邮箱地址不会被公开。