第13课布局模式模板与资源列表dreamwear8网页设计教程.ppt

《 中文 Dreamweaver 8 网页设计培训教程 》 第 13 课 布局模式、模板与资源列表 ? 课堂讲解 ? 上机实战 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 课堂讲解 ? 布局模式 ? 使用模板 ? 资源列表与库 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 布局模式 ? 认识布局模式 ? 切换到布局模式 ? 认识布局视图 ? 退出布局模式 ? 创建布局表格和布局单元格 ? 在布局表格中添加内容 ? 调整布局表格和布局单元格 ? 设置布局模式首选参数 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 切换到布局模式 在绘制布局表格或布局单元 格之前，必须切换到布局模式下。 在“布局”插入栏中单击“布局” 按钮即可切换到布局模式。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 认识布局视图 切换到布局模式后，在编辑窗口的顶部 会出现标有“布局模式”的蓝色长条。如果 当前网页上存在表格，则会自动转换为布局 表格，而表格中的单元格则不会转换为布局 单元格。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 退出布局模式 在布局模式中制作完布局表格 后，最好退出布局模式到标准模式 下进行内容的添加和编辑。 ? 在文档编辑区的顶部，单击“退出”超级链 接。 ? 选择 [ 查看 ] ? [ 表格模式 ] ? [ 标准模式 ] 菜单命令。 ? 在“布局”插入栏中单击“标准”按钮。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 创建布局表格和布局单元格 在布局模式下使用布局表格和布局 单元格进行页面布局时，一般先创建布 局表格，再在布局表格中添加布局单元 格，其绘制方法与层的绘制方法相同。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 在布局表格中添加内容 在布局模式中可向布局表格中的布 局单元格内添加文本、图像和其他网页 元素，与在标准模式中将内容添加到表 格单元格相同。在添加内容之前，必须 先绘制布局单元格，因为内容只能添加 到布局单元格中。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 调整布局表格和布局单元格 ? 清除布局单元格高度 ? 布局单元格的大小调整及布局表格 的移动 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 清除布局单元格高度 清除单元格高度之后，单元格将自 动被压缩，当向布局单元格内插入内容 后，单元格将自动调整大小以适应插入 的内容。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 布局单元格的大小调整及布局表格的移动 在 Dreamweaver 8 中可以移动或调整布局单元格 的大小，但不能重叠布局单元格。对布局单元格进 行移动或调整大小时，只能在布局表格的边框与内 容的边线之间，只有嵌套在布局表格内部的才能被 移动，其他的布局表格均不能移动。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 设置布局模式首选参数 要改变布 局表格和布局 单元格的显示 颜色、自动插 入间隔图像等 属性，可通过 设置布局模式 参数来实现。 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 使用模板 ? 建立模板 ? 将现有网页保存为模板 ? 创建空白模板 ? 模板的编辑 ? 创建可编辑区域 ? 取消对可编辑区域的标记 ? 更改可编辑区域的名称 ? 基于模板创建网页 ? 管理模板 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 将现有网页保存为模板 首页 末页 向上 向下 返回 结束 调音 零点 起飞电脑培训学校 《 中文 Dreamweaver 8 网页设计培训教程 》 创建空白模板 首页 末页 向上 向下 返回 结