新書推薦:

《
阴郁之人的晴朗之地
》
售價:HK$
68.2

《
金融陷阱
》
售價:HK$
75.9

《
豆包AI从会用到精通
》
售價:HK$
63.8

《
HR必备法律工具书:企业用工风险防范实务操作与案例精解(第二版)
》
售價:HK$
118.8

《
威尔·杜兰特:最伟大的思想
》
售價:HK$
52.8

《
日本装帧110年系谱
》
售價:HK$
173.8

《
厨房药房:用香料和药草疗愈身心
》
售價:HK$
54.8

《
稳富:悄悄存钱,稳稳变富
》
售價:HK$
63.8
|
| 編輯推薦: |
1.本书内容简明扼要,结构清晰;任务丰富,强调实践;图文并茂,直观明了,帮助学生在完成任务的过程中学习相关的知识和技能,提升自身的综合职业素养和能力。 2.本书案例新颖,将优秀传统文化、社会主页核心价值观、中国书法、中国画、二十四节气、劳动精神等自然融入案例,在学习知识与技能的同时提升综合素养。 3.本书本书配套书中任务、习题涉及的素材与效果文件、PPT电子课件、电子教案、微课视频80个。
|
| 內容簡介: |
Bootstrap为当前流行的前端UI 框架,本书着力于Bootstrap的开发原理,通过大量案例和综合任务,让读者能感受Bootstrap的强大威力,以及掌握用Bootstrap及相关插件设计专业的用户交互。 本书共有8个任务,共分为三篇:Bootstrap基础、Bootstrap框架、Bootstrap综合实战案例应用。第一篇为Bootstrap基础,主要介绍认识响应式布局、Bootstrap框架的基础知识等内容;第二篇为Bootstrap框架,主要介绍了Bootstrap网格系统、Bootstrap基础排版与工具应用、运用Bootstrap表格、运用Bootstrap表单、使用组件等相关的内容;第三篇为Bootstrap实战,主要包括基于Bootstrap框架综合性开发。 本书以丰富的案例与综合任务,以及详细的图解逐一讲解Bootstrap结合使用的核心技术和方法,既适合负责网页前端和后端的程序人员阅读,也适合网站的企划人员和视觉设计人员参考,还可供想学习和了解响应式网页设计Bootstrap开发网站的人员自学和参考。
|
| 關於作者: |
|
孙庆英,女,1982年6月生,江苏淮安人,淮阴师范学院计算机科学与技术学院副教授,博士,江苏高校“青蓝工程”优秀青年骨干教师培养对象。中国计算机学会会员,江苏省计算机学会会员,江苏省人工智能学会自然语言处理专委会委员,淮安市计算机学会理事。2004年毕业于淮阴师范学院计算机科学与技术专业,获学士学位;2010年毕业于南京理工大学计算机应用技术专业,获硕士学位;2019年毕业于苏州大学计算机科学与技术专业,获博士学位。主要研究方向:自然语言处理,社会计算,立场分析。主要教授了:《C++程序设计》、《信息安全技术》、《Python程序设计》、《自然语言处理》、《人工智能技术与应用》、《计算机应用基础》等课程。主持国家自然科学基金项目1项,主持教育部产学研协同育人项目1项,主持淮安市科技攻关工业计划项目2项,参与国家自然科学基金项目3项,指导学生参与江苏省大学生创新训练项目4项。主持校课堂教学改革、课程考试改革、网络课程、课程思政等教改项目。发表教科研论文25篇,其中核心以上学术论文12篇,SCI收录学术论文6篇。获得校十三次青年教师教学评优一等奖、校“十佳教学能手”、“优秀共产党员”、“优秀班主任”等称号,获得淮安市自然科学优秀学术论文三等奖两次。
|
| 目錄:
|
目 录 出版说明 前言 第 一篇:Bootstrap基础1 任务1 认识响应式布局1 学习目标1 任务展示:自适应展示社会主义核心价值观1 知识准备1 1.1认识响应式布局1 1.1.1响应式网页1 1.1.2响应式网页布局的优缺点2 1.1.3响应式设计的概念3 1.1.4 认识视口4 1.2流式网格5 1.2.1网格设计5 1.2.2流式布局6 1.3媒体查找实现响应式布局6 1.3.1媒体查询基础6 1.3.2使用方法8 1.3.3设置方式8 1.3.4媒体类型8 1.3.5判断条件9 1.3.6媒体特征10 1.4体验响应式布局中的图像与字体10 1.4.1流式图像10 1.4.2字体使用12 1.5综合案例:体验响应式页面布局14 1.5.1 案例展示14 1.5.2 案例分析15 1.5.3 案例实现15 任务实施:自适应展示社会主义核心价值观17 任务拓展20 任务小结21 拓展训练21 任务2 认识Bootstrap23 学习目标23 任务展示:二十四节气页面展示23 知识准备24 2.1 Bootstrap简介24 2.1.1 初识Bootstrap524 2.1.2使用Bootstrap的优势24 2.1.3浏览器与支持25 2.1.4环境搭建25 2.2 Bootstrap 使用基础26 2.2.1 Bootstrap初次应用体验26 2.2.2体验Bootstrap中的响应式图像29 2.2.3体验Bootstrap中的画像组件31 2.3案例:尝试Bootstrap布局师资培训网导航区31 2.3.1 案例展示31 2.3.2 案例分析31 2.3.3 案例实现32 任务实施:二十四节气页面展示33 任务拓展38 任务小结39 拓展训练39 第二篇:Bootstrap框架41 任务3 使用Bootstrap网格布局41 学习目标41 任务展示:西湖十景页面展示41 知识准备42 3.1 Bootstrap网格系统的原理42 3.1.1网格系统的实现原理42 3.1.2网格系统中的断点设置43 3.1.3网格系统中的容器43 3.1.4网格系统的工作原理45 3.2网格系统的常用布局47 3.2.1等宽响应式列布局47 3.2.2不等宽响应式列布局50 3.2.3响应式嵌套布局52 3.3网格系统的槽与列偏移53 3.3.1槽的应用53 3.3.2偏移列55 3.4综合案例:二十四节气页面的网格布局55 3.4.1 案例展示55 3.4.2 案例分析55 4.4.3 案例实现56 任务实施:西湖十景页面展示58 任务拓展62 任务小结63 拓展训练63 任务4 Bootstrap基础排版与工具应用64 学习目标65 任务展示:中原音乐文化页面展示65 知识准备65 4.1基础排版65 4.1.1基础重置65 4.1.2标题65 4.1.3段落67 4.1.4文本样式67 4.2列表70 4.2.1有序列表和无序列表70 4.2.2内联列表70 4.2.3定义列表71 4.3工具类71 4.3.1背景颜色71 4.3.2显示(Display)72 4.3.3边框(Border)73 4.3.4间距(Spacing)74 4.3.5 Flex布局75 4.3.6浮动(Float)80 4.3.7溢出(Overflow)80 4.3.8定位(Position)81 4.3.9阴影(Shadows)82 4.3.10调整大小82 4.5案例:综合案例:中原音乐文化页面展示83 4.5.1 案例展示83 4.5.2 案例分析84 4.5.3 案例实现84 任务实施:中原音乐文化页面展示87 任务拓展92 任务小结92 拓展训练93 任务5 运用Bootstrap表格94 学习目标94 任务展示:北京冬奥会中国队奖牌榜信息展示94 知识准备95 5.1网页中的表格95 5.1.1表格的简介95 5.1.2 表格的基本元素95 5.1.3 创建表格96 5.2Bootstrap中表格的简介96 5.2.1基本型表格96 5.2.2条纹状表格98 5.2.3带边框的表格99 5.2.4鼠标悬停表格99 5.2.5响应式表格100 5.2.6应用表格的状体类与颜色类100 5.3综合案例:“圆梦助学”助学金评选结果展示103 5.3.1 案例展示103 5.3.2 案例分析103 5.3.3 案例过程103 任务实施:北京冬奥会中国队奖牌榜信息展示111 任务拓展113 任务小结113 拓展训练114 任务6 运用Bootstrap表单116 学习目标116 任务展示:青年志愿者信息注册页面制作116 知识准备117 6.1表单的类型117 6.1.1堆叠表单117 6.1.2内联表单118 6.1.3水平排列表单119 6.2表单中控件的分类120 6.2.1按钮120 6.2.2常用表单控件123 6.2.3范围126 6.3输入框组126 6.3.1认识输入框组126 6.3.2输入框组的形态128 6.4表单浮动标签与表单验证130 6.4.1表单浮动标签131 6.4.2表单验证133 6.4案例:个人捐赠用户捐款界面设计136 6.4.1 案例展示136 6.4.2 案例分析137 6.4.3 案例实现137 任务实施:青年志愿者信息注册页面制作140 任务拓展143 任务小结144 拓展训练144 任务7 使用组件145 学习目标145 任务展示:历代墨竹优秀作品展示学习页面设计制作145 知识准备145 7.1普通组件145 7.1.1字体图标库146 7.1.2徽章147 7.1.3面包屑导航148 7.1.4按钮组149 7.1.5警告框152 7.1.6进度条153 7.1.7分页154 7.1.8导航155 7.1.9列表组161 7.1.10卡片163 7.2高级组件164 7.2.1下拉菜单164 7.2.2导航栏166 7.2.3轮播168 7.2.4轮播170 7.2.5模态框173 7.2.6提示框175 7.2.7弹出框176 7.2.8消息弹窗178 7.2.9滚动监听179 7.2.10侧边栏导航182 7.3案例:博物馆侧边栏导航设计制作183 7.3.1 案例展示184 7.3.2 案例分析184 7.3.3 案例实现184 任务实施:历代墨竹优秀作品展示学习页面设计制作187 任务拓展197 任务小结199 拓展训练199 第三篇:Bootstrap综合实战41 任务8 综合实战:AI教育企业主页设计制作200 8.1项目展示200 8.2项目分析202 8.3项目展示203 8.3.1搭建基本页面框架203 8.3.2顶部栏模块的分析与实现204 8.3.3导航栏模块的分析与实现207 9.3.4轮播图模块实现212 8.3.5信息和课程报名模块的分析与实现213 8.3.6产品模块的分析与实现215 8.3.7新闻和合作伙伴模块的分析与实现224 8.3.8 项目拓展231
|
|