新書推薦:
《
拍电影的热知识:126部影片里的创作技巧(全彩插图版)
》
售價:HK$
112.7
《
大唐名城:长安风华冠天下
》
售價:HK$
89.7
《
情绪传染(当代西方社会心理学名著译丛)
》
售價:HK$
90.9
《
中国年画 1950-1990 THE NEW CHINA: NEW YEAR PICTURE 英文版
》
售價:HK$
236.0
《
革命与反革命:社会文化视野下的民国政治(近世中国丛书)
》
售價:HK$
93.2
《
画楼:《北洋画报》忆旧(年轮丛书)
》
售價:HK$
337.5
《
大国脊梁:漫画版
》
售價:HK$
80.2
《
跟着渤海小吏读历史:大唐气象(全三册)
》
售價:HK$
189.0
|
編輯推薦: |
原Bootstrap畅销书重磅升级,核心案例移植到Bootstrap4; 注重实践应用,作者融多年教学经验和前端开发经验于一体;每章配完整的案例,微课视频、项目指导、教学PPT等资源辅助教学。
|
內容簡介: |
Bootstrap是一个基于HTML5和CSS3的前端开发框架,它现成可用的HTML标记、CSS样式、JavaScript插件,极大地提高了Web前端界面的开发效率。目前,它已成为了前端设计领域流行的辅助技术。 本书共分8章,围绕Bootstrap 4框架的使用,讲述了Bootstrap 4框架中各类排版元素,表单、表格、列表、图片、导航等各类CSS组件和轮播、对话框、下拉菜单、滚动监听等JavaScript插件。前7章都有丰富的实例,第8章是一个综合案例。此外,个账实训案例均配有微课视频。
|
關於作者: |
赵丙秀,副教授,现任职于武汉软件工程职业学院信息学院软件技术专业,先后获得 “武汉优秀青年教师”,武汉软件工程职业学院“双师素质”教师、“优秀中青年骨干教师”。出版过10多本计算机相关专业课程书籍,发表学术论文10多篇。
|
目錄:
|
1 Bootstrap 是什么 1.1 Bootstrap 简述1.2 如何使用 Bootstrap1.3 包含内容1.4 简单模板1.5 案例:简单实例2 网格系统2.1 实现原理2.2 工作原理2.3 基本用法2.4 列偏移2.5 列排序2.6 列嵌套2.7 案例:招商银行首页实训项目---页面布局3 CSS布局3.1 标题3.1.1标题3.1.2 小标题3.1.3 display类3.2 文本3.2.1 lead类3.2.2 mark 标签3.2.3 del 和 s 标签3.2.4 ins 和 u 标签3.2.5 strong 和 b 标签3.2.6 em 和 i 标签3.2.7 文本对齐方式3.2.8 字母大小写3.2.9 缩略语3.2.10 地址3.1.11 引用3.2 列表3.2.1 有序列表和无序列表3.2.2无样式列表3.2.3 内联列表3.2.4描述列表.3. 3 代码3.4 图片 3.4.1 图片形状 3.4.2响应式图片 3.4.3 对齐图片 3.4.4 图文组合3. 5 表格3. 4.1 基础表格3. 4.2 条纹表格3. 4.3带边框的表格3. 4.4 高亮行3. 4.5 紧凑型表格3. 4.6 响应式表格3.4.7 表格颜色3.6 按钮3.5.1 基本按钮3.5.2 多标签3.5.3 按钮风格3.5.4 按钮大小3.5.5 块状按钮3.5.6 激活和禁用3.8 案例—个人主页实训项目--页未模块4 工具类 4.1 颜色 4.2 边框 4.3 flex布局 4.4 浮动类 4.4.1 浮动 4.4.2 清除浮动 4.5 关闭图标 4.6 文本类 4.6.1 文本对齐 4.6.2 折行和溢出 4.6.3 单词中断 4.6.4 文本转换 4.6.5 等宽字体 4.6.6 粗细斜体 4.6.7 颜色重置 4.6.8 去掉超链接下划线 4.7 display属性 4.7.1 基本使用 4.7.2 隐藏元素 4.7.3 print值 4.8 溢出 4.9 定位 4.10 尺寸 4.11 间隔 4.12 垂直对齐 4.13 可见性 4.14 案例---各类工具的使用 实训项目--图文模块5 表单5.1 基础表单5.1.1 基本实例5.1.2 内联表单5.1.3 水平表单5.2 表单控件5.2.1 输入框5.2.2 下拉框5.2.3 文本域5.2.4 多选框和单选框5.3 表单焦点5.4 表单禁用5.5 验证样式4.5.1 颜色提示4.5.2 图标提示4.5.3 文字提示5.6 元素大小4.6.1 高度4.6.2 宽度5.7 输入框组5.8 自定义表单5.9 案例:一个表单页面实训项目--表单部分6 Css组件6.1 下拉菜单6.1.1 基本用法6.1.2 基本原理6.1.3 分割线6.1.4 菜单标题6.1.5 对齐方式6.1.6 菜单状态6.3导航6.3.1导航基础样式6.3.2选项卡导航6.3.3 Pills导航6.3.4垂直导航6.3.5导航状态6.3.6自适应导航6.3.7导航二级菜单6.3.8面包屑导航6.4导航条6.4.1 导航条的基本用法6.4.2 品牌图标6.4.3导航条上的表单6.4.4导航条上的按钮6.4.5导航条上的文本6.4.6导航条上的链接6.4.7导航条中的二级菜单6.4.8固定导航条6.4.9反色导航条6.5分页导航6.6标签和徽章6.7 卡片5.7.1 基本卡片5.7.1面板的标题和脚注5.7.1卡片里的元素5.7.1图片卡片6.9提示框6.10进度条6.10.1基础进度条6.10.2显示进度条5.10.3彩色进度条5.10.4堆叠效果6.11列表组6.11.1基础列表组6.11.2带徽章的列表组6.11.3链接列表组6.11.4其他元素的支持6.11.5状态设置6.11.6列表组主题6.12媒体对象6.12.1基本构成6.12.2对齐方式6.12.3嵌套对象6.12.4媒体列表组6.13 巨幕6.14 旋转图标6.15 图标6.14 案例:制作一个简单的公司主页实训项目--导航条、页头等模块7 javascript插件7.1插件库说明7.2对话框7.2.1对话框的结构7.2.2对话框的特点7.2.3弹出框触发方式7.2.4过度效果7.2.5触发参数data-*7.2.6JavaScript触发7.3下拉菜单7.3.1声明式触发7.3.2JavaScript触发7.3.3事件7.4滚动监听7.4.1组件说明7.4.2滚动监听实现步骤7.4.3声明式触发7.4.4JavaScript触发7.5 Tab选项卡7.5.1选项卡的组成7.5.2声明式触发7.5.3JavaScript触发7.5.4Pills导航7.5.5过渡效果7.5.6事件7.6Tip提示框7.6.1结构7.6.2JavaScript触发7.6.3Data-*属性7.6.4事件7.7Popover弹出框7.7.1弹出框结构7.7.2声明式属性7.7.3JavaScript触发7.7.4事件7.8警告框6.8.1 Alert结构6.8.2声明式触发6.8.3JavaScript触发6.8.4事件7.9 toast弹框6.9.1 Alert结构6.9.2声明式触发6.9.3JavaScript触发6.9.4事件7.10折叠6.10.1结构6.10.2声明式触发6.10.3方法6.10.4事件7.11轮播图6.11.1轮播结构6.11.2声明式触发6.11.3javaScript触发6.11.4事件7.13综合案例:一个公司主页实训项目--轮播、模态框等模块8 企业网站 8.1 准备启动文件 8.2 页头区 8.2.1 把Logo 放到导航条上方 8.2.2 调整导航条 8.3 添加实用导航 8.4 调整响应式导航 8.5 调整配色 8.6 调整折叠后的导航条配色 8.7 设计复杂的响应式布局 8.7.1 调整中、宽布局 8.7.2 调整标题、字体大小和按钮 8.7.3 增大主栏 8.7.4 调整第三栏 8.7.5 针对多个视口进行微调 8.8 复杂的页脚 8.8.1 准备标记 8.8.2 调整布局适应平板 8.8.3 针对性地清除8.8.4 修整细节附录
|
|