前言


万维网从诞生到现在，从一个应用范围狭窄的小圈子发展成无所不在，伴随它同步发展的还有Web前端技术。Web前端技术主要由内容、表现和行为三部分组成，对应的开发语言分别是HTML、CSS、JavaScript。尤其是近几年随着移动应用的广泛使用，Web标准越来越受到开发者的重视，HTML、CSS、JavaScript技术成为决定网页好坏的关键，也成为从业人员的必备技能。
党的二十大报告指出“坚持教育优先发展、科技自立自强，人才引领驱动”，为我国科技创新和计算机技术应用的全面发展提出了新的要求和目标。本书紧扣国家战略和党的二十大精神，通过对Web前端技术的介绍，帮助读者专业、快捷地掌握Web前端开发的技能，主要包括以下内容。
第一部分（第1章）介绍什么是Web前端技术、CSS设计的基本思想、Web前端技术的开发流程，并利用案例完成Web前端技术开发环境的搭建和Web页面的典型应用。
第二部分（第2章）重点讲解Web页面的内容实现，包括HTML的基本框架和文字、表格等标签元素，这部分是Web前端技术的基础。
第三部分（第3～8章）重点讲解Web页面的表现实现。首先介绍CSS选择器及其特点、使用CSS实现页面文字、背景美化；接着介绍盒子模型，利用CSS实现页面布局；最后介绍通过列表、超链接、表格、表单等标签元素的配合应用，美化各个页面元素。
第四部分（第9章、第10章）重点讲解Web页面的行为实现，包括JavaScript语言的基本语法、浏览器对象模型、文档对象模型，并利用丰富的案例达到局部特效的实现。
本书具有以下特点。
（1） 精选案例，激发爱国情怀，弘扬工匠精神。本书选择北斗卫星导航系统等思政元素，依据任务需求将知识技能和思政元素渗透到教学各环节，做到专业知识和课程思政元素深度融合，培养学生树立职业观念，形成职业素养，养成良好的职业道德，成为具备工匠精神的卓越职业人。
（2） 以就业为导向，面向Web前端工程师岗位。本书根据Web前端工程师开发岗位的需求和“1+X”证书“Web前端开发初级”职业资格取证要求编写内容，在内容的选取和组织上注意高职学生的特点，力图使学生掌握专业技能，能够解决实际问题。
（3） 递进式技能训练体系。本书设计了“实例+课堂实训”的技能体系。每章都通过丰富的实例讲解主要知识点，提高单一技能，并利用课堂实训对知识点进行巩固。
（4） 精心设计和讲解课堂实训。本书的课堂实训主要按照“任务内容→任务目的→技能分析→操作步骤”环节展开。
本书由马蕾、康英健、张燕宁、杨建兴、金光浩编著。
由于编者水平有限，书中不足之处在所难免，欢迎读者批评、指正。

编者2023年2月