响应式布局-BootStrap从基础到项目实战 - 第二季（高级篇）
北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 案例 经典案例一营销类页面设计 趣目任务 技能点列表 准备工作 实现步骤与具体实现 实现步骤 只体实现 案例小结 案例 经典案例网页顶部与底部粘贴效果 题日任务 技能点列表 准备工作 实现步骤与具体实现 、实现步骤 、只体实现 案例小结 案例7 经典案例一博客页面 题目仟务 技能点列表 准备工作 实现步骤与具体实现 、实现步骤 具体实现 案例小结 第二部分 源码解析 教学目标 教学内容 源码解析 组件 组件架构设计思想 基础样式 颜色样式 尺寸样式 、状态样式 特殊元素样式 、并列元素样式 嵌套子元素样式 、动画样式 、小结 源码解析 插件 插件架构 布局规则 实现步骤 步骤:声明立即请用的函数 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 步骤:定义插件上类及相关原型方法 步骤:在 上定义插件上并重设构造函数 步骤:防冲突处理 步骤:绑定各种触发事件 小结 第三部分实戕:扩展现有组件 救学目材 教学内容 实战-扩展分页组件 题日任务 技能点列表 准备工作 分析及代码实现 14.1形状扩展分析与具体实现 142颜色扩展分析与只体实现 143代码优化 小结 实战扩展 弹窗 题目任务 技能点列表 准备工作 分析及代码实现 、分析扩展点 代码实现 小结 第四部分 第三方扩展 教学目标 教学内容 、多级菜单 插件 引入 基本用法 进度条插件 引入 、基木功能 高级用法 字体图标 什么是奥森字体图标? 如何获得最新版? 决速上手 用法示例 用法一、 用法二、固定宽度图标 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 用法三、列表图标 用法四、有边框漂浮图标 用法五、旋转图标 用法六、翻转图标 用法七、叠加图标 兼容方案 强大按钮样式库 什么是 如何获取 、如何使用 用法示例 用法一、形状与尺寸 用法二、带边框和不带边框的按钮 用法 按钮 用法四、突起样式的按钮 用法五、长阴景 用法六、光军效果 用法七、带下拉菜单的按钮 用法八、按钮组 用法九、堆叠按钮 用法十、额外的环绕效果 用法|一、表单按钮 用法十二、各种文字样式 语义与可访问性 插件 什么是 、如何获取 、如何使用? 用法示例 选项 事件 汉化 国际化 响应式插件 、什么是 如何获取 、如何使用 “钉子”插件 什么是 如何获取 如何使用 、综合案例 气泡提示控件 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 什么是 如何获取 如何使用 综合案例 总结 兼容库 什么是 ? 文件用途介绍 使用案例 、使用于册 附 第五部分 憾贴桌面组件源码解析 教学目标 教学内容 什么是 如何获得 人格磁贴组件效果 磁贴组件核心源码演示 代码准备⊥作 基本样式 第一步:块状定义 第二步:边框定义 颜色样式 第一步:背景色样式 第二步:内部文本样式 第三步:轮廓样式 第四步:边框颜色样式 尺寸样式 第一步:代码 第二步: 代码 状态设置 步:代码 第二步 代码 特殊元素样式 第一步:分析实现步骤 第二步 的定义 第三步: 了元素的样式定义 第四步: 样式定义 第五步: 定义 并列元素与嵌套样式 第一步 的定义 第二步:为 设置宽度 小结 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 第六部分 综合项目实战(前端 题目任务 技能点列表 准备工作 具体实现 第一步:搭框架 第二步:完成顶部按钮改计 、用户状态 、排序方式 、会员管理相关按钮 第三步:完成底部分页栏 第四步:美化底部分页 第五步:中间的表格设计 衣格衣头设计 细化表格内容 第六步:角色弹出框设计 、模态弹出框 、角色绑定弹出 第七步:创建用广 用户模态对话框 、绑定创建用户按钮 第八步:完善表格内容 第九步:项目优化 小结 附 血向对象编程技术 面向对象的基础 、用定义函数的方式定义类 使用操作符获得一个类的实例 、使用方括号()引用对象的属性和方法 动态添加、修改、删狳对象的属性和方法 、使用大括号()语法创建无类型对象 原型对象 二、深入认识 中的函数 概述 认识函数对象( 、函数对象和其他内部对象的关系 、将函数作为参数传递 、传递给函数的隐含参数: 、函数的 方法和属性 深入认识 中的指针 中的类的封装 、理解类的实现机制 、使用 对象定义类成员 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 一种 类的设计模式 、实现类的公有成员 实现类的私有成员 实现静态成员 中的类的继承与反射机制 什么是反射机制 在 中利用for.in..)语句实现反射 使用反射来传递样式参数 利用共享 实现继承 、利用反射机制和 实现继承 框架中的类继承实现机制 附 升级到指南 、概述 、主要 的变更 新增的内容 删除的内容 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 第一部分 经典案例解析 教学目标 目标一、了解 Bootstrap经典布局案例 目标二、掌握 Bootstrap css/S在实际页面中的使用场景 目标三、掌握 Bootstrap各组件的使用场合和设计技巧 目标四、了解 网页设计最佳实践 北尺网 FBEUFENE. D口M 北风网一中国网络教育第一品牌 教学内容 以下几个布局示例的基础模板.鼓励使用者对这些例子进行扩展开发,而不是简 单的把它们作为最终结果来使用 案例: 经典案例-窄屏模式网页 11题目/任务 题目:窄屏模式网页设计 任务:对于小项目或团队,一般可以使用这种简单、轻量级的窄屏传统普通模式.,要 求实现效果如下 saT× TemplatE x图Naw百xa百序翻浑x ⑤窗即h pkinghamkcon票合 Q- Laban Q □收范夫栏「看片□其他□在赦□开公频道□ Bootstrap 3口其它收兹 Project name Home About contact Super awesome marketing speak Cras justo odio, dapibus ac facilisis in, egestas eget quam Fusce dapibus tellus ac cursus commodo tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus Sign up today