图书信息
图书目录
数字化资源

响应式Web开发(HTML5+CSS3+Bootstrap)




本书结合HTML5应用开发的实际情况,以企业开发流程为指导,根据真实案例组织内容。全书共10单元。第1~5单元讲解HTML5和CSS3的基础;第6~7单元讲解Canvas画布的应用和Web存储;第8单元讲解响应式页面的基础知识;第9单元讲解手机端App开发的相关内容;第10单元讲解综合案例——咖啡商城网站的设计,以提高学习者对相关技术的实际应用能力。书中每单元以三层案例逐层推进,让学习者由浅入深、循序渐进地掌握HTML5应用开发的相关内容。

本书配套提供有源代码、教学课件、微视频等学习资源。

本书可作为高等职业院校计算机相关专业的教材,也可以作为从事相关开发工作的工程技术人员的参考书,还可以供前端开发的初学者和爱好者自学使用。



作者:
姜华 祝惠新 姚勋勋 张鹏 陈琳

定价:
58.00 元

出版时间:
2025-01-17

ISBN:
978-7-04-063722-9

物料号:
63722-00

读者对象:
高等职业教育

一级分类:
计算机大类

二级分类:
计算机类

三级分类:
计算机类专业基础课程

重点项目:
暂无

版面字数:
618千字

开本:
16开

装帧形式:
平装

页数:
暂无

最新
印次时间:
暂无
  • 目录
    • 第1单元 HTML基础001
      • 1.1知识准备:HTML的基本应用002
        • 1.1.1HTML的基本认识002
          • 1.1.2文本与标签005
            • 1.1.3表格标签011
              • 1.1.4表单元 素015
                • 1.1.5列表和超链接021
                • 1.2知识运用:咖啡商城——商品分类032
                  • 1.2.1项目说明033
                    • 1.2.2项目设计033
                      • 1.2.3项目实施033
                      • 1.3拓展应用035
                        • 1.3.1拓展项目:校园官网首页的列表实现035
                          • 1.3.2拓展项目:图书统计表039
                          • 单元测试041
                          • 第2单元 HTML5新增元素和属性043
                            • 2.1知识准备:认识HTML5044
                              • 2.1.1HTML的新版本044
                                • 2.1.2HTML5页面结构044
                                  • 2.1.3HTML5主体结构元素045
                                    • 2.1.4HTML5非主体结构元素051
                                      • 2.1.5“法治意识调查问卷”页面的实现055
                                        • 2.1.6HTML5表单新功能057
                                          • 2.1.7HTML5表单新增输入类型059
                                            • 2.1.8HTML5表单新增属性066
                                              • 2.1.9“自我保护意识调查问卷”页面的实现074
                                              • 2.2知识运用:用户注册项目076
                                                • 2.2.1项目说明076
                                                  • 2.2.2项目设计077
                                                    • 2.2.3项目实施077
                                                    • 2.3拓展应用078
                                                      • 2.3.1拓展项目:美好音乐注册页面078
                                                        • 2.3.2拓展项目:学生登录页面081
                                                        • 单元测试083
                                                        • 第3单元 CSS基础084
                                                          • 3.1知识准备:认识CSS085
                                                            • 3.1.1CSS基本认识085
                                                              • 3.1.2CSS选择器088
                                                                • 3.1.3字体属性101
                                                                  • 3.1.4文本属性108
                                                                    • 3.1.5边框属性117
                                                                      • 3.1.6背景属性122
                                                                        • 3.1.7样式优先级别127
                                                                        • 3.2知识运用:咖啡商城——网站页脚127
                                                                          • 3.2.1项目说明127
                                                                            • 3.2.2项目设计128
                                                                              • 3.2.3项目实施128
                                                                              • 3.3拓展应用130
                                                                                • 3.3.1拓展项目:海尔网站首页页脚设计130
                                                                                  • 3.3.2拓展项目:山东科技职业学院网站首页页头页脚设计135
                                                                                  • 单元测试138
                                                                                  • 第4单元 CSS布局147
                                                                                    • 4.1知识准备:网页布局148
                                                                                      • 4.1.1盒子的认识148
                                                                                        • 4.1.2浮动定位153
                                                                                          • 4.1.3位置定位158
                                                                                            • 4.1.4弹性布局163
                                                                                              • 4.1.5媒体查询177
                                                                                                • 4.1.6隐藏与显示179
                                                                                                • 4.2知识运用:咖啡商城——商品分类页面美化181
                                                                                                  • 4.2.1项目说明181
                                                                                                    • 4.2.2项目设计183
                                                                                                      • 4.2.3项目实施183
                                                                                                      • 4.3拓展应用187
                                                                                                        • 4.3.1拓展项目:设计并制作三级菜单187
                                                                                                          • 4.3.2拓展项目:弹性盒子布局192
                                                                                                            • 4.3.3拓展项目:设计制作学院官网197
                                                                                                              • 4.3.4拓展项目:设计制作大国工匠栏目198
                                                                                                              • 单元测试202
                                                                                                              • 第5单元 CSS3动画207
                                                                                                                • 5.1知识准备:过渡与动画207
                                                                                                                  • 5.1.1transition过渡207
                                                                                                                    • 5.1.2animation动画212
                                                                                                                    • 5.2知识运用:咖啡商城——商品介绍218
                                                                                                                      • 5.2.1项目说明218
                                                                                                                        • 5.2.2项目设计218
                                                                                                                          • 5.2.3项目实施219
                                                                                                                          • 5.3拓展应用222
                                                                                                                            • 5.3.1拓展项目:水果变化展示222
                                                                                                                              • 5.3.2拓展项目:翻书效果227
                                                                                                                              • 单元测试232
                                                                                                                              • 第6单元 Canvas画布234
                                                                                                                                • 6.1知识准备:Canvas绘图234
                                                                                                                                  • 6.1.1认识JavaScript234
                                                                                                                                    • 6.1.2认识Canvas243
                                                                                                                                    • 6.2知识运用:咖啡商城——商品详情249
                                                                                                                                      • 6.2.1项目说明249
                                                                                                                                        • 6.2.2项目设计249
                                                                                                                                          • 6.2.3项目实施250
                                                                                                                                          • 6.3拓展应用253
                                                                                                                                            • 6.3.1拓展项目:实现放大效果253
                                                                                                                                              • 6.3.2拓展项目:隐藏菜单效果254
                                                                                                                                              • 单元测试254
                                                                                                                                              • 第7单元 Web存储256
                                                                                                                                                • 7.1知识准备:Web Storage256
                                                                                                                                                  • 7.1.1Web Storage的概念256
                                                                                                                                                    • 7.1.2sessionStorage和localStorage257
                                                                                                                                                    • 7.2知识运用:咖啡商城——注册/登录270
                                                                                                                                                      • 7.2.1项目说明270
                                                                                                                                                        • 7.2.2项目设计270
                                                                                                                                                          • 7.2.3项目实施272
                                                                                                                                                          • 7.3拓展应用275
                                                                                                                                                            • 拓展项目:设计制作校园网登录界面275
                                                                                                                                                            • 单元测试279
                                                                                                                                                            • 第8单元 Bootstrap响应式页面281
                                                                                                                                                              • 8.1知识准备:前端框架Bootstrap282
                                                                                                                                                                • 8.1.1Bootstrap是什么282
                                                                                                                                                                  • 8.1.2如何使用Bootstrap282
                                                                                                                                                                    • 8.1.3Bootstrap布局容器286
                                                                                                                                                                      • 8.1.4栅格布局290
                                                                                                                                                                        • 8.1.5响应式工具295
                                                                                                                                                                          • 8.1.6辅助类296
                                                                                                                                                                            • 8.1.7Bootstrap常用组件298
                                                                                                                                                                            • 8.2知识运用:咖啡商城——我的订单321
                                                                                                                                                                              • 8.2.1项目说明321
                                                                                                                                                                                • 8.2.2项目设计321
                                                                                                                                                                                  • 8.2.3项目实施322
                                                                                                                                                                                  • 8.3拓展应用331
                                                                                                                                                                                    • 拓展项目:设计制作山东科技职业学院官网首页331
                                                                                                                                                                                    • 单元测试344
                                                                                                                                                                                    • 第9单元 手机端App开发346
                                                                                                                                                                                      • 9.1知识准备:HBuilder开发手机端App346
                                                                                                                                                                                        • 9.1.1主流App开发模式346
                                                                                                                                                                                          • 9.1.2飞速编码的极客工具347
                                                                                                                                                                                            • 9.1.3新建项目349
                                                                                                                                                                                              • 9.1.4HTML5 Plus规范351
                                                                                                                                                                                                • 9.1.5HTML5+App355
                                                                                                                                                                                                  • 9.1.6Hello H5+示例355
                                                                                                                                                                                                    • 9.1.7建立H5+项目358
                                                                                                                                                                                                      • 9.1.8高性能前端框架——MUI359
                                                                                                                                                                                                        • 9.1.9创建Hello mui项目360
                                                                                                                                                                                                          • 9.1.10建立MUI项目361
                                                                                                                                                                                                          • 9.2知识运用:咖啡商城移动App365
                                                                                                                                                                                                            • 9.2.1项目说明366
                                                                                                                                                                                                              • 9.2.2项目设计366
                                                                                                                                                                                                                • 9.2.3项目实施366
                                                                                                                                                                                                                • 9.3拓展应用371
                                                                                                                                                                                                                  • 拓展项目:介绍我的专业课程371
                                                                                                                                                                                                                  • 单元测试372
                                                                                                                                                                                                                  • 第10单元 综合案例——咖啡商城373
                                                                                                                                                                                                                    • 10.1项目背景373
                                                                                                                                                                                                                      • 10.2项目构思374
                                                                                                                                                                                                                        • 10.2.1内容构思374
                                                                                                                                                                                                                          • 10.2.2技术构思374
                                                                                                                                                                                                                          • 10.3UI设计375
                                                                                                                                                                                                                            • 10.3.1商城首页UI设计375
                                                                                                                                                                                                                              • 10.3.2商品详情页面UI设计377
                                                                                                                                                                                                                                • 10.3.3购物车页面UI设计378
                                                                                                                                                                                                                                  • 10.3.4我的订单页面UI设计379
                                                                                                                                                                                                                                  • 10.4网页制作379
                                                                                                                                                                                                                                    • 10.4.1咖啡商城首页制作379
                                                                                                                                                                                                                                      • 10.4.2商品详情页面制作406
                                                                                                                                                                                                                                        • 10.4.3购物车页面制作413
                                                                                                                                                                                                                                          • 10.4.4我的订单页面制作423
                                                                                                                                                                                                                                          • 单元测试423
                                                                                                                                                                                                                                          • 主要参考文献424
                                                                                                                                                                                                                                          如无法打开或下载资源,请在电脑端(xuanshu.hep.com.cn)进行下载操作。
                                                                                                                                                                                                                                          1