HTML5+CSS3前端开发项目式教程（微课版）

中国水利水电出版社

【作者】主编谭卫徐文义

【I S B N 】978-7-5170-8746-5

【责任编辑】石永峰

【适用读者群】本专通用

【出版时间】2020-08-01

【开本】16开

【装帧信息】平装（光膜）

【版次】第1版第1次印刷

【页数】264

【千字数】378

【印张】16.5

【定价】￥45

【丛书】高等职业教育移动互联应用技术专业教材

【备注信息】

图书详情

简介

本书特色

前言

章节列表

精彩阅读

下载资源

相关图书

当前，HTML5和CSS3两种技术的融合正引领着Web前端开发的革命，本书重点讲解HTML5和CSS3的基础知识与应用，以企业网站真实项目为载体，将项目按软件工程的思想分为基础项目与综合项目，并将每个项目划分为多个任务，每个任务都按照“任务目标→任务效果→相关知识→实现步骤”的形式进行编排，每个项目还配套有“思考与练习”。同时，为了积极响应《国家职业教育改革实施方案》，本书参考了《Web前端开发职业技能等级标准》，将Web前端开发初级的1+X证书考点内容融入到项目任务中。

本书的基础项目包括7个子项目15个任务：文本类网页、列表类网页、超链接网页、表格类网页、表单类网页、综合布局网页、动画效果网页，主要介绍了HTML5的各类标签、CSS3选择器、CSS3属性；综合项目包括4个任务，主要带领读者按照网站设计与制作的流程来开发一个包含网站首页、二级页面、三级页面的完整结构的网站，主要介绍了网站前端开发的流程及技巧。读者在学习完本书后，可快速掌握前端工程师工作岗位所需的基本技能。

任务驱动：以网站设计与开发的工作任务为主线，按项目化教学方式编排。

目标明确：每个任务给出明晰的知识目标和能力目标。

步骤清晰：详细讲解任务的实现步骤。

随着互联网技术的高速发展，移动智能设备的使用变得普遍，人们可以随时随地获取信息和服务，而网页作为互联网的信息载体之一，可以为用户带来直观的、全面的体验。HTML5和CSS3是Web前端开发的最新技术，大部分浏览器已支持HTML5和CSS3技术。HTML5是最新的HTML标准，是专门为承载丰富的Web内容而设计的，并且无需额外插件，它拥有新的语义、图形和多媒体等元素。CSS3在原有基础上增加了更多的CSS选择器和更多实用的高级属性，可以实现更简单但更为强大的页面效果和网页交互功能。在目前网页制作行业中，HTML5与CSS3技术以它们独有的优点在业内得到了广泛应用。

HTML5和CSS3技术作为前端开发的入门技术，是Web前端开发技术人员必须扎实掌握的职业技能，也是高职高专院校相关专业学生应该熟练掌握的技术。本书是针对高职高专院校互联网应用技术专业学生的培养目标进行编写的，注重学生职业能力与职业技能的培养，通过本书的学习，学生可以熟练掌握HTML5+CSS3前端开发基础知识与应用。本书还参考了《Web前端开发职业技能等级标准》，重构并序化了教学内容，以项目为载体，结合教材内容合理地安排教学任务。本书分为基础项目与综合项目，其中，基础项目主要包括文本类网页、列表类网页、超链接网页、表格类网页、表单类网页、综合布局网页、动画效果网页；综合项目包括网站设计与制作的准备、网站首页、二级页面、三级页面的制作。

全书内容以项目化教学的方式进行编排，全面系统地阐述了HTML5和CSS3的基础知识和实际运用技术。本书以任务驱动的方式安排教学内容，将每个项目按工作流程分为若干任务，每个任务又设计了以下几个模块：

· 任务目标：明确任务的知识目标和能力目标。

· 任务效果：说明任务运用的基础知识及任务完成的最终效果。

· 相关知识：提供完成任务需要掌握的基础知识和实际运用技术。

· 实现步骤：详细讲解任务的实施步骤。

· 思考与练习：根据Web前端开发初级的1+X证书考点整理出任务相关的理论题和操作题。

本书以网站设计与开发的工作任务为主线，内容讲解详细、结构编排科学、语言通俗易懂，以接近真实的网站项目为依托，知识涵盖面广。

本书由河源职业技术学院的谭卫老师组织编写，谭卫、徐文义任主编，安华萍、王玉、钟机灵、段春梅（佛山职业技术学院）任副主编。在本书编写过程中，编者参考了相关技术的资料文献、书籍及网络资源，在此表示感谢。

由于编者水平有限，书中难免存在疏漏甚至错误之处，恳请读者批评指正，以便进一步完善与改进，编者E-mail：99150752@qq.com。

前言

项目1 建立文本类网页 1
任务1 网页内容构建 1
任务目标 1
任务效果 1
相关知识 2
实现步骤 18
任务2 页面样式修饰 21
任务目标 21
任务效果 22
相关知识 22
实现步骤 37
思考与练习 39
项目2 建立列表多媒体类网页 43
任务1 页面内容构建 43
任务目标 43
任务效果 43
相关知识 45
实现步骤 55
任务2 页面样式修饰 58
任务目标 58
任务效果 58
相关知识 59
实现步骤 70
思考与练习 73
项目3 建立超链接 76
任务1 页面内容构建 76
任务目标 76
任务效果 76
相关知识 77
实现步骤 81
任务2 页面样式修饰 84
任务目标 84
任务效果 85
相关知识 85
实现步骤 99
思考与练习 101
项目4 建立表格页 103
任务1 案例展示页制作 103
任务目标 103
任务效果 103
相关知识 104
实现步骤 112
任务2 案例详情页制作 116
任务目标 116
任务效果 117
相关知识 117
实现步骤 126
思考与练习 128
项目5 建立表单类网页 131
任务1 表单页建立 131
任务目标 131
任务效果 131
相关知识 132
实现步骤 139
任务2 表单页验证 141
任务目标 141
任务效果 141
相关知识 142
实现步骤 149
思考与练习 150
项目6 建立综合类网页 154
任务1 网页布局 154
任务目标 154
任务效果 154
相关知识 155
实现步骤 173
任务2 网页头部与尾部制作 174
任务目标 174
任务效果 175
相关知识 175
实现步骤 178
任务3 网页主体部分制作 180
任务目标 180
任务效果 181
相关知识 181
实现步骤 188
思考与练习 193
项目7 网页动画制作 196
任务1 过渡效果制作 196
任务目标 196
任务效果 196
相关知识 197
实现步骤 204
任务2 动画效果制作 204
任务目标 204
任务效果 205
相关知识 205
实现步骤 224
思考与练习 225
项目8 综合实战—企业网站设计与制作 229
任务1 网站设计与制作准备 229
任务2 网站首页制作 234
任务3 网站二级列表页面制作 245
任务4 网站三级内容页面制作 253
思考与练习 256
参考文献 257

配套资源（电子教案+习题答案+素材等）

关闭

打印