本书全面系统地介绍了网页设计、前端开发涉及的基础核心技术，包括网站开发相关概念、常用开发工具、HTML5、CSS样式属性、响应式布局、Bootstrap框架及网站建设流程等。
本书注重实践能力培养，配备3种层次的案例，让学习者由浅入深、循序渐进地掌握前端开发技术。第一层次是知识点示例，通过大量示例辅助学习者掌握基础知识点：第二层次是项目案例，将完整网站按顺序拆解为15个项目，通过项目驱动的方式提升学习者的动手能力，并使学习者在此过程中逐步理解网站建设的思路和开发流程；第三层次是拓展习题，涵盖当前章的主要知识点及相关技术并适当延伸，引导学习者主动思考、深入探索。
本书适合作为普通高等院校计算机相关专业学生的Web开发课程教材，也可作为初学者的自学教材。

第1章 网站初识
1.1 网页构成
1.2 理论基础
1.2.1 基本概念
1.2.2 Web工作原理
1.3 开发框架
1.3.1 常用开发技术
1.3.2 Bootstrap
1.3.3 Vue.js
1.3.4 React.js
1.3.5 Node.js
1.4 常用开发工具
1.4.1 Sublime Text
1.4.2 EditPlus
1.4.3 Dreamweaver
1.5 网站发布
1.5.1 IIS简介
1.5.2 网站发布
1.5.3 IIS的配置及网站发布
项目一 创建网页及发布——李白简介
扩展阅读 媒介素养及媒介素养教育
习题
第2章 HTML标签
2.1 HTML概述
2.1.1 HTML的概念
2.1.2 HTML的兴衰
2.1.3 浏览器内核
2.1.4 W3C标准
2.2 文档结构
2.2.1 HTML5文档结构与书写规范
2.2.2 ＜!DOCTYPE＞和＜meta＞标签
2.3 基本标签
2.3.1 块级元素
2.3.2 内联元素
2.3.3 特殊字符
2.4 多媒体
2.4.1 图像标签＜img＞
2.4.2 多媒体格式
2.4.3 多媒体嵌入标签＜embed＞
2.4.4 视频标签＜video＞
2.4.5 音频标签＜audio＞
2.5 超链接
2.5.1 超链接标签＜a＞
2.5.2 超链接类型
2.5.3 超链接路径
2.5.4 内部书签
2.5.5 target属性
2.6 表格
2.6.1 表格标签
2.6.2 表格属性
2.6.3 表格嵌套和布局
2.7 其他标签
2.7.1 marquee
2.7.2 iframe
2.7.3 div和span
2.7.4 语义元素
2.8 表单
2.8.1 表单定义标签＜form＞
2.8.2 输入标签＜input＞
2.8.3 列表框标签＜select＞
2.8.4 文本域输入标签＜textarea＞
项目二 李白代表作品页面（1）
项目三 李白代表作品页面（2）
项目四 古诗词调查问卷（1）
项目五 李白个人生平（1）
扩展阅读 媒介素养之信息检索
习题
第3章 CSS常用属性
3.1 CSS概述
3.1.1 CSS发展历史
3.1.2 CSS的优势
3.2 CSS的创建
3.2.1 标记文档
3.2.2 编写规则
3.2.3 附加方式
3.3 基本选择器
3.4 字体属性及继承
3.4.1 字体属性
3.4.2 继承
3.5 文本属性
3.6 颜色与背景
3.6.1 颜色
3.6.2 背景
3.6.3 渐变
3.7 表格、列表及边框
3.7.1 表格样式
3.7.2 列表样式
3.7.3 边框
3.8 display
3.8.1 隐藏元素
3.8.2 改变元素显示
3.9 复杂选择器
3.9.1 层次选择器
3.9.2 属性选择器
3.9.3 伪类选择器
3.10 优先级
3.10.1 优先级特性
3.10.2 层叠
项目六 杜甫个人成就页面（1）
项目七 李白代表作品页面（3）
扩展阅读 媒介素养之视觉素养（1）
习题
第4章 盒模型与网页布局
4.1 盒模型
4.1.1 元素框的组成
4.1.2 内容
4.1.3 内边距
4.1.4 外边距
4.2 浮动与定位
4.2.1 浮动与清除浮动
4.2.2 定位
4.2.3 层叠顺序
4.3 布局
4.3.1 液态布局
4.3.2 固定布局
4.3.3 flex布局
4.3.4 常见布局案例
项目八 古诗词调查问卷（2）
项目九 李白个人生平（2）
项目十 杜甫个人成就页面（1）
扩展阅读 媒介素养之视觉素养（2）
习题
第5章 CSS特效
5.1 滤镜
5.2 过渡
5.3 动画
5.4 转换
5.4.1 2D转换
5.4.2 3D转换
项目十一 首页
扩展阅读 媒介素养之技术素养
习题
第6章 响应式设计及Bootstrap框架
6.1 响应式网页设计概述
6.1.1 必要性
6.1.2 定义
6.1.3 视口
6.1.4 响应式布局
6.1.5 设计案例
6.2 媒体查询
6.2.1 媒体介质
6.2.2 媒体查询语法
6.2.3 常用引用方式
6.3 Bootstrap框架概述
6.3.1 Bootstrap基础
6.3.2 创建第一个Bootstrap页面
6.3.3 Bootstrap网格系统
6.4 Bootstrap样式
6.4.1 文字排版
6.4.2 颜色
6.4.3 表格
6.4.4 图片
6.4.5 表单
6.4.6 表单控件
6.4.7 按钮
6.5 组件
6.5.1 导航栏
6.5.2 下拉菜单
6.5.3 输入框组
6.5.4 模态框
6.5.5 轮播
项目十二 杜甫作品问卷
项目十三 白居易代表作品
项目十四 白居易个人生平
扩展阅读 媒介素养之数据素养
习题
第7章 网站建设流程
7.1 明确网站定位
7.2 确定网站主题
7.3 网站结构规划
7.3.1 栏目版块规划
7.3.2 目录结构规划
7.3.3 链接结构规划
7.3.4 布局设计规划
7.4 收集网站内容
7.5 网站设计原则
7.6 网站发布
项目十五 网站整合
扩展阅读 媒介素养之智媒素养
习题