店 HTML5+CSS3任务驱动教程 第2版 第二版 微课版 网页样式与布局技术书 高校计算机网页设计教材书籍 电子工业

本书分为11个模块，包括网页设计基础知识、HTML5开发基础、文本与段落、网页中的图像与多媒体技术、应用表格布局页面、创建网页中的超链接、网页表单设计、CSS3样式基础、使用DIV+CSS布局页面、使用CSS美化网站元素、综合案例。本书介绍了HBuilder X前端开发工具的安装和使用，并演示如何用HBuilder X创建和管理网页项目。 本书从实际应用出发，采用任务式的编写模式，通过"知识准备”使学生快速掌握网页设计的相关基础知识；通过"任务实现”培养学生的设计思路，使学生掌握网页设计的方法和步骤；通过"思考与练习”使学生进一步巩固所学知识，拓展网页设计的应用能力。本书内容丰富、知识全面、图文并茂、步骤清晰、通俗易懂、专业性强，使学生既能掌握HTML+CSS网页样式与布局技术，又能解决工作中的实际问题。 本书既可作为应用型本科、职业本科、高职高专院校计算机相关专业的教材，又可作为广大网页设计人员和网页制作爱好者的参考用书。

目 录
模块一 网页设计基础知识 1
任务1 HBuilder X的安装 2
任务描述 2
知识准备 2
任务实现 3
任务小结 4
任务2 网站的建立 5
任务描述 5
知识准备 6
任务实现 8
任务小结 10
任务3 网页的基本知识 10
任务描述 10
知识准备 10
任务小结 13
思考与练习 13
模块二 HTML5开发基础 15
任务1 编写一个简单的HTML5页面 16
任务描述 16
知识准备 16
任务实现 22
任务小结 23
任务2 设置“在线学习网”的首页文件头部信息 24
任务描述 24
知识准备 25
任务实现 27
任务小结 28
思考与练习 28
模块三 文本与段落 31
任务1 文字的基本排版 32
任务描述 32
知识准备 32
任务实现 34
任务小结 35
任务2 对文字进行加强描述 35
任务描述 35
知识准备 35
任务实现 37
任务小结 38
任务3 使用块级元素和行内元素制作专业信息页面 38
任务描述 38
知识准备 39
任务实现 40
任务小结 42
任务4 特殊符号的使用 42
任务描述 42
知识准备 43
任务实现 43
任务小结 44
任务5 添加注释 44
任务描述 44
知识准备 45
任务实现 45
任务小结 46
思考与练习 46
模块四 网页中的图像与多媒体技术 48
任务1 制作“在线学习网”平面作品展示页面 49
任务描述 49
知识准备 49
任务实现 57
任务小结 58
任务2 制作“在线学习网”广告作品展示页面 58
任务描述 58
知识准备 58
任务实现 61
任务小结 62
任务3 制作“在线学习网”多媒体作品展示页面 62
任务描述 62
知识准备 63
任务实现 66
任务小结 68
思考与练习 68
模块五 应用表格布局页面 71
任务1 图书借阅详情页面的制作 72
任务描述 72
知识准备 72
任务实现 75
任务小结 76
任务2 课程表的制作 76
任务描述 76
知识准备 76
任务实现 78
任务小结 81
任务3 学院首页页面的制作 81
任务描述 81
知识准备 82
任务实现 82
任务小结 84
思考与练习 84
模块六 创建网页中的超链接 86
任务 创建“在线学习网”页面的超链接 87
任务描述 87
知识准备 88
任务实现 95
任务小结 100
思考与练习 100
模块七 网页表单设计 103
任务1 注册页面的设计 104
任务描述 104
知识准备 104
任务实现 109
任务小结 112
任务2 读者留言板的设计 112
任务描述 112
知识准备 113
任务实现 116
任务小结 118
思考与练习 118
模块八 CSS3样式基础 120
任务1 网页大标题的样式设计 121
任务描述 121
知识准备 121
任务实现 125
任务小结 127
任务2 网页中的文字排版 127
任务描述 127
知识准备 128
任务实现 131
任务小结 135
任务3 制作产品分类 136
任务描述 136
知识准备 136
任务实现 139
任务小结 140
思考与练习 141
模块九 使用DIV+CSS布局页面 144
任务1 网页中的图文混排 145
任务描述 145
知识准备 146
任务实现 159
任务小结 161
任务2 网页中的全图排版 161
任务描述 161
知识准备 163
任务实现 165
任务小结 167
任务3 多行多列式布局 167
任务描述 167
知识准备 167
任务实现 169
任务小结 174
思考与练习 175
模块十 使用CSS3美化网站元素 177
任务1 使用CSS3设计网站导航 178
任务描述 178
知识准备 178
任务实现 179
任务小结 181
任务2 使用CSS3美化表格 181
任务描述 181
知识准备 182
任务实现 183
任务小结 185
任务3 使用CSS3美化表单 186
任务描述 186
知识准备 186
任务实现 187
任务小结 190
思考与练习 190
模块十一 综合案例 192
任务 学校网站的页面设计 193
任务描述 193
任务实现 194
任务小结 215
参考文献 216

赵峰，在高校从教28年，副教授，职业资格二级（技师）。毕业于北京交通大学计算机科学与技术专业，现为信息工程学院计算机应用基础教研室主任。中国职业技术教育学会教学工作委员会会员，全国计算机信息高新技术考试考评员。近年来参与或主持厅局级、学会级教育教学改革科研课题三项，发表学术、教育教学改革论文十余篇。研究成果在职教学会、高教学会评比中获得一等奖两项、二等奖和三等奖各一项。代表学校参加省高等职业院校计算机技能大赛（教师组）获得二等奖，2019年参加由广东省教育厅主办的全省职业院校技能大赛职业院校教学能力比赛高职组教学设计赛项，荣获二等奖。指导学生参加各级各类技能大赛三次获得*秀指导教师称号。近五年来参与编写规划教材四本（主编三本、副主编一本）。获得实用新型专利2项。

1.任务驱动，强化实践采用“任务描述→知识准备→任务实现→任务小结”模式，注重实战能力培养。含丰富案例（如课程表、注册页面、学院首页等），覆盖表格布局、表单设计、DIV+CSS排版等核心技能。2.工具升级，效率提升*2版全面采用HBuilder X工具，支持快速开发与极速响应，提升编码体验。3.微课赋能，灵活学习4.配套案例微课视频，结合图文步骤，支持自主互动学习。5.课程思政，文化融合模块开篇设置“思政目标”，案例融入中国诗词元素，兼顾技能提升与文化熏陶。6.资源完备，教学无忧提供教学大纲、PPT、源码、习题答案等资源，适配院校教学与自学需求。7.结构清晰，覆盖全面11个模块循序渐进，涵盖HTML5基础、多媒体技术、CSS3样式、综合案例等全链路知识。

1.任务驱动，强化实践采用“任务描述→知识准备→任务实现→任务小结”模式，注重实战能力培养。含丰富案例（如课程表、注册页面、学院首页等），覆盖表格布局、表单设计、DIV+CSS排版等核心技能。2.工具升级，效率提升*2版全面采用HBuilder X工具，支持快速开发与极速响应，提升编码体验。3.微课赋能，灵活学习4.配套案例微课视频，结合图文步骤，支持自主互动学习。5.课程思政，文化融合模块开篇设置“思政目标”，案例融入中国诗词元素，兼顾技能提升与文化熏陶。6.资源完备，教学无忧提供教学大纲、PPT、源码、习题答案等资源，适配院校教学与自学需求。7.结构清晰，覆盖全面11个模块循序渐进，涵盖HTML5基础、多媒体技术、CSS3样式、综合案例等全链路知识。

1