前    言

　　党的二十大报告提出：要加快建设制造强国、质量强国、航天强国、交通强国、网络强国、数字中国。其中网络强国需要更加普惠的网络和信息服务，提供人民群众用得上、用得起、用得好的网络信息服务。网站作为信息展示的窗口，已成为用户浏览信息和展示企业形象及文化的重要平台，开发Web网站和手机App也随之成了热门技术。而作为网页制作基础的HTML5和CSS3，也在2014年发布后迅速流行，得到各大浏览器的支持。HTML5开创了互联网的新时代，是新一代信息技术人才必须掌握的技术。

　　党的二十大报告明确提出：推动战略性新兴产业融合集群发展，构建新一代信息技术、人工智能、生物技术、新能源、新材料、高端装备、绿色环保等一批新的增长引擎。本书根据培养高技能人才的需求，依据职业教育培养目标的要求，以爱德照明网站的开发为主线，以案例为引导，将知识介绍与案例分析、制作、设计融于一体。在案例的设计与制作过程中，把各章节的知识点融入其中，使读者能快速掌握相关的知识和技术。设计的案例由小到大、由简到繁，以引导学生循序渐进地学习制作网页的知识和技术。最后，本书通过爱德照明网站前端页面的设计，介绍网站项目开发、网页设计制作的整个流程。

　　本书从网页的基本结构出发，由浅入深地讲述HTML5文档的基本结构和创建方法、网页基本元素、CSS样式的定义规则及优先级、应用CSS修饰页面元素、CSS3盒子模型的大小和边框设置、盒子的内外边距设置、CSS选择器的知识及应用、典型的网页布局技术、网页上横向导航菜单和纵向导航菜单的设计、页面交互元素表单设计、CSS3简单动画技术、页面音频和视频嵌入技术、网站开发流程等知识。在讲述网页制作的各种技术时，以爱德照明网站的网页制作为案例进行教学，并运用丰富的实例来讲解知识点，注重培养读者解决实际问题的能力。同时，在拓展知识中提供了丰富的、实用的网页设计技术。

　　本书内容丰富、结构合理、语言简练流畅、示例翔实。每章的引言部分都概述了该章的学习目标。在每章的正文中，结合案例讲解基础知识和关键技术，并穿插大量案例，最后通过实训对本章及前面章节所学的知识进行综合训练。每章末尾都安排了有针对性的练习题，有助于读者巩固所学的知识、掌握实际应用技术、培养解决实际问题的能力。

　　本书编写时，积极响应党的二十大精神进教材的要求，把二十大精神融入教学案例中，达到既培养读者技能，又实现提高读者爱国、敬业、奉献的德育目标。书中案例设计精细实用，能培养读者仔细认真、精益求精的大国工匠精神。案例代码按照流行的网页设计规范和代码编写规范，培养读者严谨规范的编码风格。配套习题既有难度又有高度，培养读者理论联系实际、分析问题、解决问题的动手能力，为国家培养高素质的网络安全和信息化人才。

　　本书由山东水利职业学院教师编写和教学视频录制，王云晓负责总体内容规划和第8、11、12章内容，李永前负责第3、10章内容，郝璇负责第4～5章内容，王妍负责第1～2章内容，申加亮负责第6章内容，张殿明负责第9章内容，刘丽丽负责第7章内容，刘秋生负责教材的内容审核。

　　慧科教育科技集团有限公司对本书的编写提供了积极的支持，丁蕾老师负责了全书案例图片资料的准备和整理工作。

　　由于编者水平有限，书中难免存在疏漏和不足之处，敬请专家和广大读者批评指正。

　　编  者  ? 

例题源代码.zip

拓展知识源代码.zip

习题源代码.zip

教案.docx