网页设计与制作案例实战教程--Dreamweaver CC+HTML+CSS（微课版）

谢涛，西安交通大学副教授，*线上*课程《Web编程技术》负责人、*及省级教学成果奖获奖人、华为*批高校布道师入选者、华为鸿蒙生态人才建设春雨奖获得者、**小程序开发大赛*指导教师、*在线教育研究中心“2019智慧教育之星”获奖者。拥有20多年的Web编程、移动应用开发、前端开发、企业级信息系统架构开发、开源软件应用等教学及实战经验，在中国大学MOOC、智慧树、Coursera等主流MOOC平台上主持线上课程5门，其中*线上*课程1门。主持省部级教改项目6项，主编教材2部，参编教材9部，参与国家重点研发计划、省级科研项目、横向科研项目等共9项，发表论文10多篇。 

第01章 网页设计基础

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.2.5 网站维护

1.3 网页布局与配色

1.3.1 网页的布局类型

1.3.2 网页色彩基础

1.3.3 网页配色技巧

1.4 网页设计常用工具

1.5 AIGC在网页设计中的应用

第02章 Dreamweaver入门操作

2.1 Dreamweaver 的工作界面

2.1.1 启动Dreamweaver

2.1.2 自定义软件界面

2.1.3 Dreamweaver的视图模式

2.1.4 实操案例：自定义*项

2.2 站点的创建与管理

2.2.1 创建站点

2.2.2 编辑站点

2.2.3 导入和导出站点

2.2.4 新建文件或文件夹

2.2.5 编辑文件或文件夹

2.3 文档的基础操作

2.3.1 新建文档

2.3.2 打开文档

2.3.3 插入文档

2.3.4 保存文档

2.3.5 关闭文档

2.4 课堂实战 利农农机

2.5 课后练习

第03章 HTML知识准备

3.1 认识HTML

3.1.1 HTML语言基础

3.1.3 文件开始标签

3.1.4 文件头部标签

3.1.5 标题标签

3.1.6 主体标签 

3.1.7 元信息标签 

3.1.8 标签 

3.2 HTML的基本标签 

3.2.1 标题文字 

3.2.2 文字字体 

3.2.3 段落换行 

3.2.4 不换行标签 

3.2.5 图像标签 

3.2.6 *链接标签 

3.2.7 列表标签 

3.2.8 表格标签 

3.2.9 表单标签 

3.2.10 实操案例：丝竹诗文 

3.3 HTML5简介 

3.3.1 HTML5的语法变化 

3.3.2 HTML5中的标记方法 

3.3.3 HTML5中新增元素 

3.3.4 HTML5中新增属性元素 

3.4 课堂实战 恬逸沙发 

3.5 课后练习 

第04章 页面与文本 

4.1 页面属性 

4.1.1 设置外观 

4.1.2 设置标题 

4.1.3 实操案例：青木桌椅 

4.2 创建文本 

4.2.1 输入文本 

4.2.2 导入文本 

4.3 设置网页中的文本属性 

4.3.1 “属性”面板 

4.3.2 设置文本格式 

4.3.3 设置段落格式 

4.3.4 设置文本样式 

4.3.5 使用列表 

4.3.6 实操案例：缘心志愿 

4.4 在网页中插入特殊元素 

4.4.1 插入特殊符号 

4.4.2 插入水平线 

4.4.3 插入日期 

4.4.4 实操案例：绿其茶业 

4.5 课堂实战 每日读书 

第05章 图像与多媒体元素 

5.1 在网页中插入图像 

5.1.1 常用图像格式 

5.1.2 插入图像 

5.1.3 图像的属性设置 

5.1.4 图像的对齐方式 

5.1.5 替换文本 

5.1.6 鼠标经过图像 

5.1.7 实操案例：米格餐具 

5.2 插入多媒体元素 

5.2.1 插入HTML5 Video元素 

5.2.2 插入HTML5 Audio元素 

5.2.3 实操案例：青鸟视频 

5.3 课堂实战 曲乐影音 

5.5 课后练习 

第06章 *链接的应用 

6.1 *链接概念 

6.1.1 相对路径 

6.1.2 *路径 

6.2 管理网页*链接 

6.2.1 自动更新链接 

6.2.2 检查站点中的链接错误 

6.2.3 修复链接 

6.3 文本链接 

6.3.1 文本链接 

6.3.2 下载链接 

6.3.3 电子邮件链接 

6.3.4 空链接 

6.3.5 实操案例：景澜酒店 

6.4 图像链接 

6.4.1 图像链接 

6.4.2 图像热点链接 

6.4.3 实操案例：微光摄像 

6.5 锚点链接 

6.6 课堂实战 美家装饰 

6.7 课后练习 

第07章 使用表格布局网页 

7.1 插入表格 

7.1.1 表格的组成 

7.1.2 插入表格 

7.2 表格属性 

7.2.1 设置表格属性 

7.2.2 设置单元格属性 

7.2.3 鼠标经过颜色 

7.2.4 表格的属性代码 

7.2.5 实操案例：陶瓷展览馆 

7.3 选择表格元素 

7.3.1 选择整个表格 

7.3.2 选择单个单元格 

7.4 编辑表格 

7.4.1 拷贝和粘贴表格 

7.4.2 增减表格的行和列 

7.4.3 删除表格和*表格内容 

7.4.4 合并或拆分单元格 

7.4.5 实操案例：尔肆手表 

7.5 课堂实战 春林建筑 

7.6 课后练习 

第8章 CSS网页美化技术 

8.1 CSS概述 

8.1.1 CSS的特点 

8.1.2 CSS的定义 

8.2 创建CSS样式 

8.2.1 CSS设计器 

8.2.2 创建CSS样式 

8.2.3 CSS属性 

8.2.4 实操案例：启乐运动 

8.3 CSS规则定义 

8.3.1 类型 

8.3.2 背景 

8.3.3 区块 

8.3.4 方框 

8.3.5 边框 

8.3.6 列表 

8.3.7 定位 

8.3.8 扩展 

8.3.9 过渡 

8.3.10 实操案例：微景绿植 

8.4 课堂实战 跃野自行车 

8.5 课后练习 

第09章 Div+CSS网页布局技术 

9.1 CSS与Div布局基础 

9.1.1 什么是Web标准 

9.1.2 Div概述 

9.1.3 创建Div 

9.1.4 实操案例：琳琅*饰 

9.2 CSS布局方法 

9.2.1 盒子模型 

9.2.2 外边距设置 

9.2.3 外边距合并 

9.2.4 内边距设置 

9.2.5 实操案例：时刻餐厅 

9.3 课堂实战 飞扬咖啡 

9.4 课后练习 

第 10章 表单的应用 

10.1 使用表单 

10.1.1 认识表单 

10.1.2 基本表单元素 

10.2 文本类表单 

10.2.1 文本 

10.2.2 密码 

10.2.3 文本区域 

10.2.4 实操案例：亿联科技登录页 

10.3 单选按钮和复选框表单 

10.3.1 单选按钮和单选按钮组 

10.3.3 复选框和复选框组 

10.4 其他常用表单 

10.4.1 “提交”和“重置”按钮 

10.4.2 文件 

10.4.3 选择 

10.4.4 实操案例：晴空旅社客房预订页 

10.5 课堂实战 网络*知识竞赛 

10.6 课后作业 

第 11章 模板和库 

11.1 创建模板 

11.1.1 直接创建模板 

11.1.2 从现有网页中创建模板 

11.1.3 定义可编辑区域 

11.1.4 实操案例：酷卡服装 

11.2 管理和使用模板 

11.2.1 应用模板 

11.2.2 从模板中分离 

11.2.3 更新模板及模板内容页 

11.2.4 创建嵌套模板 

11.2.5 创建可选区域 

11.2.6 实操案例：应用酷卡服装网页模板 

11.3 创建和使用库 

11.3.1 创建库项目 

11.3.2 插入库项目 

11.3.3 编辑和更新库项目 

11.4 课堂实战 自然科普 

11.5 课后作业 

第 12章 行为的应用 

12.1 什么是行为 

12.1.1 行为 

12.1.2 常见事件 

12.2 利用行为调节浏览器窗口 

12.2.1 调用JavaScript 

12.2.2 转到URL 

12.2.3 打开浏览器窗口 

12.3 利用行为制作图像* 

12.3.1 交换图像与恢复交换图像 

12.3.2 预先载入图像 

12.3.3 显示-隐藏元素 

12.3.4 实操案例：国际象棋赛程安排 

12.4 利用行为显示文本 

12.4.1 弹出信息 

12.4.2 设置状态栏文本 

12.4.3 设置容器的文本 

12.4.4 设置文本域文字 

12.4.5 实操案例：悦米吉他 

12.5 利用行为控制表单 

12.5.1 跳转菜单 

12.5.2 检查表单 

12.6 课堂实战 生活购物网 

12.7 课后作业 

第 13章 综合实战案例 

13.1 网站页面规划 

13.2 *页制作 

13.2.1 新建站点 

13.2.2 制作网页 

13.3 子页面制作 

13.3.1 制作模板 

13.3.2 制作专属定制页面 

附录 

本书以实际应用为导向, 遵循由浅入深、从理论到实践的原则, 详细介绍了使用DreamweaverCC进行网页设计的方法和技巧。全书共13章, 依次介绍了网页设计基础、Dreamweaver入门操作、HTML知识准备、页面与文本、图像与多媒体元素、超链接的应用、使用表格布局网页、CSS网页美化技术、Div+CSS网页布局技术、表单的应用、模板和库、行为的应用及综合实战案例, 帮助读者更全面地掌握DreamweaverCC软件的应用并达到学以致用的目的。