X
0
样编辑：高老师ZR
QQ：1234090
电话：0411-84706671（编辑电话）0411-84706041（购书电话）
邮箱：
HTML5+CSS3网站设计基础
作者：朱翠苗, 郑广成
出版时间：2019-09-01
定价：55.00元
HTML5跨平台开发基础与实战
作者：郑丽萍, 王志勃
出版时间：2021-08-01
定价：51.80元
HTML5+CSS3网站设计基础（第二版）
荐
作者：朱翠苗, 郑广成
出版时间：2023-01-01
定价：59.80元
HTML5+CSS3网站设计基础（第三版）
荐
作者：朱翠苗, 郑广成
出版时间：2025-08-01
定价：58.80元
荐
朱翠苗, 郑广成
978-7-5685-6513-4
Ⅰ. TP312.8；TP393.092.2
大连理工大学出版社
2025-08-01
58.80元
《HTML5+CSS3网站设计基础》（第三版）是“十四五”职业教育国家规划教材、“十三五”职业教育国家规划教材，也是高等职业教育软件技术专业系列规划教材之一。配有微课、电子课件、源代码、习题参考答案等配套资源。本教材深入浅出地讲解了HTML5、CSS3前端开发技术及其应用。本书共13个项目，包括认识HTML5、使用HTML5的基本标签、表单应用、表格应用和布局、HTML5中音频和视频的应用、CSS3基础应用、CSS3美化网页、CSS盒子模型应用与CSS3动画、浮动与定位、典型页面局部布局以及三个完整的项目实战：个人博客制作、购物街网站制作、芙蓉商城制作。
《HTML5+CSS3网站设计基础》（第三版）是“十四五”职业教育国家规划教材、“十三五”职业教育国家规划教材，也是高等职业教育软件技术专业系列规划教材之一。
党的二十大报告指出：我们要坚持教育优先发展、科技自立自强、人才引领驱动，加快建设教育强国、科技强国、人才强国，坚持为党育人、为国育才，全面提高人才自主培养质量，着力造就拔尖创新人才，聚天下英才而用之。编者注重加强学生的社会主义核心价值观教育，在教材中融入价值观引导，融通思政教育，引导学生树立正确的社会价值观，提升网页设计专业技能，增强分析解决问题的能力，培育德技并修的技术技能人才。
为满足计算机软件行业对Web前端开发技术人才的培养需求，教育部设立了“1+X”Web前端开发职业技能等级证书。本教材的编写就是在该等级证书的标准指导下，同时结合“应用软件系统开发”“移动应用设计与开发”技能大赛要求，将HTML5、CSS3等新技术、新标准融入教材，满足“技能证书＋技能大赛”双重需求。
本教材采用“项目引领、三阶驱动、双线铸魂”的编写架构，全书以13个项目为载体，按照“基础项目—专项任务—综合实战”三阶梯度编排内容。每个任务遵循“任务需求—知识储备—任务实现”的闭环逻辑开展教学，同时网页设计的内容嵌入两条特色线索：一条传递正向价值观，一条传承中华优秀传统文化，形成“技术训练+文化浸润”的双线融合模式。
本教材得到北京中软国际教育科技股份有限公司、苏州双艺科技咨询有限公司的大力支持，是一本校企合作教材。同时，本教材的修订还得到江苏省高校“青蓝工程”项目资助，也是该项目的研究成果。
本教材以典型项目设计为载体，依据项目开发流程组织教材内容，具有实战性、可操作性、新颖性、通俗性和项目过程化等特点。本教材从实际案例切入，重点讲解HTML5、CSS3核心技术的典型应用，能够激发学生的学习兴趣与主观能动性，帮助读者在技术实践中领会技术精髓。各案例与实例按照由浅入深、由易到难的顺序编排，即使是初学者也可以轻松掌握，制作出精美实用的网页作品。
全书共分13个项目，项目1主要介绍了HTML5文档声明和语法规范、HTML5废弃的标签和属性、HTML5新标签。项目2主要介绍了网页的基本标签，重点介绍了HTML5行级标签和块级标签的使用。项目3主要介绍了表单的基本语法，HTML5新的表单元素、表单属性以及各种表单元素的使用。项目4主要介绍了表格的基本用法，其中包括跨行和跨列的表格、使用表格实现图文布局，同时还介绍了框架的使用。项目5主要介绍了HTML5中的音频和视频，以及HTML5新增的语义化标签。项目6介绍了CSS基本语法，CSS的应用方式，选择器的分类，CSS继承性、层叠性、特殊性，CSS3选择器的使用。项目7介绍了用CSS设置文字、背景、列表等样式，用CSS设置超链接伪类的样式。项目8重点介绍了盒子模型，以及CSS3的2D、3D等样式。项目9介绍了浮动和定位机制。项目10介绍了典型页面局部布局，重点讲解div-ul-li实现横向导航菜单、div-dl-dt-dd实现图文混排，并详细介绍了典型布局。项目11、项目12、项目13介绍了网页制作的综合实战，分别详细讲解了个人博客、购物街网站、网上商城网站的布局与样式书写，通过综合实战训练学生技能，进一步提高学生应用实践能力，体现了“做中学、学中产”的实训教学思想。
本教材提供了大量实例，需要用到Edge、Chrome、IE（已停止维护，仅供兼容参考）等主流浏览器的测试和预览。运行书中示例代码，建议读者安装上述浏览器的最新版本；不同浏览器对CSS3特性的支持会存在一定差异。
本教材每个项目均配有习题，并提供完整习题答案与习题代码，便于读者边学边练，巩固知识、提升实践能力。本教材可作为高等教育继续教育类、职业教育类院校计算机相关专业的课程教材，亦适用于开放大学、成人教育院校的教学需求，同时可供相关领域从业人员和爱好者参考使用。
本教材是省级在线精品课程的配套教材，学习者可以在学银在线平台“Web前端页面设计”课程中进行学习，网址：https://www.xueyinonline.com/detail/265763121?tonewterm=true。配套43个教学视频、532道测试作业习题、8个术道结合思政案例、42个教学PPT、完整源文件与素材文件等，同时读者可以通过手机扫描书中二维码观看微课视频进行学习。
在编写本教材的过程中，编者参考、引用和改编了国内外出版物中的相关资料以及网络资源，在此表示深深的谢意！相关著作权人看到本教材后，请与出版社联系，出版社将按照相关法律的规定支付稿酬。
限于编者水平，加之时间仓促，书中难免存在疏漏与不妥之处，恳请广大读者批评指正。
编 者
2026年8月
项目1 认识HTML5 / 1
任务1.1 新的文档声明和语法规范 / 1
任务1.2 HTML5新标签 / 3
任务1.3 HTML5废弃的标签和属性 / 5
1.3.1 HTML5废弃的标签 / 6
1.3.2 HTML5废弃的属性 / 6
项目小结 / 7
习 题 / 7
项目2 使用HTML5的基本标签 / 8
任务2.1 初识HTML / 8
2.1.1 HTML文件的基本结构 / 8
2.1.2 编辑工具 / 10
任务2.2 “李清照诗词赏析”页面制作 / 14
2.2.1 标题标签<h1>～<h6> / 16
2.2.2 段落标签<p> / 17
2.2.3 水平线标签<hr/> / 18
任务2.3 “商品信息”页面制作 / 20
2.3.1 有序列表标签<ol> / 20
2.3.2 无序列表标签<ul> / 22
2.3.3 定义列表标签<dl> / 24
2.3.4 表格标签<table> / 26
2.3.5 表单标签<form> / 26
2.3.6 分区标签<div> / 26
任务2.4 “相宜本草促销”页面制作 / 29
2.4.1 图像标签<img/> / 29
2.4.2 范围标签<span> / 31
2.4.3 换行标签<br/> / 31
2.4.4 超链接标签<a> / 32
任务2.5 注释和特殊符号的使用 / 36
2.5.1 HTML注释 / 36
2.5.2 特殊符号 / 36
任务2.6 W3C标准 / 37
2.6.1 什么是W3C标准 / 37
2.6.2 W3C提倡的Web页结构 / 38
2.6.3 HTML5代码规范 / 39
项目小结 / 41
习 题 / 41
项目3 表单应用 / 43
任务3.1 会员注册页面制作 / 43
3.1.1 表单的基本语法 / 44
3.1.2 表单基本元素的介绍 / 45
任务3.2 HTML5新的input类型 / 51
任务3.3 HTML5新的表单元素 / 54
项目小结 / 56
习 题 / 56
项目4 表格应用和布局 / 58
任务4.1 表格基础知识 / 58
4.1.1 表格的基本结构 / 59
4.1.2 表格的基本语法 / 59
任务4.2 跨行和跨列实现“商品分类” / 61
4.2.1 跨 列 / 61
4.2.2 跨 行 / 62
4.2.3 跨行和跨列 / 63
任务4.3 表格布局化妆品页面 / 66
任务4.4 表格布局注册页面 / 69
任务4.5 “华语歌曲东方韵时光谱”页面制作 / 75
任务4.6 iframe框架 / 77
项目小结 / 78
习 题 / 79
项目5 HTML5新增元素与语义化标签 / 81
任务5.1 video视频元素 / 81
任务5.2 audio音频元素 / 83
任务5.3 HTML5语义化结构标签 / 84
项目小结 / 86
习 题 / 86
项目6 CSS3基础应用 / 87
任务6.1 CSS基础知识 / 87
6.1.1 为什么使用CSS / 87
6.1.2 CSS的基本语法 / 88
任务6.2 CSS的应用方式 / 90
任务6.3 选择器的分类 / 92
6.3.1 标签选择器 / 92
6.3.2 类选择器 / 93
6.3.3 ID选择器 / 95
6.3.4 CSS复合选择器 / 96
任务6.4 CSS继承性、层叠性、特殊性 / 98
6.4.1 继承性 / 98
6.4.2 层叠性 / 100
6.4.3 特殊性 / 102
任务6.5 CSS3新增选择器 / 103
6.5.1 属性选择器 / 103
6.5.2 结构（位置）伪类选择器 / 104
6.5.3 伪元素选择器 / 106
项目小结 / 107
习 题 / 108
项目7 CSS3美化网页 / 110
任务7.1 用CSS设置字体样式以及文本样式 / 110
7.1.1 用CSS设置字体样式 / 110
7.1.2 用CSS设置页面的文本样式 / 112
任务7.2 用CSS设置网页背景图片 / 119
任务7.3 CSS3新增背景样式 / 126
任务7.4 CSS3新增渐变背景 / 128
7.4.1 线性渐变 / 129
7.4.2 径向渐变 / 131
7.4.3 重复渐变 / 132
任务7.5 用CSS设置列表样式 / 132
任务7.6 用CSS设置超链接伪类样式 / 136
任务7.7 导航菜单制作 / 138
项目小结 / 140
习 题 / 140
项目8 CSS盒子模型应用与CSS3动画 / 142
任务8.1 盒子模型基础知识 / 142
任务8.2 盒子模型属性 / 144
8.2.1 边界（margin） / 145
8.2.2 填充（padding） / 146
8.2.3 边框（border） / 147
8.2.4 CSS3新增圆角边框 / 153
8.2.5 盒子模型计算模式 / 156
任务8.3 CSS3动画效果 / 157
8.3.1 过 渡 / 157
8.3.2 2D转换 / 161
8.3.3 3D转换 / 166
8.3.4 动 画 / 169
任务8.4 网页版面分栏 / 176
项目小结 / 181
习 题 / 181
项目9 浮动与定位 / 183
任务9.1 浮 动 / 183
9.1.1 为什么需要浮动 / 183
9.1.2 浮动的含义及其在布局中的应用 / 185
任务9.2 定位机制 / 188
9.2.1 CSS的position属性 / 189
9.2.2 CSS静态定位 / 190
9.2.3 CSS相对定位 / 190
9.2.4 CSS绝对定位 / 193
9.2.5 CSS固定定位 / 196
9.2.6 CSS的z-index属性 / 196
任务9.3 制作垂直导航菜单和实现顶部布局 / 197
9.3.1 制作垂直导航菜单 / 197
9.3.2 实现顶部布局 / 200
项目小结 / 203
习 题 / 203
项目10 典型页面局部布局 / 205
任务10.1 div-ul-li实现横向导航菜单 / 205
任务10.2 div-dl-dt-dd实现图文混排 / 212
项目小结 / 220
习 题 / 220
项目11 个人博客制作 / 221
任务11.1 利用Dreamweaver搭建站点 / 221
任务11.2 制作博客首页 / 224
任务11.3 制作博客分支页 / 231
项目小结 / 234
习 题 / 234
项目12 购物街网站制作 / 235
任务12.1 设置通用样式 / 235
任务12.2 设计网页结构 / 238
任务12.3 设计页面内容和样式 / 240
项目小结 / 247
习 题 / 247
项目13 芙蓉商城制作 / 248
任务13.1 分块制作商城网站首页 / 248
13.1.1 利用Dreamweaver搭建站点 / 249
13.1.2 制作商城网站首页的总体布局 / 251
13.1.3 实现顶部布局 / 257
13.1.4 实现左部商品分类 / 260
13.1.5 实现中部主体布局 / 263
13.1.6 实现右部布局 / 265
13.1.7 实现底部信息 / 268
任务13.2 制作商城分支页——注册页面 / 268
任务13.3 制作商城分支页——登录页面 / 273
任务13.4 制作商城分支页——商品具体介绍页面 / 275
任务13.5 建立页面之间的链接和相关测试 / 277
13.5.1 建立页面间的链接 / 278
13.5.2 网页的兼容性测试 / 278
项目小结 / 279
习 题 / 279
参考文献 / 280
扫码关注
返回顶部
很抱歉！您正在使用的浏览器版本过低，无法正常使用我们的网站，请升级后再试！
为获得最佳浏览体验，建议您升级或使用其他浏览器，我们列出了一些最受欢迎的浏览器供您尝试：
