摘要：
学习要点： 1.HTML5 的历史 2.HTML5 的功能 3.HTML5 的特点 4.课程学习问题 主讲教师：李炎恢 HTML5 是继 HTML4.01 和 XHTML1.0 之后的超文本标记语言的最新版本。 它是由一群自由思想者组成的团队设计出来，并最终实现多媒体支持、交互性、更加智能的表单，以 阅读全文
摘要：
学习要点： 1.案例内容 2.关于内容 主讲教师：李炎恢 本节课我们制作一下子案例栏目和关于栏目。 一．案例内容 //案例内容 1-4 个根据不同显示比例展示 //CSS 部分 二．关于栏目 //左右两栏即可 //CSS 部分 阅读全文
摘要：
学习要点： 1.资讯内容 主讲教师：李炎恢 本节课我们制作一下子栏目资讯内容。 一．资讯内容 //谷歌浏览器解析的顺序调整，需要全部加载后执行 注：对于 Firefox 浏览器，可以按 Ctrl+Shift+M，调整移动端尺寸。 //子栏目标题 //栏目 CSS //资讯内容 //资讯内容 CSS 阅读全文
摘要：
学习要点： 1.首页内容介绍[下] 主讲教师：李炎恢 本节课我们制作一下首页内容介绍的下半部分。 一．首页内容介绍[下] //先完成底部的 footer //底部 CSS //两段内容 //CSS 部分 //JS 控制垂直居中 阅读全文
摘要：
学习要点： 1.首页内容介绍[上] 主讲教师：李炎恢 本节课我们轮播图的下方，设计一个内容介绍，内容介绍分两部分，本次为上半部分。 一．首页内容介绍[上] //关于上节课轮播图，手册上其实有一个更好的方案，并不需要通过额外的代码控制。 //内容介绍上 //对应的 CSS 部分 阅读全文
摘要：
学习要点： 1.响应式轮播图 主讲教师：李炎恢 本节课我们要在导航条的下方做一张轮播图，自动播放最新的重要动态。 一．响应式轮播图 //响应式轮播图 //所需要的 jQuery 控制 //调整轮播器箭头位置 //所需要的 CSS 阅读全文
摘要：
学习要点： 1.响应式导航 主讲教师：李炎恢 本节课我们开始设计第一个项目， 一个内训公司的企业网站， 本节课学习响应式导航部分。 一．响应式导航 //基本导航组件+响应式 阅读全文
摘要：
学习要点： 1.附加导航插件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的附加导航插件。 一．附加导航 附加导航即粘贴在屏幕某处实现锚点功能。 //基本实例 //导航的 CSS 部分 //JavaScript 代替 data-spy="affix" data-offset-to 阅读全文
摘要：
学习要点： 1.轮播插件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的轮播插件。 一．轮播 轮播插件就是将几张同等大小的大图，按照顺序依次播放。 //基本实例。 data 属性解释： 1.data-slide 接受关键字 prev 或 next，用来改变幻灯片相对于当前位置的位 阅读全文
摘要：
学习要点： 1.按钮 2.折叠 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的按钮和折叠插件。 一．按钮 可以通过按钮插件创建不同状态的按钮。 //单个切换。 注：在 Firefox 多次页面加载时，按钮可能保持表单的禁用或选择状态。解决方案是：添加 autocomplete=" 阅读全文
摘要：
学习要点： 1.弹出框 2.警告框 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件。 一．弹出框 弹出框即点击一个元素弹出一个包含标题和内容的容器。 //基本用法 //JavaScript 初始化 弹出框插件有很多属性来配置提示的显示，具体如下： 通过 Java 阅读全文
摘要：
学习要点： 1.标签页 2.工具提示 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的标签页和工具提示插件。 一．标签页 标签页也就是通常所说的选项卡功能。 //基本用法 //可以设置淡入淡出效果 fade，而 in 表示首选的内容默认显示 //也可以换成胶囊式 //data-ta 阅读全文
摘要：
学习要点： 1.下拉菜单 2.滚动监听 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的下拉菜单插件， 这个插件在以组件的形式我们已经学习过，那么现在来看看怎么和 JavaScript 交互的。 一．下拉菜单 常规使用中，和组件方法一样，代码如下： //声明式用法 声明式用法的关键 阅读全文
摘要：
学习要点： 1.基本使用 2.用法说明 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 中的模态框插件， 这是一款交互式网站非常常见的弹窗功能插件。 一．基本使用 使用模态框的弹窗组件需要三层 div 容器元素，分别为 modal(模态声明层)、 dialog(窗口声明层)、conte 阅读全文
摘要：
学习要点： 1.列表组组件 2.面板组件 3.响应式嵌入组件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能：列表组组件、面板组件、 响应式嵌入组件。 一．列表组组件 列表组组件用于显示一组列表的组件。 //基本实例 //列表项带勋章 //链接和首选 //按钮式列表 / 阅读全文
摘要：
学习要点： 1.Well 组件 2.进度条组件 3.媒体对象组件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能：Well 组件、进度条组件、媒体对象组件。 一．Well 组件 这个组件可以实现简单的嵌入效果。 //嵌入效果 //有 lg 和 sm 两种可选值 二．进度 阅读全文
摘要：
学习要点： 1.巨幕组件 2.页头组件 3.缩略图组件 4.警告框组件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 的四个组件功能：巨幕组件、页头组件、缩略图组件和警告框组件。 一．巨幕组件 巨幕组件主要是展示网站的关键性区域。 //在固定的范围内，有圆角 //100%全屏，没有圆 阅读全文
摘要：
学习要点： 1.路径组件 2.分页组件 3.标签组件 4.徽章组件 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 的四个组件功能：路径组件、分页组件、标签组件和徽章组件。 一．路径组件 路径组件也叫做面包屑导航。 //面包屑导航 二．分页组件 分页组件可以提供带有展示页面的功能。 / 阅读全文
摘要：
学习要点： 1.输入框组件 2.导航组件 3.导航条组件 主讲教师：李炎恢 本节课我们主要学习一下Bootstrap的两个个组件功能： 输入框组件和导航导航条组件。 一．输入框组件 文本输入框就是可以在<input>元素前后加上文字或按钮，可以实现对表单控件的扩展。 //在左侧添加文字 //在右侧添 阅读全文
摘要：
学习要点： 1.小图标组件 2.下拉菜单组件 3.按钮组组件 4.按钮式下拉菜单 主讲教师：李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能：小图标组件、下拉菜单组件和各种按钮组件。 一．小图标组件 Bootstrap 提供了免费的 263 个小图标（数了两次），具体可以参考中文官 阅读全文