• 课程 / Bootstrap

    Bootstrap响应式网页布局篇

    介绍 章节 评论 课件
    本Bootstrap教程讲解如何在网页布局中应用响应式设计。在课程中,您将学到响应式 Web 设计。随着移动设备的普及,如何让用户通过移动设备浏览您的网站获得良好的视觉效果,已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。
  • 难度:初级
  • 共71章节
  • 168450次播放
  • 第1章 Bootstrap.用户界面架构

    用户界面与交互架构

    01分钟44秒

    下载 Bootstrap

    02分钟15秒

    包含的文件

    02分钟26秒

    在网页中使用 Bootstrap

    05分钟34秒

    布局

    04分钟34秒

    嵌套布局与流动布局

    03分钟50秒

    响应式布局

    04分钟21秒

    把已有的固定宽度布局转换成响应式布局

    03分钟38秒

    响应式布局的实用类

    02分钟59秒

    常用标签与样式

    03分钟48秒

    列表

    03分钟30秒

    代码

    03分钟44秒

    Google Prettify

    02分钟29秒

    表格

    03分钟24秒

    表单

    04分钟09秒

    文本框的前缀与后缀

    03分钟14秒

    单选按钮

    02分钟16秒

    复选框

    02分钟17秒

    选择列表

    02分钟42秒

    表单的排版

    02分钟53秒

    按钮

    03分钟55秒

    按钮群组

    02分钟13秒

    带下拉菜单的按钮

    03分钟48秒

    导航菜单

    05分钟43秒

    导航菜单里的下拉菜单

    02分钟07秒

    导航菜单的响应式设计

    02分钟35秒

    选项卡 #1

    02分钟42秒

    选项卡 #2

    03分钟58秒

    导航路径与分页器

    04分钟01秒

    提示信息

    02分钟43秒

    缩略图

    03分钟58秒

    对话框

    04分钟01秒

    工具提示

    03分钟26秒

    折叠内容

    04分钟45秒

    旋转木马

    03分钟39秒
    第2章 响应式网页设计

    课程介绍

    01分钟39秒

    响应式设计的真实例子

    02分钟33秒

    viewport - 可视窗口

    01分钟33秒

    手工配置 viewport

    04分钟25秒

    像素密度

    02分钟49秒

    应用媒体查询的方法

    01分钟53秒

    media type 媒体类型

    04分钟00秒

    meida feature 媒体特性

    01分钟43秒

    aspect-ratio 可视窗口宽与高的比例

    03分钟01秒

    aspect-ratio 设备的宽与高的比例

    03分钟34秒

    orientation 设备的使用方向

    02分钟04秒

    height (可视窗口高度)与 device-height(设备高度)

    03分钟20秒

    width(可视窗口宽度) 与 device-width(设备宽度)

    03分钟45秒

    resolution 像素密度

    05分钟09秒

    操作符 - and

    04分钟33秒

    逗号分隔连接多个媒体查询

    02分钟13秒

    操作符 - not

    03分钟03秒

    响应式布局 #1

    03分钟56秒

    响应式布局 #2

    02分钟05秒

    响应式布局 #3

    02分钟07秒

    响应式导航

    01分钟52秒

    导航菜单的 HTML

    04分钟07秒

    导航菜单的 CSS

    02分钟46秒

    切换按钮的样式

    03分钟08秒

    响应式导航菜单的样式

    04分钟06秒

    响应式的图像

    04分钟07秒

    响应式的背景图像

    01分钟43秒

    不同尺寸的设备使用不同的图像

    00分钟49秒

    不同尺寸的设备使用不同的背景图像

    03分钟05秒

    根据屏幕密度切换不同的背景图像

    03分钟14秒

    picturefill

    04分钟40秒

    响应式幻灯片

    03分钟50秒

    幻灯片的控制按钮

    02分钟08秒

    幻灯片的控制按钮样式

    03分钟06秒

    修复幻灯片被覆盖的问题

    01分钟27秒

    结束语

    00分钟31秒

    讲师介绍

    -
    -
    学生
    能学到什么:

    本教程讲解如何在网页布局中应用响应式设计。在课程中,您将学到响应式 Web 设计。随着移动设备的普及,如何让用户通过移动设备浏览您的网站获得良好的视觉效果,已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。

    全部评论我要评论

  • 吴家三**

    吴家三**5年前

    不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**5年前

    不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**5年前

    不错不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**5年前

    不错不错不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • M_先森

    M_先森5年前

    list-style:none;k了

    回复
    0

  • hanjian

    hanjian5年前

    不错不错不错不错不错不错

    回复
    0

  • 暴躁的钳子

    暴躁的钳子5年前

    回复
    0

  • 暴躁的钳子

    暴躁的钳子5年前

    回复
    0

  • 暴躁的钳子

    暴躁的钳子5年前

    不错

    回复
    0

  • 暴躁的钳子

    暴躁的钳子5年前

    好!!!!!!!!!1

    回复
    0

  • 取消 回复 发送
  • PHP中文网