Adobe Dreamweaver CC网页设计与制作案例技能实训教程

目 录 第1章 网页设计入门操作 跟我学 创建小微企业站点 2 听我讲 1.1 初识Dreamweaver 4 1.1.1 菜单栏 4 1.1.2 文档工具栏 5 1.1.3 “通用”工具栏 6 1.1.4 标签选择器 7 1.1.5 属性面板 7 1.1.6 面板组 7 1.2 网站建设流程 10 1.2.1 规划站点 10 1.2.2 收集素材 11 1.2.3 制作网站 11 1.2.4 测试网站 11 1.2.5 发布网站 12 1.2.6 更新维护 12 1.3 创建站点 13 1.3.1 创建本地站点 13 1.3.2 创建远程站点 14 1.4 站点的管理 14 1.4.1 访问站点 14 1.4.2 编辑站点 15 自己练 创建站点 16 第2章 网页基本元素编辑详解 跟我学 制作古文网页 18 听我讲 2.1 网页的基本构成元素 26 2.1.1 文本 26 2.1.2 图像 26 2.1.3 超链接 26 2.1.4 表单 26 2.1.5 表格 26 2.1.6 导航栏 26 2.1.7 动画 27 2.2 文本内容的创建 27 2.2.1 输入文本 27 2.2.2 设置文本属性 28 2.3 其他常见元素的插入 30 2.3.1 插入特殊符号 30 2.3.2 插入日期和时间 31 2.3.3 插入水平线 31 2.4 页面属性的设置 32 2.4.1 外观 32 2.4.2 链接（CSS） 34 2.4.3 标题（CSS） 35 2.4.4 标题/编码 35 2.4.5 跟踪图像 36 自己练 设计酒店首页 37 第3章 网页多媒体元素详解 跟我学 制作图片网站首页 40 听我讲 3.1 图像的插入与编辑 49 3.1.1 网页图像的格式 49 3.1.2 插入图像 50 3.1.3 图像的属性设置 51 3.1.4 图像的对齐方式 53 3.2 多媒体元素的插入 55 3.2.1 插入HTML5 Video 55 3.2.2 插入SWF格式文件 57 3.2.3 插入Flash Video文件 59 3.2.4 插入音频 61 3.2.5 插入插件 62 自己练 制作书法网站首页 63 第4章 网页超链接应用详解 跟我学 创建国粹特色网页 66 听我讲 4.1 什么是超链接 81 4.1.1 绝对路径 81 4.1.2 文档相对路径 81 4.1.3 站点根目录相对路径 81 4.2 超链接的创建 82 4.2.1 创建文本链接 82 4.2.2 创建空链接 84 4.2.3 制作锚点链接 84 4.2.4 创建电子邮件链接 85 4.2.5 创建脚本链接 85 4.3 在图像中应用链接 86 4.3.1 图像链接 86 4.3.2 图像热点链接 86 4.4 管理网页超链接 87 4.4.1 自动更新链接 87 4.4.2 在站点范围内更改链接 88 4.4.3 检查站点中的链接错误 89 自己练 制作散文网页 90 第5章 表格应用详解 跟我学 制作产品展示网页 92 听我讲 5.1 表格的创建 102 5.1.1 表格的相关术语 102 5.1.2 插入表格 102 5.1.3 表格的基本代码 103 5.1.4 选择表格 104 5.2 表格属性的设置 107 5.2.1 设置表格的属性 107 5.2.2 设置单元格属性 107 5.2.3 鼠标经过颜色 108 5.2.4 表格的属性代码 109 5.3 表格的编辑 112 5.3.1 复制/粘贴表格 112 5.3.2 添加行和列 113 5.3.3 删除行和列 113 5.3.4 拆分和合并单元格 114 5.4 表格式数据的导入/导出 114 5.4.1 导入表格式数据 114 5.4.2 导出表格式数据 115 自己练 制作音乐厅演出信息网页 116 第6章 Div+CSS技术详解 跟我学 制作建筑公司网页 118 听我讲 6.1 认识CSS样式表 127 6.2 创建CSS样式 127 6.2.1 CSS设计器 127 6.2.2 创建CSS样式表 128 6.2.3 应用内部样式表 131 6.2.4 链接外部CSS样式表 132 6.3 定义CSS样式 132 6.3.1 定义CSS样式的类型 133 6.3.2 定义CSS样式的背景 134 6.3.3 定义CSS样式的区块 134 6.3.4 定义CSS样式的方框 135 6.3.5 定义CSS样式的边框 136 6.3.6 定义CSS样式的列表 136 6.3.7 定义CSS样式的定位 137 6.3.8 定义CSS样式的扩展 138 6.3.9 定义CSS样式的过渡 138 6.4 管理CSS样式表 140 6.4.1 编辑CSS样式属性 140 6.4.2 删除CSS样式 141 6.4.3 复制CSS样式 141 6.5 Div+CSS布局基础 142 6.5.1 Div简介 142 6.5.2 Div+CSS布局的优势 142 6.5.3 创建Div 143 6.5.4 盒子模型 144 6.6 常见的网页布局方式 146 6.6.1 居中布局 146 6.6.2 浮动布局 149 6.6.3 高度自适应布局 150 自己练 制作体育用品公司网页 152 第7章 表单技术详解 跟我学 制作网站注册页面 156 听我讲 7.1 认识表单 164 7.2 创建表单域 165 7.2.1 表单域的创建 165 7.2.2 表单域的属性设置 165 7.3 插入文本域 166 7.3.1 插入单行文本域 166 7.3.2 插入多行文本域 167 7.3.3 密码域 168 7.4 插入单选按钮和复选框 169 7.4.1 插入单选按钮 169 7.4.2 插入复选框 171 7.5 创建选择 172 7.6 创建文件域 174 7.7 创建表单按钮 174 7.8 创建跳转菜单 175 自己练 制作公司员工信息表 176 第8章 模板与库详解 跟我学 制作景区网站模板 178 听我讲 8.1 模板的创建 192 8.1.1 创建新模板 192 8.1.2 将网页保存为模板 194 8.2 模板的编辑 194 8.2.1 可编辑区域和不可编辑区域 195 8.2.2 创建可编辑区域 195 8.2.3 创建可选区域 196 8.2.4 删除可编辑区域 197 8.3 模板的应用 198 8.3.1 从模板新建 198 8.3.2 将模板应用于现有文档 199 8.3.3 页面与模板分离 200 8.4 模板的管理操作 200 8.4.1 更新页面 200 8.4.2 重命名模板 201 8.4.3 删除模板 201 8.5 库的应用 202 8.5.1 创建库项目 202 8.5.2 插入库项目 202 8.5.3 管理库项目 203 自己练 制作古建筑网站模板 206 第9章 行为技术详解 跟我学 制作室内设计网页 208 听我讲 9.1 行为概述 218 9.1.1 “行为”面板 218 9.1.2 事件 219 9.1.3 应用行为 220 9.2 常用行为 221 9.2.1 交换图像 221 9.2.2 弹出信息 222 9.2.3 打开浏览器窗口 222 9.2.4 检查表单 223 9.2.5 设置文本 224 9.2.6 调用JavaScript 225 9.2.7 跳转菜单 226 9.2.8 转到URL 226 9.2.9 预先载入图像 227 自己练 制作宠物网站 228 附录 229 附录A Dreamweaver CC常用快捷键一览 230 附录B HTML常见标签汇总 236