DremweaverCC2019网页制作实例教程

第1章 Dreamweaver CC 2019概述 1 1.1 工作界面 2 1.2 编码环境 7 1.2.1 代码提示 8 1.2.2 代码格式化 10 1.2.3 代码改写 10 1.3 编码工具 11 1.3.1 快速标签编辑器 11 1.3.2 【代码片段】面板 11 1.3.3 优化网页代码 12 1.4 辅助工具 14 1.4.1 标尺 15 1.4.2 网格 15 1.4.3 辅助线 16 1.5 自定义设置 17 1.5.1 常规设置 17 1.5.2 不可见元素设置 18 1.5.3 网页字体设置 19 1.5.4 文件类型/编辑器设置 19 1.5.5 界面颜色设置 19 1.6 实例演练 20 1.7 习题 22 第2章 HTML5基础知识 23 2.1 HTML5简介 24 2.2 HTML5文件的基本结构 24 2.2.1 文档类型声明 25 2.2.2 主标签 25 2.2.3 头部标签 26 2.2.4 主体标签 28 2.3 HTML5文件的编写方法 28 2.3.1 手动编写HTML5代码 28 2.3.2 使用Dreamweaver生成HTML5代码 29 2.4 HTML5元素 31 2.4.1 结构元素 31 2.4.2 功能元素 33 2.4.3 表单元素 36 2.5 HTML5属性 36 2.5.1 表单属性 37 2.5.2 链接属性 37 2.5.3 其他属性 37 2.6 HTML5全局属性 38 2.6.1 contenEditable属性 38 2.6.2 contextmenu属性 39 2.6.3 data-*属性 40 2.6.4 draggable属性 41 2.6.5 dropzone属性 43 2.6.6 hidden属性 43 2.6.7 spellcheck属性 44 2.6.8 translate属性 44 2.7 HTML5事件 45 2.7.1 window事件 45 2.7.2 form事件 45 2.7.3 mouse事件 46 2.7.4 media事件 46 2.8 实例演练 47 2.9 习题 48 第3章 设计网页文本内容 49 3.1 定义段落文字 50 3.1.1 使用段落标签 50 3.1.2 使用换行标签 51 3.2 定义标题文字 51 3.3 设置文字格式 52 3.3.1 设置文字字体 52 3.3.2 设置文字字号 53 3.3.3 设置文字颜色 55 3.3.4 设置字体效果 56 3.3.5 设置上标与下标 57 3.3.6 设置字体风格 58 3.3.7 设置文字粗细 59 3.3.8 设置文字复合属性 60 3.3.9 设置阴影文本 61 3.4 设置网页水平线 62 3.4.1 添加水平线 62 3.4.2 设置水平线的宽度和高度 63 3.4.3 设置水平线的颜色 64 3.4.4 设置水平线的对齐方式 64 3.4.5 消除水平线的阴影 65 3.5 建立网页文字列表 66 3.5.1 建立无序列表 66 3.5.2 建立有序列表 68 3.5.3 建立嵌套列表 69 3.5.4 建立自定义列表 70 3.6 设置段落格式 71 3.6.1 设计单词间隔 71 3.6.2 设置字符间隔 72 3.6.3 设置文字修饰 73 3.6.4 设置垂直对齐方式 73 3.6.5 设置水平对齐方式 75 3.6.6 设置文本缩进 76 3.6.7 设置文本行高 76 3.6.8 设置留白 77 3.6.9 设置文本反排 78 3.7 实例演练 79 3.8 习题 80 第4章 设计网页图像效果 81 4.1 网页图像简介 82 4.1.1 网页支持的图片格式 82 4.1.2 图像中的路径 82 4.2 在网页中插入图像 84 4.3 编辑网页中的图像 86 4.3.1 设置网页图像的高度和宽度 86 4.3.2 设置网页图像的提示文字 87 4.3.3 在Dreamweaver中编辑图像效果 88 4.3.4 在Photoshop中编辑图像效果 90 4.4 设置网页背景图像 91 4.5 排列网页中的图像 92 4.6 创建鼠标经过图像效果 92 4.7 实例演练 94 4.8 习题 96 第5章 建立超链接 97 5.1 超链接的基础知识 98 5.1.1 超链接的类型 98 5.1.2 超链接的路径 98 5.2 创建网页超链接 99 5.2.1 创建文本链接 99 5.2.2 创建图像链接 101 5.2.3 创建下载链接 102 5.2.4 设置电子邮件链接 103 5.2.5 设置以新窗口打开超链接 103 5.2.6 使用相对路径和绝#对路径 104 5.3 创建浮动框架 106 5.4 创建热点区域 107 5.5 实例演练 110 5.6 习题 112 第6章 创建表单 113 6.1 表单简介 114 6.2 基本表单元素 115 6.2.1 单行文本框 115 6.2.2 多行文本框 116 6.2.3 密码输入框 117 6.2.4 单选按钮 119 6.2.5 复选框 120 6.2.6 下拉列表框 121 6.2.7 普通按钮 123 6.2.8 提交按钮 123 6.2.9 重置按钮 124 6.3 HTML5增强输入类型 125 6.3.1 url类型 125 6.3.2 email类型 125 6.3.3 date和time类型 126 6.3.4 number类型 127 6.3.5 range类型 128 6.3.6 search类型 129 6.3.7 tel类型 130 6.3.8 color类型 130 6.4 HTML5 input属性 131 6.4.1 autocomplete属性 131 6.4.2 autofocus属性 133 6.4.3 form属性 135 6.4.4 height和width属性 135 6.4.5 list属性 136 6.4.6 min、max和step属性 137 6.4.7 pattern属性 138 6.4.8 placeholder属性 138 6.4.9 required属性 139 6.4.10 disabled属性 140 6.4.11 readonly属性 140 6.5 HTML5新增控件 141 6.5.1 datalist元素 141 6.5.2 keygen元素 141 6.5.3 output元素 142 6.6 HTML5表单属性 143 6.6.1 autocomplete属性 143 6.6.2 novalidate属性 143 6.7 实例演练 144 6.8 习题 148 第7章 使用表格 149 7.1 表格的基本结构 150 7.2 创建表格 151 7.2.1 创建带标题的表格 151 7.2.2 定义表格边框类型 153 7.2.3 定义表格的表头 154 7.2.4 定义表格单元格间距 155 7.2.5 定义表格单元格边距 156 7.2.6 定义表格宽度 157 7.3 调整表格 157 7.3.1 调整表格大小 158 7.3.2 添加行与列 158 7.3.3 删除行与列 158 7.3.4 合并单元格 159 7.3.5 拆分单元格 161 7.3.6 设置单元格高度与宽度 161 7.4 设置表格背景 162 7.4.1 定义表格背景颜色 162 7.4.2 定义表格背景图片 163 7.4.3 定义表格单元格背景 163 7.5 排列单元格内容 164 7.6 设置单元格内容不换行 166 7.7 实例演练 167 7.8 习题 170 第8章 使用多媒体 171 8.1 使用网页音频标签 172 8.1.1 标签简介 172 8.1.2 audio标签的属性 172 8.1.3 音频解码器 173 8.1.4 设置网页音频文件 173