前 言

网页是互联网的核心承载形态，更是信息时代衔接数字世界与现实世界的关键枢纽。HTML、CSS与JavaScript是构建网页的核心基石，其中，HTML搭建网页的结构骨架，CSS塑造网页的样式与布局，JavaScript赋予网页交互的核心灵魂。jQuery、Bootstrap、Vue.js等丰富的前端框架与工具库，还能帮助初学者快速实现可视化的网页成果，大幅提升入门阶段的学习成就感。

本书旨在为学习网页设计与制作的读者提供一个更加易于学习和应用的知识框架，帮助读者在愉悦的学习过程中掌握网页设计与制作的精髓，并能够灵活地将这些技巧应用到实际工作中。同时，本书融入了AIGC辅助网页设计与制作的相关知识，随着人工智能技术的发展，读者可以借助AIGC工具生成和美化网页，减轻操作负担，提升工作效率。

本书特点

结构合理，循序渐进。对新概念的引入和讲解循序渐进，逐步展开，确保读者能够更加容易理解和掌握这些新的概念。

理论与实操并重。书中在讲解理论的同时，还列举了多个示例，通过模仿、练习这些示例，可以帮助读者在较短的时间内掌握较多和较为复杂的知识。

基础学科，强调实训。每章结尾的拓展练习更偏向于锻炼读者的思维能力与动手能力，从而增强读者对知识的应用能力。

版本强大，平台稳定。全书示例基于HTML5、CSS3版本，每个示例均经过调试运行，读者可以直接参照使用。

内容概述

全书共12章，内容如表1所示。

表1

章序 章名 内容概述

第1章 从零起步：网页基础知识详解 主要介绍网页设计与制作基础的核心术语、网页概念与关键特征、网页常见类型、入门必备工具以及AIGC辅助等内容

第2章 前端骨架：初识HTML5技术 主要介绍HTML5的发展史、优势、语法、元素、属性以及文档结构等内容

第3章 页面元素：网页的基本构成 主要介绍网页中标题标签、注音标签、段落标签、换行标签、插入图像、图像的提示文本、无序列表、有序列表、嵌套列表等内容

第4章 关键标签：网页内容的展示与交互 主要介绍网页中表格的构成、单元格跨度、超链接元素、超链接属性、audio元素、video元素、表单核心标签等内容

第5章 样式基础：CSS3世界 主要介绍CSS3基础内容、内联样式、嵌入样式、外部样式以及CSS3选择器等内容

第6章 样式进阶：CSS3视觉样式 主要介绍文本样式、字体样式、文本阴影、圆角边框、图片边框、多背景、背景、转换特性等内容

第7章 核心布局：盒模型 主要介绍盒子基本类型、外边距设置、内边距设置、盒模型尺寸、属性设置、传统盒模型布局、现代盒模型布局等内容

第8章 页面交互：JavaScript基础知识 主要介绍JavaScript的概念、调用方式、基本语法规则、核心基础语法、流程控制语句以及网页事件处理等内容

第9章 交互进阶：JavaScript前端核心应用 主要介绍JavaScript函数的定义方式、函数参数特性、函数调用、数组常用的操作方法、对象操作、本地存储、DOM操作等内容

第10章 轻量开发：jQuery基础与应用 主要介绍jQuery的引入、基本语法、选择器、事件、常用效果、jQuery中的DOM操作以及jQuery常用插件等内容

第11章 前端UI框架：Bootstrap的应用 主要介绍Bootstrap的概念、引入方式、布局基础、栅格系统、实用工具类以及常用的CSS组件等内容

第12章 渐进式框架：Vue.js 主要介绍Vue的概念、引入方式、模板语法、响应式基础、条件渲染、列表渲染、计算属性、侦听器以及组件化设计等内容

本书的配套素材和教学课件可扫描下面的二维码获取。如果在下载过程中遇到问题，请联系袁老师，邮箱：yuanjm@tup.tsinghua.edu.cn。书中重要的知识点和关键操作均配备高清视频，读者可扫描书中二维码边看边学。

在本书的编写过程中，作者虽然力求严谨细致，但由于时间与精力有限，书中疏漏之处在所难免。读者在阅读过程中有任何疑问，都可扫描下面的技术支持二维码，联系相关技术人员解决。教师在教学过程中有任何疑问，都可扫描下面的教学支持二维码，联系相关技术人员

解决。

网页课件  网页案例资源  技术支持  教学支持