前 言

                                                     Web前端开发技术由网页设计演化而来，其基础内容是网页设计及交互。由于不同的网站具有不同的显示风格，因而Web前端开发个性化较强。Web前端开发与普通的网页设计比较，其特点是更加注重CSS和JavaScript的运用，这样才能设计出美观的网页，并能实现前端网页间良好的交互。本书从Web前端开发的基础技术入手，以实际案例为主线，重点讲解HTML5、CSS3、JavaScript等Web前端开发主流技术在实际项目开发中的应用。

本书不仅通过具体案例将Web前端开发技术的理论知识融入实际问题的解决中，还辅以丰富的习题，能使学生得到充分的训练，有助于理解知识，学以致用。作者多年从事计算机专业本科教学，不仅具有丰富的教学经验，而且具有多年的Web前端开发经验。作者依据长期的教学经验，精心提炼与组织Web前端开发的主要知识点、重点与难点，并结合学习者对Web应用中最感兴趣的方面，形成了本书的结构。

本书共12章，分为3部分。

第1部分为HTML5技术，含第1～4章。第1章主要包括HTML5概述、Web前端开发工具、HTML5的文档结构及基本语法；第2章详细讲解HTML5的文本控制标记、图像标记、超链接标记以及列表的使用；第3章讲解HTML5新增元素，包括结构元素、分组元素、页面交互元素和文本层次语义元素；第4章讲解表格、表单和音视频的使用。

第2部分为CSS技术，含第5～9章。第5章主要包括CSS概述、核心知识、CSS的层叠性和继承性以及CSS中与文字相关的属性的设置；第6章主要介绍CSS3新增选择器的使用，包括属性选择器、关系选择器、结构化伪类选择器、伪元素选择器和链接伪类；第7章通过实例详细讲解盒子模型的各种属性设置以及背景相关属性设置；第8章介绍常用的DIV+CSS页面布局；第9章介绍CSS3的过渡属性、转换属性和动画属性。

第3部分为JavaScript技术，含第10～12章。第10章主要介绍JavaScript的基础知识，包括JavaScript概述、JavaScript程序、变量和数据类型、运算符和表达式、流程控制语句、函数等内容；第11章介绍文档对象模型(DOM)、浏览器对象模型(BOM)的使用；第12章介绍事件及其处理机制。

本书得到吉林师范大学教材出版基金资助，吉林师范大学数学与计算机学院吕凯担任主编，孙英慧、曹冬雪、王继魁担任副主编。吕凯编写了第1～9章并对全书进行了统稿，孙英慧编写了第10章，曹冬雪编写了第11章，王继魁编写了第12章。限于作者水平，加之技术更新迅速，书中难免有不妥之处，敬请广大读者批评指正。

作者2026年6月