Bootstrap 13th Nov. 2015 @Author:任娜.

Slides:



Advertisements
Similar presentations
护理部教学管理 南医大二附院 张淑芬. 护理部主要工作:  培训  质量  教学科研 临床教学的秘诀 What – 需要的、喜欢的 Who – 教师的角色 – 学生的程度、学习方式 How – 教学方法.
Advertisements

1 自然人憑證 結合人事差假管理系統 指導老師:丁德榮 教授 作者:何岳剛、蘇巨鋒、廖偉吏、鄭致瑋、湯媛喬、李封儒 報告人:廖偉吏 彰化師範大學 資訊工程學系 報告日期: 95/11/2.
何仕仁 主任. 國立彰化高中數理資優班 柯承翰、柯宗賢、曾品祥 國立彰化高中數理實驗班 柯宗逸、辛百弘 國立彰化女中數理資優班 姚彤錦 國立彰化女中語文資優班 陳思穎 國立彰化女中數理實驗班 姚曉蓉.
口試準備及口語表達技巧 民國 98 年 2 月 26 日 12:00pm 國立三重高中 陸芳瑜老師 1.
新闻写作基础知识 一. 新闻导语 二.新闻主体 三.新闻结构 四.角度选择.
中三選科— 文科.
對於學習不力學生的學習輔導經驗分享 張其清 新北市立新北高工 主任輔導教師.
我愛你,你不愛我, 我得不到的心,別人也休想得到。
第三章及第四章資產負債表的重點整理 取材自1.課本 2.鄭丁旺中會第九版 3.營業員題庫重點.
国家自然科学基金项目申请 经验交流与心得体会
高考主题讲座 高考语文 董 腾.
如何幫助兒童情緒管理- 一般兒童及情緒障礙兒童
簡報大綱 臺北健全房市策略簡介 臺北房市交易量大哉問 臺北房市成交價大彙集 臺北市交易違規大現形 預售屋契約預審制推行
自定义汇总报表 演示 作者:栗川.
项目2 字符格式和段落编排 2017年3月7日6时54分.
大家好!.
网上疯传的一条微博: 早上。买两根地沟油油条。切个苏丹红咸蛋。冲杯三聚氢氨奶。吃完开锦湖轮胎的车去上班。
心理健康教育 高职校学生心里健康教育.
2017/3/12 国家自然科学基金 申请书的填写.
(讲座幻灯课件请在网上下载,让我们一起思考!)
12年國教前哨站 談適性輔導及免試入學 12年國教前哨站 談適性輔導及免試入學 主講人:龍門國中王意蘭 校長 輔導主任 潘姿伶.
Web程序设计基础 太原理工大学 计算机科学与技术学院 林福平 求实创新
(讲座幻灯课件请在网上下载,让我们一起思考!)
加强学生党性修养 人文科学系第一学生党支部 朱青玲 绍兴文理学院元培学院学生入党积极分子党课
(讲座幻灯课件请在网上下载,让我们一起思考!)
欢迎再次走进 思想政治的课堂.
从2008年度时尚先生看我们的时代精神方向.
學習行為觀察與評估 講 師:陳怡華.
第七單元 大眾運輸好方便 凡事小心才安全.
罗湖区第二届智慧杯中学政治学科小课题研究
离职流程精细化标准推进材料 人事行政处.
4-1 電話禮儀的基本觀念 4-2 接聽電話的禮儀 4-3 打電話的禮儀 4-4 打國際電話的禮儀
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
Selenium 一个用于Web应用程序测试的工具 Robin Ren
新聞報導 一、什麼是新聞? 1、狗咬人不是新聞,人咬狗才是新聞 2、大眾關切的事 3、讀者有興趣知道的事 4、接近性.
教案名稱: 社群網站的益處 本教案製作者:毛俞婷
什么是Android 本讲大纲: 1、平台特性 2、平台架构 3、Android市场 支持网站:
大学计算机基础 典型案例之一 构建FPT服务器.
PPPoE PPTP L2TP全解 方伟、产品策划 讲师的CSDN博客地址
SVN服务器的搭建(Windows) 柳峰
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
第17章 网站发布.
美國康乃狄克州槍擊慘案.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
指導老師:葉淳媛老師 組 員:施金翰 廖仁輝 李柏蔚 黃威耀 邱哲偉 張育彬 報告日期:100年12月6日
武汉纺织大学传媒学院 cm.wtu.edu.cn
/ 第6讲:开放服务集成开发 冯顺磊 /
第八單元 清晨摸黑騎鐵馬 反光配件要加碼.
第四章 团队音乐会序幕: 团队协作平台的快速创建
2019/4/20 关注NE官方微信,获取更多服务.
國立清華大學台灣研究 教師在職進修碩士學位班 陳韻如 繪圖者:趙祐瑜.
VisComposer 2019/4/17.
网页设计与制作 Jiangxi Engineering Vocational College 信息工程系 徐卫红.
107學年度高雄區 實用技能學程輔導分發 五福國中說明會
2019/4/26 关注NE官方微信,获取更多服务.
交際障礙分組系統 大家好,關於我們的深碗計畫,交際障礙分組系統,是我們的主題。.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
南投縣106年度 結合家長會防制學生藥物濫用宣導
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
賣場與網站設計 EC-IC 2010最佳賣場設計奬第一名觀摩 EC-IC 2010最佳賣場設計奬第三名觀摩 各國網站風格大不同 網站設計.
Delphi 7.0开发示例.
喜雨亭記 國二甲 S 陳姿婷.
服務業的就業前景 與 所需人才特性.
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
关于使用问题的解决方法 中山医学院大数据信息系统.
FrontPage 2000.
Web前端开发 第7章:初识CSS3 阮晓龙 / 河南中医药大学管理科学与工程学科
FVX1100介绍 法视特(上海)图像科技有限公司 施 俊.
社会的角度: 自然的角度 艺术的角度 出卖肉体的妓女 ——是“美”还是“丑”? 风烛残年、浑身皱纹等 ——是“美”还是“丑”? 《欧米哀尔》,青铜, 罗丹 1885年,又名《老娼妓》 社会的角度: 出卖肉体的妓女 ——是“美”还是“丑”? 自然的角度 风烛残年、浑身皱纹等.
Presentation transcript:

Bootstrap 13th Nov. 2015 @Author:任娜

目 录 1、What? 2、How ? 3、Why?

1、What Bootstrap是来自Twitter,目前很受欢迎的一个前端(CSS/HTML)框架,主要用于开发响应式布局、移动设备优先的 WEB 项目。 HTML Css JavaScript HTML5 Css3 1、提供了HTML和Css规范 2、包含了丰富的Web组件 3、自带13个jQuery插件 Twitter一家美国社交网络及微博客服务的网站. jQuery 是一个 JavaScript 函数库 其中包括以下组件: 下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

Bootstrap包含的内容 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结 构。 CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元 素样式、可扩展的 class,以及一个先进的网格系统。 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、 导航、警告框、弹出框等等。 JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以 直接包含所有的插件,也可以逐个包含这些插件。 定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自 己的版本。 建议学习网址:http://www.runoob.com/bootstrap/bootstrap-intro.html

不同技能等级的开发者和不同的使用场景,选择不同源码。 2、How:下载和使用 下载地址: http://v3.bootcss.com/getting-started/#whats-included 开源工具,中文网上有如何下载、使用,还有基本模版和案例。 CDN的全称是Content Delivery Network,即内容分发网络。一种新型网络构建方式。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。 不同技能等级的开发者和不同的使用场景,选择不同源码。

文件结构 预编译版

使用了 Bootstrap 的基本的 HTML 模板

3、Why? 1 2 (图像按比例缩放) 3 4 …..

Bootstrap适用浏览器和设备

Bootstrap包含 学习网址:http://www.runoob.com/bootstrap/bootstrap-css-overview.html

Bootstrap UI编辑工具

国内用Bootstrap开发的网址 案例库:http://expo.bootcss.com/

The end! 感谢各位的聆听!