本书以实用的案例、通俗易懂的语言详细介绍了使用HTML5、CSS3及JavaScript进行网页制作的各方面内容和技能。全书共11章，结合HTML5、CSS3和JavaScript的基础知识及应用，提供了多个课堂案例和一个综合项目。其中，第1章主要讲解网页制作的基础知识，包括网页、网站的概念，以及网站制作工具的使用技巧；第2～9章主要讲解HTML5、CSS3、盒子模型、列表与超链接、表单、元素的浮动与定位等静态网页搭建技巧；第10章讲解使用JavaScript为网页添加动态效果；第11章为一个综合项目，带领读者按照项目流程开发了一个包含首页、个人中心页、注册页及视频播放页的大型网站。 本书配有丰富的教学资源，包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。此外，为了帮助读者更好地学习本书中的内容，作者团队还提供了在线答疑，希望帮助更多读者。 本书适合作为高等院校计算机类专业的教材，也可供网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考。

本书以习近平新时代中国特色社会主义思想为指导，在编写的过程中结合党的二十大精神进教材、进课堂、进头脑的要求，将素质教育内容融入日常学习中，让学生在学习新兴技术的同时提升爱国热情，增强民族自豪感和自信心，引导学生树立正确的世界观、人生观和价值观，进一步提升学生的职业素养，落实德才兼备、高素质技术技能人才培养的要求。本书介绍了使用HTML5、CSS3和JavaScript 进行网页制作的各方面内容和技能，思政内容贯彻全书。
1．技能：掌握 HTML5、CSS3 和 JavaScript
在这个以互联网产业为基础的时代，网站的建设已经成为很多企业关注的焦点。一个设计精良的网站不仅代表了企业的品牌形象，还能够推广宣传企业，为企业发掘潜在的客户。HTML5、CSS3、JavaScript作为网站建设技术的三要素，也成为网站设计人员的必备技术。
2．思政：立德树人，树立正确的价值观
本书选取传承中华优秀传统文化、体现奉献精神的中国科学家事迹等教学案例，引导学生践行社会主义核心价值观，坚定文化自信，旨在培养一批有思想、有能力的当代青年。
编写思路
目前关于网站制作技术类的书籍较多，但大多偏向于某一方面的知识，如界面设计、HTML5、JavaScript等，使得网站建设人员缺乏对完整项目实现过程的深入了解。如何制作网站？我们学习的这些技术应用在网页制作的哪个环节？许多初学者学完之后，依然会有这样的疑问。因此，系统全面地学习网站制作的相关知识，是当下网页设计人员亟待解决的问题。
本书以实用的课堂案例、通俗易懂的语言详细介绍了使用HTML5、CSS3及JavaScript进行网页制作的各方面内容和技巧。同时以一个综合项目对前面的知识进行总结回顾，力求让不同层次的读者，全面系统快速地掌握网站建设的基础知识，具备搭建静态页面的能力。
本书作为第二版，在修订过程中，我们进行了深入的调研，广泛听取了采用本书第一版的高校教师群体的反馈与建议，旨在确保知识体系的难度与深度既契合职业教育的特色要求，又紧密跟随产业发展趋势，精准对接行业对人才的实际需求。第二版的主要变更如下：
① 将网页编辑器更换为HBuilder X，倡导支持国产软件发展。
② 在案例中融入更多思政元素，落实立德树人根本任务。
③ 将人工智能技术融入课程，帮助读者借助前沿技术提升学习效率。
本书内容
本书涵盖了静态网站搭建中需要重点掌握的技术，主要针对零基础或具备一定网站建设能力的人群。本书以既定的编写体例（理论+案例）规划所学知识点，以网站制作的基本流程为主线，详细讲解了页面搭建的相关技巧，力求让不同层次的网页设计师快速掌握网站制作技巧。
本书分为11章，各章内容介绍如下：
第1章介绍了网站的基础知识，包括网页、网站的概念、网页设计流程，以及网页设计规范等内容；
第2、3章介绍了HTML和CSS基础知识，包括常用HTML基础标记、HTML5新增标记、CSS基础样式等内容；
第4～7章介绍了静态网页搭建的应用技巧，包括盒子模型、列表、表格、表单、浮动和定位布局网页等内容；
第8章介绍了音频、视频、动画在网页中的应用技巧，包括音视频嵌入网页、过渡、变形、动画等内容；
第9章介绍了网页制作中一些常用的CSS高阶技巧，包括CSS精灵技术、滑动门技术、margin负值压线技术；
第10章介绍了JavaScript基础知识，包括JavaScript语法、数据类型、函数、对象、事件等内容；
第11章是一个综合项目，包括网站规划、界面设计、静态页面搭建、网页动效实现等一系列完整的网站建设过程，是贯穿全书的综合项目。
为了提升您的学习或教学体验，我们精心为本书配备了教学PPT、教学大纲、教学设计、测试题、源代码、在线答疑等丰富的数字化资源和服务。通过这些配套资源和服务，我们希望让您的学习或教学变得更加高效。请扫描二维码获取本书配套资源和服务。
致 谢
本书的编写和整理工作由江苏传智播客教育科技股份有限公司（简称“传智教育”，其下有两个子品牌：黑马程序员和院校邦）完成。全体人员在编写过程中付出了辛勤的汗水，很多试读人员参与了本书的试读工作并提出了宝贵的建议，在此一并表示衷心的感谢。
意见反馈
尽管我们尽了最大的努力，但书中仍难免会有疏漏与不妥之处，欢迎各界专家和读者朋友提出宝贵意见，我们将不胜感激。您在阅读本书时，如发现任何问题或有不认同之处可以通过电子邮件与我们取得联系。
请发送电子邮件至：itcast_book@vip.sina.com。
黑马程序员
2025年1月于北京

第1章HTML入门11.1网页和网站简介11.1.1网页和网站基本概念21.1.2网页基本构成要素31.1.3网站页面构成41.1.4网站类型51.1.5浏览器概述71.2网站制作流程81.3网页设计原则111.4网页设计规范121.4.1配色原则131.4.2设计尺寸规范151.4.3字体规范161.4.4命名规范171.5网页编辑器171.5.1常见的网页编辑器171.5.2HBuilderX的安装与使用18AI实践：AI网页工具初体验21习题21第2章运用HTML5搭建网页结构222.1HTML和HTML5232.1.1认识HTML和HTML5232.1.2认识标签232.1.3文档基本格式242.1.4标签属性252.1.5HTML5文档头部相关标签272.2文本控制标签282.2.1标题和段落标签282.2.2文本样式标签322.2.3文本格式化标签322.2.4特

江苏传智播客教育科技股份有限公司（简称传智教育）是一家培养高精尖数字化专业人才的公司，主要培养人工智能、大数据、智能制造、软件开发、区块链、数据分析、网络营销、新媒体等领域的人才。传智教育在教育领域有两个子品牌：黑马程序员和院校邦。

案例实用，实践性强
本书以网站制作的基本流程为主线，结合多个阶段案例、课堂案例和1个综合项目实战，帮助读者掌握网页设计与制作的方法。

知识全面，技术新颖
本书详细介绍了HTML5、CSS3和JavaScript进行网页制作的各方面内容和技巧。并简介AI网页工具，帮助读者借助前沿技术提升效率。

资源丰富，方便使用
本书配有教学PPT、教学大纲、教学设计、源代码、课后习题及答案等，还提供在线答疑，帮助读者学习或实训练习。