Dreamweaver CC2019网页制作案例教程

第1章 网页制作的基础知识
1．1 网页概述
1．1．1 Web的起源
1．1．2 Web的特点
1．1．3 Web的工作原理
1．1．4 Web的相关概念
1．2 网页开发技术
1．2．1 HTML
1．2．2 CSS
1．2．3 JavaScript
1．2．4 HTML DOM
1．2．5 BOM
1．2．6 Ajax
1．2．7 jQuery
1．3 网页开发工具
1．4 网页浏览工具
1．5 案例演练
第2章 Dreamweaver CC 2019概述
2．1 工作界面
2．2 基本操作
2．2．1 站点操作
2．2．2 网页操作
2．3 编码环境
2．3．1 代码提示
2．3．2 代码格式化
2．3．3 代码改写
2．4 编码工具
2．4．1 快速标签编辑器
2．4．2 【代码片断】面板
2．4．3 优化网页代码
2．5 辅助工具
2．5．1 标尺
2．5．2 网格
2．5．3 辅助线
2．6 自定义设置
2．6．1 常规设置
2．6．2 不可见元素的设置
2．6．3 网页字体设置
2．6．4 文件类型/编辑器设置
2．7 案例演练
第3章 HTML5基础
3．1 HTML5文档结构
3．1．1 文档类型声明
3．1．2 主标签
3．1．3 头部标签
3．1．4 主体标签
3．2 HTML5文件的编写方法
3．2．1 手动编写HTML5代码
3．2．2 用Dreamweaver生成代码
3．3 HTML5元素
3．3．1 结构元素
3．3．2 功能元素
3．3．3 表单元素
3．4 HTML5属性
3．4．1 表单属性
3．4．2 链接属性
3．4．3 其他属性
3．5 HTML5全局属性
3．5．1 contenEditable属性
3．5．2 contextmenu属性
3．5．3 data-*属性
3．5．4 draggable属性
3．5．5 dropzone属性
3．5．6 hidden属性
3．5．7 spellcheck属性
3．5．8 translate属性
3．6 HTML5事件
3．6．1 window事件
3．6．2 form事件
3．6．3 mouse事件
3．6．4 media事件
3．7 实例演练
第4章 格式化文本与段落
4．1 定义段落文字
4．1．1 使用段落标签
4．1．2 使用换行标签
4．2 定义标题文字
4．3 设置文字格式
4．3．1 设置文字字体
4．3．2 设置文字字号
4．3．3 设置文字颜色
4．3．4 设置文字效果
4．3．5 设置上标与下标
4．3．6 设置字体风格
4．3．7 设置文字粗细
4．3．8 设置文字的复合属性
4．3．9 设置阴影文本
4．4 设置网页水平线
4．4．1 添加水平线
4．4．2 设置水平线的宽度和高度
4．4．3 设置水平线的颜色
4．4．4 设置水平线的对齐方式
4．4．5 消除水平线的阴影
4．5 设置段落格式
4．5．1 设置单词间隔
4．5．2 设置字符间隔
4．5．3 设置文字修饰
4．5．4 设置垂直对齐方式
4．5．5 设置水平对齐方式
4．5．6 设置文本缩进
4．5．7 设置文本行高
4．5．8 处理空白
4．5．9 文本反排
4．6 案例演练
第5章 使用列表
5．1 列表概述
5．2 无序列表
5．3 有序列表
5．4 列表嵌套
5．5 定义列表
5．6 案例演练
第6章 使用超链接
6．1 超链接概述
6．1．1 超链接的类型
6．1．2 超链接的路径
6．2 创建超链接
6．2．1 创建文本链接
6．2．2 创建图片链接
6．2．3 创建下载链接
6．2．4 设置电子邮件链接
6．2．5 设置以新窗口打开超链接
6．2．6 使用相对路径和绝对路径
6．3 使用浮动框架
6．4 使用热点区域
6．5 案例演练
第7章 使用图像与多媒体文件
7．1 网页图像概述
7．1．1 网页支持的图像格式
7．1．2 网页图像的路径
7．2 在网页中插入图像
7．3 编辑网页图像
7．3．1 设置图像的高度和宽度
7．3．2 设置图像提示文字
7．3．3 编辑图像效果
7．3．4 在Photoshop中编辑图像
7．4 设置网页背景图像
7．5 排列网页中的图像
7．6 制作鼠标经过图像
7．7 插入网页音频
7．7．
7．7．
7．7．3 音频解码器
7．7．4 设置网页音频文件
7．8 插入网页视频
7．8．
7．8．
7．8．3 视频解码器
7．8．4 设置网页视频文件
7．9 在网页中添加插件
7．10 在网页中添加SWF文件
7．11 在网页中添加FLV文件
7．12 在网页中添加滚动文字
7．12．1 设置网页滚动文字
7．12．2 应用滚动方向属性
7．12．3 应用滚动方式属性
7．12．4 应用滚动速度属性
7．12．5 应用滚动延迟属性
7．12．6 应用滚动循环属性
7．12．7 应用滚动范围属性
7．12．8 应用滚动背景颜色属性
7．12．9 应用滚动空间属性
7．13 案例演练
第8章 使用CSS
8．1 CSS概述
8．1．1 CSS样式表的功能
8．1．2 CSS样式表的规则
8．1．3 CSS样式表的类型
8．2 创建CSS样式表
8．2．1 创建外部样式表
8．2．2 创建内部样式表
8．2．3 附加外部样式表
8．3 添加CSS选择器
8．4 编辑CSS样式效果
8．4．1 CSS类型设置
8．4．2 CSS背景设置
8．4．3 CSS区块设置
8．4．4 CSS方框设置
8．4．5 CSS边框设置
8．4．6 CSS列表设置
8．4．7 CSS定位设置
8．4．8 CSS扩展设置
8．4．9 CSS过渡设置
8．5 案例演练
第9章 制作Div+CSS页面布局
9．1 Div与盒模型简介
9．1．1 Div
9．1．2 盒模型
9．2 理解标准布局
9．2．1 网页标准
9．2．2 内容、结构、表现和行为
9．3 Div+CSS
9．4 插入Div标签
9．5 常用的Div+CSS布局方式
9．5．1 高度自适应布局
9．5．2 网页内容居中布局
9．5．3 网页元素浮动布局
9．6 案例演练
第10章 使用表格
10．1 表格概述
10．2 创建表格
10．2．1 创建带标题的表格
10．2．2 定义表格的边框类型
10．2．3 定义表格的表头
10．2．4 定义表格的单元格间距
10．2．5 定义表格的单元格边距
10．2．6 定义表格的宽度
10．3 调整表格
10．3．1 调整表格大小
10．3．2 添加行与列
10．3．3 删除行与列
10．3．4 合并单元格
10．3．5 拆分单元格
10．3．6 设置单元格的高度与宽度
10．4 设置表格背景
10．4．1 定义表格的背景颜色
10．4．2 定义表格的背景图片
10．4．3 定义表格单元格的背景
10．5 排列单元格的内容
10．6 设置单元格内容不换行
10．7 案例演练
第11章 使用表单
11．1 表单概述
11．2 定义基本表单元素
11．2．1 单行文本框
11．2．2 多行文本框
11．2．3 密码输入框
11．2．4 单选按钮
11．2．5 复选框
11．2．6 下拉列表框
11．2．7 普通按钮
11．2．8 提交按钮
11．2．9 重置按钮
11．3 HTML5增强输入类型
11．3．1 url类型
11．3．2 email类型
11．3．3 date和time类型
11．3．4 number类型
11．3．5 range类型
11．3．6 search类型
11．3．7 tel类型
11．3．8 color类型
11．4 HTML5 input属性
11．4．1 autocomplete属性
11．4．2 autofocus属性
11．4．3 form属性
11．4．4 height和width属性
11．4．5 list属性
11．4．6 min、max和step属性
11．4．7 pattern属性
11．4．8 placeholder属性
11．4．9 required属性
11．4．10 disabled属性
11．4．11 readonly属性
11．5 HTML5的新增控件
11．5．1 datalist元素
11．5．2 keygen元素
11．5．3 output元素
11．6 HTML5表单属性
11．6．1 autocomplete属性
11．6．2 novalidate属性
11．7 案例演练
第12章 使用HTML5绘制图形
12．1 canvas简介
12．2 绘制基本图形
12．2．1 绘制矩形
12．2．2 绘制圆形
12．2．3 绘制直线
12．2．4 绘制多边形
12．2．5 绘制曲线
12．2．6 绘制贝塞尔曲线
12．3 绘制渐变图形
12．3．1 绘制线性渐变
12．3．2 绘制径向渐变
12．4 设置图形样式
12．4．1 设置线型
12．4．2 设置不透明度
12．4．3 设置阴影
12．5 操作图形
12．5．1 清除绘图
12．5．2 移动坐标
12．5．3 旋转坐标
12．5．4 缩放图形
12．5．5 组合图形
12．5．6 裁切路径
12．6 绘制文字
12．6．1 绘制填充文字
12．6．2 绘制轮廓文字
12．6．3 设置文字属性
12．7 案例演练
第13章 使用行为
13．1 行为简介
13．1．1 行为的基础知识
13．1．2 JavaScript代码简介
13．2 调节窗口
13．2．1 打开浏览器窗口
13．2．2 转到URL
13．2．3 调用JavaScript
13．3 应用图像
13．3．1 交换图像与恢复交换图像
13．3．2 拖动AP元素
13．4 显示文本
13．4．1 弹出信息
13．4．2 设置状态栏文本
13．4．3 设置容器的文本
13．4．4 设置文本域文本
13．5 加载多媒体
13．5．1 检查插件
13．5．2 显示-隐藏元素
13．5．3 改变属性
13．6 控制表单
13．6．1 跳转菜单、跳转菜单开始
13．6．2 检查表单
13．7 案例演练