HTML5+CSS3+JavaScript项目开发 作者:刘蕾 出版时间:2019年版内容简介 本书内容系统全面,在技术上引入了HTML和CSS新版本内容,详细介绍了HTML5和CSS3的各项新功能、新特性。所有知识点都紧跟HTML5与CSS3的新发展动态,包括HTML5新引入的元素、属性介绍、Canvas介绍、本地存储等,CSS3的新属性介绍、CSS特效和动画制作、盒子模型等内容。 本书以项目实战为主,以项目为导引,包含42个单元项目案例,每个单元知识点都配以精心设计的项目案例来讲解,并有扩展运用的部分。在每章结尾,使用本章知识点完成课程综合项目的一个模块,便于读者循序渐进地完成后的综合项目。 最后的综合项目案例是一个较完整的综合性Web界面开发项目,体现了用 HTML5与CSS3开发Web页面的思维和方法。本书可以满足初学者全面而系统地学习理论知识的需求,还能满足充分实践的需求。 本书适用于计算机专业的“HTML5前端开发”“人机交互设计”“网页设计与开发”课程教学。目录目录 咖啡商城项目导引1 学习目标1 内容安排2 项目背景2 项目构思3第1章开发工具HBuilder5 1.1飞速编码的极客工具6 1.2安装HBuilder6 1.3认识界面8 1.4新建项目9 1.5Web项目的运行11 1.6移动App的运行12第2章HTML基础15 2.1认识HTML16 2.1.1HTML基本语法16 2.1.2HTML文档的基本结构17 2.1.3项目: 第一个HTML页面18 2.2HTML常用标签19 2.2.1文本与标签19 2.2.2项目: 介绍我的学校123 2.3表格元素24 2.3.1表格标签25 2.3.2项目: 图书统计表26 2.4表单元素27 2.4.1常用表单元素27 2.4.2项目: 个人信息统计表31 2.5咖啡商城——商品分类模块33 2.5.1项目说明34 2.5.2项目设计34 2.5.3项目实施34 习题36第3章HTML5新增元素和属性37 3.1新增文档结构元素38 3.1.1认识HTML538 3.1.2HTML5页面结构39 3.1.3HTML5主体结构元素39 3.1.4HTML5非主体结构元素42 3.1.5项目: 新闻评论网43 3.2新增表单元素45 3.2.1HTML5表单新功能45 3.2.2HTML5表单新的输入类型46 3.2.3HTML5表单新的属性47 3.2.4项目: 订货人个人信息页49 3.3咖啡商城——用户注册模块实现51 3.3.1项目说明51 3.3.2项目设计52 3.3.3项目实施52 习题54第4章CSS基础56 4.1CSS基本语法57 4.1.1CSS语句格式57 4.1.2CSS选择符58 4.1.3项目: 世界杯胜负榜64 4.2文本和字体相关属性66 4.2.1字体属性66 4.2.2文本属性69 4.2.3项目: 介绍我的学校270 4.3背景和边框相关属性72 4.3.1边框72 4.3.2边框阴影75 4.3.3圆角边框76 4.3.4图形边框76 4.3.5背景77 4.3.6项目: 校训Logo80 4.4咖啡商城——网站页脚模块实现82 4.4.1项目说明82 4.4.2项目设计82 4.4.3项目实施82 习题84第5章CSS盒子模型87 5.1盒子相关属性88 5.1.1内边距和外边距88 5.1.2块级元素与行内元素90 5.1.3项目: 盒子模型92 5.2浮动定位93 5.2.1float属性93 5.2.2clear属性95 5.2.3项目: 3个相框95 5.3位置定位97 5.3.1position属性97 5.3.2项目: 照片墙99 5.4隐藏与显示101 5.4.1visibility属性101 5.4.2zindex属性102 5.4.3display属性103 5.4.4项目: 悬浮菜单103 5.5咖啡商城——商品分类模块美化效果实现105 5.5.1项目说明105 5.5.2项目设计106 5.5.3项目实施106 习题109第6章CSS3动画113 6.1Animation动画114 6.1.1定义关键帧114 6.1.2绑定动画115 6.1.3项目: 跑动的汽车116 6.2Transition动画118 6.2.1Transition过渡118 6.2.2项目: 页面切换效果119 6.3咖啡商城——商品介绍模块实现122 6.3.1项目说明122 6.3.2项目设计123 6.3.3项目实施123 习题125第7章JavaScript基础126 7.1JavaScript简介127 7.2在HTML页面中嵌入JavaScript的方法128 7.3JavaScript的语法规则129 7.3.1语法129 7.3.2标识符130 7.3.3注释131 7.3.4项目: 第一个JavaScript程序131 7.4数据类型133 7.4.1常用数据类型133 7.4.2typeof运算符133 7.4.3Undefined类型134 7.4.4Null类型134 7.4.5Object类型135 7.5变量136 7.6运算符137 7.7流程控制语句138 7.8JavaScript函数140 7.8.1JavaScript函数定义140 7.8.2项目: 单击我142 7.9事件和事件处理144 7.9.1JavaScript常用事件144 7.9.2项目: 敏感的兔子145 习题148第8章JavaScript对象151 8.1内置对象152 8.1.1认识JavaScript内置对象152 8.1.2Math对象153 8.1.3Date对象154 8.1.4String对象156 8.1.5Number对象158 8.1.6Array对象160 8.1.7项目: 数字电子时钟162 8.2BOM对象164 8.2.1认识BOM对象164 8.2.2window对象166 8.2.3history对象168 8.2.4location对象169 8.2.5screen对象169 8.2.6document对象170 8.2.7项目: 打开新窗口170 习题172第9章DOM文档对象模型175 9.1认识DOM对象176 9.2HTML DOM Document对象176 9.3HTML DOM Event对象181 9.4HTML DOM Element对象183 9.5HTML DOM attribute对象184 9.6DOM与事件185 9.6.1事件绑定的方式185 9.6.2事件处理函数的执行顺序187 9.6.3事件冒泡和事件捕获187 9.7项目: 诗词鉴赏189 9.8咖啡商城——购物车模块实现192 9.8.1项目说明192 9.8.2项目设计193 9.8.3项目实施194 习题195第10章Canvas画布200 10.1绘制基本图形201 10.1.1认识Canvas201 10.1.2Canvas的常用属性和方法201 10.1.3使用Canvas绘图对象绘制基本图形202 10.1.4项目: 来自星星的它209 10.2绘制图像213 10.2.1使用Canvas绘图对象裁剪图像213 10.2.2项目: 放大镜216 10.2.3项目: 跳动的心218 10.2.4项目: 鼠标画板220 10.3咖啡商城——商品详情模块实现223 10.3.1项目说明223 10.3.2项目设计223 10.3.3项目实施224 习题226第11章本地存储229 11.1Web Storage230 11.1.1Web Storage的常用属性和方法230 11.1.2项目: 简易购物车231 11.2本地数据库236 11.2.1本地数据库访问237 11.2.2项目: 简易留言本239 11.3咖啡商城——购物车本地存储模块实现245 11.3.1项目说明245 11.3.2项目设计246 11.3.3项目实施247 习题251第12章jQuery基础253 12.1jQuery的由来及简介254 12.1.1向页面添加jQuery库254 12.1.2项目: 第一个jQuery程序255 12.2jQuery选择器256 12.2.1基本选择器256 12.2.2层次选择器256 12.2.3过滤选择器257 12.2.4表单元素选择器259 12.3jQuery常用方法259 12.4jQuery对象与DOM对象263 12.5jQuery事件264 12.5.1常见的DOM事件264 12.5.2事件绑定/移除267 12.6jQuery动画269 12.6.1隐藏和显示269 12.6.2淡入和淡出270 12.6.3animate动画270 12.7咖啡商城——图片轮播271 12.7.1项目说明271 12.7.2项目设计272 12.7.3项目实施272 12.8JSON273 12.8.1JSON语法规则273 12.8.2常用类型274 12.8.3基础示例274 12.9Ajax275 12.9.1Ajax如何工作275 12.9.2jQuery中的Ajax277 12.10咖啡商城——查看商品详情279 12.10.1项目说明279 12.10.2项目设计279 12.10.3项目实施280 习题281第13章跨平台移动App开发285 13.1HTML5 Plus规范286 13.2HTML5+ App286 13.3HelloMUI示例287 13.4建立MUI项目289 13.5咖啡商城——移动App291 13.5.1项目说明291 13.5.2项目设计292 13.5.3项目实施292 13.6Hello H5+ 示例294 13.7创建Hello H5+ 项目296 13.8项目: 语音答题App301 13.8.1项目说明301 13.8.2项目设计302 13.8.3项目实施302第14章网站综合设计305 14.1项目构思306 14.2UI设计309 14.3网页制作314附录A学习知识点及能力要点324 A.1教材的知识要点及掌握程度324 A.2教材的能力要点及重要程度325附录BRGB颜色对照表326附录C部分习题参考答案331参考文献335 上一篇: HoloLens与混合现实开发 闫兴亚 2019年版 下一篇: MATLAB R2018B完全实战学习手册 王朋 2019年版