
作者:黑马程序员
页数:336
出版社:高等教育出版社
出版日期:2023
ISBN:9787040602104
电子书格式:pdf/epub/txt
内容简介
本书是高等职业教育计算机类专业基础课黑马程序员校企“双元”系列教材之一。
HTML5与CSS3是目前最为普及和流行的网页制作技术,也是每个网页制作人员必须掌握的核心和基础技能。本书是面向网页设计初学者编写的入门级教材,以“项目导向、任务驱动”的方式、通俗易懂的语言,详细讲解了网页设计的相关知识。
全书共8个项目,项目1、项目2主要讲解HTML5与CSS3的基础知识,包括基础标签、常用属性和开发工具等;项目3~项目7分别讲解了盒子模型、布局、表格、表单、音频、视频、动画和canvas等内容,这些内容是网页制作的核心;项目8是一个综合项目,结合前面学习的基础知识,带领读者制作黑马·国漫网的页面。本书以任务驱动的方式,结合教学需求将HTML5与CSS3的内容项目化,通过大量实践让读者可以在巩固所学知识的同时,快速提升网页制作实际应用能力。
本书配有微课视频、授课用PPT课件、教学大纲、习题等丰富的数字化教学资源,读者可发邮件至编辑邮箱1548103297@qq.com获取。此外,为帮助初学者更好地学习本书中的内容,黑马程序员还提供免费在线答疑服务。本书配套数字化教学资源明细及在线答疑服务使用方式说明详见封面二维码。
本书可以作为高等职业教育网页设计与制作课程的教材,也可作为网页制作、美工设计、网站开发、网页编程等行业从业人员的自学参考书。
目录
项目1 从零开始构建HTML5页面
任务1-1 创建HTML5页面
任务目标
任务分析
知识储备
任务实现
任务1-2 制作个人简介页面
任务目标
任务分析
知识储备
任务实现
任务1-3 制作风云人物页面
任务目标
任务分析
知识储备
任务实现
任务1-4 制作电商页面
任务目标
任务分析
知识储备
任务实现
任务1-5 制作植物科普页面
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目2 运用CSS3美化网页
任务2-1 数字变色
任务目标
任务分析
知识储备
任务实现
任务2-2 新闻报道
任务目标
任务分析
知识储备
任务实现
任务2-3 搭建黑马知道页面
任务目标
任务分析
知识储备
任务实现
任务2-4 人物介绍
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目3 运用盒子模型划分网页模块
任务3-1 制作音乐模块
任务目标
任务分析
知识储备
任务实现
任务3-2 制作用户中心页面
任务目标
任务分析
知识储备
任务实现
任务3-3 制作背景拼图页面
任务目标
任务分析
知识储备
任务实现
任务3-4 制作图标导航栏
任务目标
任务分析
知识储备
任务实现
任务3-5 制作相框
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目4 运用float、position和flex属性完成网页布局
任务4-1 制作商品展示页面
任务目标
任务分析
知识储备
任务实现
任务4-2 制作手机页面展示
任务目标
任务分析
知识储备
任务实现
任务4-3 制作行程定位
任务目标
任务分析
知识储备
任务实现
任务4-4 制作浮动布局网页
任务目标
任务分析
知识储备
任务实现
任务4-5 制作弹性布局导航
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目5 为网页添加表格和表单
任务5-1 制作简历表
任务目标
任务分析
知识储备
任务实现
任务5-2 制作用户调研表
任务目标
任务分析
知识储备
任务实现
任务5-3 制作信息登记表
任务目标
任务分析
……
项目6 为网页添加视频、音频和动画
项目7 运用canvas在网页中绘图
项目8 综合项目-HTML5+CSS3网页制作的综合运用
任务1-1 创建HTML5页面
任务目标
任务分析
知识储备
任务实现
任务1-2 制作个人简介页面
任务目标
任务分析
知识储备
任务实现
任务1-3 制作风云人物页面
任务目标
任务分析
知识储备
任务实现
任务1-4 制作电商页面
任务目标
任务分析
知识储备
任务实现
任务1-5 制作植物科普页面
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目2 运用CSS3美化网页
任务2-1 数字变色
任务目标
任务分析
知识储备
任务实现
任务2-2 新闻报道
任务目标
任务分析
知识储备
任务实现
任务2-3 搭建黑马知道页面
任务目标
任务分析
知识储备
任务实现
任务2-4 人物介绍
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目3 运用盒子模型划分网页模块
任务3-1 制作音乐模块
任务目标
任务分析
知识储备
任务实现
任务3-2 制作用户中心页面
任务目标
任务分析
知识储备
任务实现
任务3-3 制作背景拼图页面
任务目标
任务分析
知识储备
任务实现
任务3-4 制作图标导航栏
任务目标
任务分析
知识储备
任务实现
任务3-5 制作相框
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目4 运用float、position和flex属性完成网页布局
任务4-1 制作商品展示页面
任务目标
任务分析
知识储备
任务实现
任务4-2 制作手机页面展示
任务目标
任务分析
知识储备
任务实现
任务4-3 制作行程定位
任务目标
任务分析
知识储备
任务实现
任务4-4 制作浮动布局网页
任务目标
任务分析
知识储备
任务实现
任务4-5 制作弹性布局导航
任务目标
任务分析
知识储备
任务实现
项目小结
课后练习
项目5 为网页添加表格和表单
任务5-1 制作简历表
任务目标
任务分析
知识储备
任务实现
任务5-2 制作用户调研表
任务目标
任务分析
知识储备
任务实现
任务5-3 制作信息登记表
任务目标
任务分析
……
项目6 为网页添加视频、音频和动画
项目7 运用canvas在网页中绘图
项目8 综合项目-HTML5+CSS3网页制作的综合运用













