Dreamweaver 8中文版实用教程 颜辉 第3章_文本和图像新.ppt

3.1 插入文本 插入其他文本 插入其他文本 插入其他文本 插入其他文本 插入其他文本 插入其他文本 3.2 设置文本属性 设置文本字体 设置文本大小 设置文本颜色 设置文本段落和标题 设置文本缩进和对齐方式 设置文本缩进和对齐方式 设置文本样式 3.3 创建列表项 创建简单列表项 创建多级列表项  设置项目列表符号 3.4 CSS样式 CSS定义 CSS样式的分类及应用方式 使用“CSS样式”面板 新建CSS样式 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 自定义CSS样式 链接外部CSS样式 编辑CSS样式 复制CSS样式 导出CSS样式 CSS样式转化为HTML标签 3.5 拼写检查 图像编排 插入图像 插入图像 设置图像属性 设置图像属性 设置图像属性 设置图像属性 Dreamweaver和Fireworks联合作业 设置外部图像编辑器 编辑和优化页面中图像 编辑和优化页面中图像 导出Fireworks文件 插入Fireworks文件 插入Fireworks文件 文本和图像应用 制作Web相册 创建翻滚图像 创建导航条 创建图像映射 改变鼠标形状 改变超链接样式 改变超链接样式 应用滤镜 应用滤镜 应用滤镜 应用滤镜 应用滤镜 导入Word文件 导入Word文件 Shadow：设置阴影效果，其参数格式是：Shadow(Color=?, Direction=?) Color：设置阴影的颜色； Direction：投影的方向。每45°为一个方向，0表示垂直向上。 Wave：设置波纹效果。其参数格式是：Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) Add：输入布尔值设置是否显示原对象。 Freq：设置波纹个数。 LightStrength：输入0～100的数值，设置波纹效果的光照强度。 Phase：输入0～100的百分数值，设置波浪的相角。 Strength：设置波纹起伏的幅度。 Xray：设置X光效果。 1. 应用自定义CSS样式 选择文档中将应用CSS样式的文本 单击文本属性面板 2. 删除已应用的自定义CSS样式 选择应用了自定义CSS样式的文本 将文本属性面板切换到CSS模式，在“样式”下拉菜单中选择“无” 单击“CSS样式”面板底部工具栏的“附加样式表”按钮 在页面代码中生成Link标签 在页面代码中生成@ Import标签 Internet Explorer和Netscape?Navigator都支持链接方式，而Netscape Navigator不支持导入方式 双击选定的CSS样式名称。 单击“CSS样式”面板底部工具栏上的“编辑样式表”按钮 右击要编辑的CSS样式，在弹出的快捷菜单中选择“编辑”命令。 选择要复制的CSS样式 右击，在弹出的快捷菜单中选择“复制”命令 打开包含CSS样式的页面 “文件”→“导出” → “CSS样式” → “导出样式为CSS文件” 选择保存位置保存 只有将CSS样式转换为HTML标签，才可以在这些浏览器中正确显示页面 打开含有CSS样式的页面 “文件”→“转换” 拼写检查 默认的字典是“英国（美国）” “编辑”→“首选参数” 选择拼写检查字典 “文本”→“检查拼写” 3.6 图像编排 插入图像 设置图像属性 1. 插入页面图像 选择命令“插入”→“图像”。 or单击插入面板常用分类下的图像按钮 or将插入面板上的图像按钮 直接拖到文档窗口中 选择需插入的图像 2. 插入背景图像 “修改”→“页面属性” → “背景图像” 1 改变图像的大小 法一：选中图像 用鼠标拖动 法二： 2 设置图像的对齐方式 属性面板上的按钮 左对齐 居中对齐 右对齐 Or “文本”→“对齐” 3 设置图像和文本的位置关系 默认的图像位置关系 调整后的图像位置 4 设置图像的其他属性 输入图像名称 图像的超链接 指定低分辨率图像 设置图像说明文字 调用Fireworks编辑图像 更改导出图像的优化设置、 动画设置以及大小和区域 修剪图像的大小 调整图像的清晰度 对已调整大小的图 像进行重新取样 调整图像的亮度和对比度 3.7 Dreamweaver和Fireworks联合作业 设置外部图像编辑器 编辑和优化页面中图像 导出Fireworks文件 插入Fireworks文件 “编辑”→“