本书从设计网站开始，以浅显易懂的方式讲解网站构建过程、设计网站原型的工具和资源的获取，循序渐进地介绍Web前端三大核心技术——HTML、CSS和JavaScript，并加入前端框架Bootstrap技术。 本书介绍配色工具，以及如何使用Bootstrap模块和配色表快速构建专业美观的响应式网页设计（RWD）网站。本书包含渐进式应用技术，手把手教读者优化网站为Web应用，实现类似原生应用的体验 本书共分三部分：前端开发概念，HTML+CSS基础到进阶教学；JavaScript基础语法和Web数据库应用；前端框架工具，包括Bootstrap和PWA。各部分均有实用范例和整合练习。本书适合自学与教学使用：对前端技术感兴趣却不知从何入门的初学者：前端开发技术相关从业人员；大专院校用于网站设计相关课程教材。

第一部分 HTML 5+CSS
第1章 网站开发的概念与技术
1.1 网站开发的基础概念
1.1.1 网站和网页
1.1.2 网页开发的前端与后端
1.1.3 网址的组成
1.2 构建网站的流程与技术
1.2.1 拟定网站主题
1.2.2 规划网站架构与内容
1.2.3 制作网页工具
1.2.4 上传云端
1.3 网站界面的原型构建工具
1.3.1 网站原型架构
1.3.2 界面线框与原型工具
1.3.3 实现网站的界面原型
第2章 HTML与CSS基础
2.1 学习HTML前的准备工作
2.1.1 建立HTML文件
2.1.2 自动生成HTML 5结构的程序代码
2.2 HTML语法概念与结构
2.2.1 HTML的标签类型
2.2.2 HTML的组成
2.2.3 标签属性的应用
2.3 HTML 5文件结构与语义标签
2.3.1 语义化的HTML标签
2.3.2 HTML 5声明与编码设置
2.4 认识CSS基本结构
2.4.1 应用CSS样式表
2.4.2 CSS基本格式
2.4.3 认识CSS选择器
2.4.4 CSS的度量单位
2.4.5 CSS的颜色表示法
第3章 HTML常用标签
3.1 排版相关的标签
3.1.1 浏览器呈现网页的过程
3.1.2 标题标签
3.1.3 段落和换行标签
3.2 项目列表
3.2.1 有序列表
3.2.2 无序列表
3.2.3 定义列表
3.3 表格与表单
3.3.1 表格
3.3.2 表单
3.3.3 表单组件
3.4 插入图片与超链接
3.4.1 插入图片
3.4.2 超链接
3.4.3 内置框架
3.5