网页设计与制作(HTML5+CSS3+JavaScript)(第5版)(微课版)电子书

第5版前言

第1章 HTML5基础

【知识目标】

【技能目标】

【素养目标】

1.1 什么是HTML

1.1.1 网页的基本概念

1.1.2 HTML的工作原理

1.1.3 创建和测试网页

1.1.4 网页编辑工具

1.2 创建网页

1.2.1 标记符基础

1.2.2 网页的基本结构

1.2.3 在网页中添加内容

1.3 综合实例：人物介绍网页

【要点回顾】

练习题

第2章 文本格式与超链接

【知识目标】

【技能目标】

【素养目标】

2.1 设置文本格式

2.1.1 段落格式

2.1.2 字体格式

2.1.3 列表格式

2.2 创建超链接

2.2.1 URL概述

2.2.2 页面链接

2.2.3 锚点链接

2.3 综合实例：唐诗宋词网站

2.3.1 网站规划

2.3.2 网页设计

2.3.3 网页制作

【要点回顾】

练习题

第3章 CSS3基础

【知识目标】

【技能目标】

【素养目标】

3.1 CSS入门

3.1.1 什么是CSS

3.1.2 CSS样式定义

3.1.3 CSS的属性单位

3.2 在网页中使用CSS

3.2.1 使用站点样式

3.2.2 使用网页样式

3.2.3 使用行内样式

3.3 CSS3基本选择器

3.3.1 标记符选择器

3.3.2 类选择器

3.3.3 ID选择器

3.3.4 伪类选择器

3.3.5 群组选择器

3.4 CSS3基础属性

3.4.1 颜色与背景属性

3.4.2 字体属性

3.4.3 文本属性

3.5 综合实例：电影欣赏网站

3.5.1 网站规划与设计

3.5.2 网页制作

【要点回顾】

练习题

第4章 图像

【知识目标】

【技能目标】

【素养目标】

4.1 网页图像基础

4.1.1 位图与矢量图

4.1.2 网页图像格式

4.1.3 使用网页图像的要点

4.2 图像处理基本操作

4.2.1 Photoshop的界面

4.2.2 修改图像的大小

4.2.3 调整图像的颜色

4.2.4 修补图像与抠像

4.2.5 用适当的格式保存图像

4.3 图像标记符<img>

4.3.1 插入图像

4.3.2 设置图像属性

4.4 综合实例：中国符号网站

4.4.1 网站规划与设计

4.4.2 图像处理与网页制作

【要点回顾】

练习题

第5章 表格与表单

【知识目标】

【技能目标】

【素养目标】

5.1 创建表格

5.1.1 表格的基本构成

5.1.2 合并单元格

5.1.3 构造表格的步骤

5.2 表格的属性设置

5.2.1 边框与分隔线

5.2.2 控制单元格空白

5.2.3 表格的对齐

5.3 创建表单

5.3.1 什么是表单

5.3.2 表单控件的类型

5.3.3 <form>标记符

5.4 创建表单控件

5.4.1 文本框与密码框

5.4.2 复选框与单选框

5.4.3 按钮

5.4.4 多行文本框

5.4.5 选项菜单

5.5 综合实例：表格与表单

5.5.1 复杂表格页面

5.5.2 登录注册页面

【要点回顾】

练习题

第6章 CSS3进阶

【知识目标】

【技能目标】

【素养目标】

6.1 CSS3高级选择器

6.1.1 后代选择器

6.1.2 子元素选择器

6.1.3 相邻兄弟选择器

6.1.4 属性选择器

6.2 CSS3布局

6.2.1 CSS盒模型

6.2.2 CSS定位概述

6.2.3 浮动定位

6.2.4 相对定位

6.2.5 绝对定位与固定定位

6.3 CSS3高级属性

6.3.1 分类属性

6.3.2 列表属性

6.3.3 特效属性

6.4 CSS3样式的优先级

6.4.1 一般性规则

6.4.2 样式优先级的计算

6.5 综合实例：中华美食网站

6.5.1 网站规划与设计

6.5.2 网页制作

【要点回顾】

练习题

第7章 JavaScript与前端开发技术

【知识目标】

【技能目标】

【素养目标】

7.1 使用客户端脚本

7.1.1 使用<script>标记符

7.1.2 直接添加脚本

7.1.3 链接脚本文件

7.2 JavaScript编程

7.2.1 JavaScript语言基础

7.2.2 使用JavaScript对象

7.2.3 使用浏览器对象

7.2.4 使用文档对象

7.3 前端开发技术

7.3.1 使用jQuery

7.3.2 使用Bootstrap

7.3.3 使用Vue.js

7.3.4 使用AngularJS

7.3.5 使用React

【要点回顾】

练习题

第8章 网页设计基础

【知识目标】

【技能目标】

【素养目标】

8.1 设计与认知

8.1.1 格式塔理论概述

8.1.2 认知时的组织原则

8.2 设计原则

8.2.1 紧凑原则

8.2.2 对齐原则

8.2.3 重复原则

8.2.4 对比原则

8.3 设计适于扫描的网页

8.3.1 建立清楚的视觉层次

8.3.2 使用习惯用法

8.3.3 划分明确的页面区域

8.3.4 减轻视觉污染

8.4 设计导航

8.4.1 网页导航惯例

8.4.2 全局导航

8.4.3 站点ID

8.4.4 导航条

8.4.5 实用工具

8.4.6 返回主页

8.4.7 搜索功能

8.4.8 页面名称

8.4.9 当前位置与面包屑

8.4.10 网站导航测试

8.5 设计页面版式

8.5.1 页面比例

8.5.2 网页的分栏

8.5.3 版面率

8.5.4 图版面积

8.5.5 跳跃率

【要点回顾】

练习题

第9章 用Dreamweaver制作网页

【知识目标】

【技能目标】

【素养目标】

9.1 Dreamweaver的界面

9.2 使用本地站点

9.2.1 创建本地站点

9.2.2 站点文件操作

9.3 编辑网页

9.3.1 制作网页的一般过程

9.3.2 使用文本

9.3.3 使用超链接

9.3.4 使用图像

9.3.5 使用音频与视频

9.3.6 使用表格

9.3.7 使用表单

9.4 使用CSS样式

9.4.1 链接或创建样式表

9.4.2 定义样式规则

9.4.3 应用样式规则

9.4.4 使用CSS设计页面布局

9.5 高级功能

9.5.1 快速代码编写

9.5.2 响应式网页设计

9.5.3 使用Bootstrap

9.5.4 使用jQuery

【要点回顾】

练习题

第10章 综合项目实践

【知识目标】

【技能目标】

【素养目标】

10.1 网站开发的项目管理

10.1.1 网站开发流程

10.1.2 网站开发团队

10.1.3 网站策划书

10.2 “游戏天地”网站规划

10.2.1 网站目标

10.2.2 站点风格与技术因素

10.2.3 信息架构

10.3 “游戏天地”网站设计

10.3.1 导航设计

10.3.2 页面设计

10.4 “游戏天地”网站实现

10.4.1 实现流程

10.4.2 网页基本结构的实现

10.4.3 典型页面的实现

【要点回顾】

练习题

附录1 HTML和CSS颜色表

附录2 HTML5快速参考

附录2.1 通用属性

附录2.2 常见HTML5标记符

附录3 CSS3快速参考