本书从初学者角度出发，通过通俗易懂的语言、丰富的实例，详细介绍了网页开发所需要掌握的知识内容。包括HTML、CSS、JavaScript等知识内容同时以真实项目作为案例，将理论知识与实践相结合，从实践的角度进行知识点的深化与能力的拓展。以实训项目为例，将网页制作的理论知识和方法结合到知识点的讲解中，使得读者能够掌握其中思考问题的方法、并了解其过程，做到“授人以渔”；在出版社网站和自建资源中心上等提供丰富的网络资源，方便读者进一步深化理论学习和实践训练，主要包括教材之外的外延知识、知识点示例程序、若干综合项目示例程序等。

本书主要介绍了网页设计与制作的相关知识，包括HTML的基本知识(Web前端开发环境配置与调试技术、文本格式化、段落与列表、网站发布等)、网页布局技术(div+CSS综合应用、响应式布局等)、HTML5基础与CSS3应用、JavaScript应用(jQuery)。为了提高读者的动手能力，本书以真实项目为例，详细讲解了网页编程技术在项目开发中的应用。
本书内容结构合理，实战项目设计由浅入深，可以满足不同层次读者的练习需要。建议读者在学习本书时，对书中的项目实例进行实践。
本书可作为高等院校相关专业网页制作、Web前端开发技术等课程的教材，也适合Web开发相关工作的各类技术人员阅读参考。

第1章 简介（1）
1.1 网站与网页简介（1）
1.1.1 网站的构成（2）
1.1.2 网页基础知识（3）
1.2 HTML简介（4）
1.2.1 HTML基础语法（5）
1.2.2 HTML基本结构（6）
1.3 CSS简介（9）
1.4 jQuery简介（12）
1.5 开发编译环境（13）
1.5.1 运行（15）
1.5.2 调试（15）
小结（17）
习题（17）
第2章 网页基础（20）
2.1 HTML标签（20）
2.1.1 块级元素（21）
2.1.2 行级元素（26）
2.1.3 行级块元素（27）
2.1.4 按用途分类（29）
2.2 CSS基础（30）
2.2.1 CSS的使用（31）
2.2.2 盒子模型（56）
2.3 CSS常用布局方法（66）
2.3.1 浮动布局（67）
2.3.2 定位布局（70）
2.3.3 弹性布局（83）
2.4 响应式布局（88）
2.4.1 响应式布局的实现（89）
2.4.2 响应式布局的优缺点（92）
2.5 CSS 3动画（93）
2.5.1 transform（93）
2.5.2 transition（94）
2.5.3 animation（94）
2.5.4 动画综合实例（95）
2.6 jQuery（99）
2.6.1 jQuery的引用（100）
2.6.2 jQuery的语法（101）
2.6.3 jQuery的入口函数（102）
2.6.4 jQuery选择器（102）
2.6.5 jQuery常用的事件（103）
2.6.6 jQuery的效果（113）
2.6.7 jQuery操作HTML（126）
2.6.8 jQuery遍历元素（131）
小结（135）
习题（135）
第3章 HTML项目开发一（子杰官网）（138）
3.1 项目介绍（138）
3.1.1 项目描述（139）
3.1.2 开发要求（139）
3.1.3 网站设计分析（139）
3.1.4 网站文件结构（140）
3.1.5 网页结构（140）
3.2 导航栏（142）
3.2.1 子杰官网logo（144）
3.2.2 菜单列表（146）
3.2.3 搜索和微信图标（150）
3.3 轮播图整体布局（153）
3.3.1 轮播图片切换按钮（156）
3.3.2 轮播文字部分（157）
3.3.3 轮播效果（160）
3.4 我们的产品（160）
3.4.1 产品分类（163）
3.4.2 “申请体验”按钮效果（168）
3.4.3 鼠标滑动展示产品详细内容（171）
3.5 数字化专题（172）
3.6 典型案例（176）
3.7 解决方案（178）
3.8 底部版权（185）
3.8.1 申请体验（185）
3.8.2 联系方式（188）
3.9 响应式布局（191）
小结（202）
习题（202）
第4章 HTML 5新增功能简介（203）
4.1 HTML 5语法（203）
4.2 HTML 5元素（206）
4.2.1 HTML 5新增的结构元素（206）
4.2.2 HTML 5新增的功能元素（208）
4.2.3 HTML 5废除的元素（209）
4.2.4 HTML 5属性（209）
4.2.5 HTML 5全局属性（212）
4.3 HTML 5中的多媒体（215）
4.3.1 网页音频（216）
4.3.2 网页视频（217）
4.3.3 滚动字幕（跑马灯效果）（218）
4.4 使用HTML 5绘制图形（220）
4.5 HTML 5的高级应用（221）
4.5.1 选择文件（221）
4.5.2 使用HTML 5实现拖放功能（221）
小结（222）
习题（222）
第5章 HTML项目开发二（子杰软件管理员后台）（224）
5.1 项目介绍（224）
5.1.1 项目描述（225）
5.1.2 开发要求（225）
5.2 平台风格指引（226）
5.2.1 商标（226）
5.2.2 调色板（226）
5.2.3 字体（227）
5.3 准备工作（229）
5.3.1 字体选择/字体规范（229）
5.3.2 清除浏览器默认样式（230）
5.3.3 管理员后台默认样式（231）
5.3.4 管理员后台栅格系统（232）
5.3.5 管理员后台功能说明（237）
5.4 常见的表单标签（238）
5.4.1 按钮、tab标签、下拉菜单等（238）
5.4.2 抽屉和弹出框（255）
5.5 登录界面（260）
5.5.1 整体布局（260）
5.5.2 具体代码（261）
5.6 管理员后台——栏目管理页面（263）
5.6.1 整体布局（263）
5.6.2 Sider区域布局（267）
5.6.3 Right区域布局（278）
5.7 Content区域——Header布局（288）
5.7.1 Header区域（290）
5.7.2 Content区域（292）
小结（306）
习题（306）
第6章 网站测试与发布（307）
6.1 测试本地站点（308）
6.1.1 浏览器测试（308）
6.1.2 链接测试（309）
6.2 发布站点（315）
6.2.1 腾讯云服务器介绍（316）
6.2.2 使用腾讯云服务器发布站点（317）
小结（323）
习题（323）
附录（324）