知识点
相关文章
更多最近更新
更多Bootstrap视频教程-宁皓网:Bootstrap 网页设计用户界面架构
2019-03-03 23:24|来源: 网络
中文名: 宁皓网:Bootstrap 网页设计用户界面架构
英文名: Bootstrap : User Interface Framework
别名: Bootstrap 网页设计用户界面与交互架构
资源格式: 光盘镜像
主讲人: 王皓
版本: 完整版
发行日期: 2012年08月22日
地区: 大陆
对白语言: 普通话
内容介绍:
Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。
架构的意思就是把经常用的东西事先为你编写好,需要的时候,直接调用就可以了。
比如说,你想去设计网页的布局,你需要计算网页的宽度,然后手工把布局要用的 CSS 代码写出来。
Bootstrap 架构内置了一套网格布局系统,你只需要在元素中使用设计好的布局相关的网格类,不需要你再去手工撰写布局使用的CSS代码了。
如果你想在网页中出现一个按钮,通常你需要先用图形设计软件,去设计一个按钮 ,然后再把它用 HTML 和 CSS 表示出来。
在网页中使用Bootstrap架构 ,我们可以直接为元素添加Bootstrap 设计好的按钮相关的类,就可以立即在网页中出现一个漂亮的按钮,Bootstrap 还允许你控制这个按钮的颜色 ,样式,大小等等。
Bootstrap 里面包含了很多在网页中经常用的界面的设计。表格,表单、导航栏,按钮组,分页器,导航路径等等。
Bootstrap 还提供了很多交互的小插件,比如对话窗,下拉菜单,工具提示,选项卡等等,这些你都可以直接使用,你只需要按照 Bootstrap 设计好的方式,先把代码的结构写出来,然后在元素中使用相应的类,剩下的事 Bootstrap 全部都会为你做好。
这让我们的工作变得非常简单。
目录:
00-00-Bootstrap 用户界面与交互架构
01-01-下载 Bootstrap
01-02-包含的文件
01-03-在网页中使用 Bootstrap
02-01-布局
02-02-嵌套布局与流动布局
02-03-响应式布局
02-04-把已有的固定宽度布局转换成响应式布局
02-05-响应式布局的实用类
03-01-常用标签与样式
03-02-列表
03-03-代码
03-04- Google Prettify
04-01-表格
05-01-表单
05-02-文本框的前缀与后缀
05-03-单选按钮
05-04-复选框
05-05-选择列表
05-06-表单的排版
06-01-按钮
06-02-按钮群组
06-03-带下拉菜单的按钮
07-01-导航菜单
07-02-导航菜单里的下拉菜单
07-03-导航菜单的响应式设计
08-01-选项卡 #1
08-02-选项卡 #2
09-01-导航路径与分页器
10-01-提示信息
11-01-缩略图
12-01-对话框
13-01-工具提示
14-01-折迭内容
15-01-旋转木马
相关问答
更多-
谁有java的gui视频视频教程[2022-12-17]
怎么给你呢,也没有一个QQ邮箱之类的东西 -
一个不错的视频教程网[2023-07-10]
windows教程 http://www.xueyoule.com/html/shipin/diannao/windowsjichu/index.html linux教程 http://www.xueyoule.com/html/shipin/diannao/caozuoxitong/Linux/index.html 系统原理基础 http://www.xueyoule.com/html/shipin/diannao/caozuoxitong/xitongyuanli/index.html photosho ... -
哪个网站的视频教程好[2024-01-17]
-
求一个Dreamweaver8的实战视频教程![2022-08-12]
在这儿可以学习 http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html -
PHP的视频教程[2022-06-27]
你去台湾中原大学的网站看看吧,那里面有开PHP和MYSQL的课程,都有制作成录像,讲得蛮不错的,而且课件也是可以下的,网址是:www.cycu.edu.tw -
flash8游戏制作视频教程[2023-11-18]
在http://tech.163.com/school/video/里有好多FLASH视频教程.别忘了给我加分啊,嘿嘿 -
视频教程网[2022-04-20]
千源网。网易学院 -
关于网页制作视频教程[2022-01-31]
Flash基础视频教程: http://www.cxzzl.com.cn/cxzzlschool/index.asp?boardid=11 Flash进阶视频教程: http://www.cxzzl.com.cn/cxzzlschool/index.asp?boardid=33 Fireworks视频教程: http://www.cxzzl.com.cn/cxzzlschool/index.asp?boardid=12 HTML视频教程: http://www.cxzzl.com.cn/cxzzlschoo ... -
系统架构设计师视频教程[2022-09-19]
系统分析师的工作 了解需求-》分析需求-》需求建模 给设计人员沟通需求的设计意图 然后设计人员去实现 设计人员设计原型-》用户 系统分析师工作 用户反馈意见-》了解需求 。。。 有时需要循环迭代。因为需求通常不是一开始就很明确的 系统架构师的工作 不光是需求 统观全局:站在更高的起点去做考虑整个系统的设计 沟通:需要和客户或者分析人员沟通。需要和设计人员一起探讨设计意图)。 决策判断和取舍:如选择什么技术方案对于目前项目是最适合的。 架构师不是只关注功能需求的、很大程度上偏向于非功能需求的考虑。 比如:效率 ... -
网页设计从起步到高手的视频教程[2022-08-13]
图片处理得不错,可网页就确实有点.... 另外,没明白你你说的JAP和ASK这两个的意思! 我想是不是JSP和ASP,如果错了别笑话我呢! 我也是刚学ASP的,如果有兴趣可以交流一下!