CHAP05创建网站的链接和导航

第5章在网页中应用文本和图形重点内容 插入和设置文本格式添加图像和图像占位符设置图像和图像占位符 一 插入和设置文本格式1 插入文本和对象在页面中添加文本时 可以直接在插入点处输入文本 也可以从其他文本编辑器中复制文本 然后切换到Dreamweaver8中 将插入点放置到文档窗口的设计视图中 选择 编辑 粘贴 命令 将复制的文本粘贴到Dreamweaver文档中 2 使用段落和标题用户使用 属性 面板中的 格式 下拉列表框 或选择 文本 段落格式 菜单中的命令 可以设置标准的段落和标题 一 插入和设置文本格式3 改变文本颜色 要改变文本的颜色 可在文档中选择文本 然后选择 文本 颜色 命令 打开 颜色 对话框 选择合适的颜色 然后单击 确定 按钮即可改变所选文本的颜色 用户还可以选择 修改 页面属性 命令 打开 页面属性 对话框 单击 文本颜色 右侧的色块 设置文本颜色 一 插入和设置文本格式4 对齐文本 用户要对齐段落文本 可以选择 文本 对齐 子菜单中的命令 在Dreamweaver8中 文本的对齐方式共有4种 左对齐 居中对齐 右对齐和两端对齐 5 编辑字体组合用户使用 编辑字体列表 对话框可以对字体进行编辑组合 选择 文本 字体 编辑字体列表 命令 将打开 编辑字体列表 对话框 一 插入和设置文本格式6 使用水平线 使用水平线可以很好地组织信息 在页面上可以使用一个或多个水平线来分隔文本或对象 插入水平线的方法是把插入点放置在两段文字的中间 选择 插入 HTML 水平线 命令 即可在标题与正文中间插入一条水平线 二 添加图像和图像占位符1 插入图像 要在网页中插入图像 可以选择 插入 图像 命令 或选择 插入 栏中的 常用 选项卡 切换到常用插入栏 单击按钮 从打开的菜单中选择 图像 命令 打开 选择图像源文件 对话框 在对话框中选中合适的图像文件 单击 确认 按钮即可将选中的图像插入到网页中 二 添加图像和图像占位符2 插入图像占位符 图像占位符 是在准备将最终图像添加到网页文档之前而使用的图像 要在网页中插入图像占位符 可以选择 插入 图像占位符 命令 或选择 插入 栏中的 常用 选项卡 切换到常用插入栏 单击按钮 从打开的菜单中选择 图像占位符 命令 将打开 图像占位符 对话框 三 设置图像和图像占位符1 设置图像属性 要设置图像的属性 可在网页文档中选择一个图像 然后选择 窗口 属性 命令以显示图像的 属性 面板 2 调整图像大小当选择文档中的图像时 在图像的周围将出现3个控制点 将鼠标移到控制点 然后根据箭头方向拖动这些控制点 可以改变图像的大小 三 设置图像和图像占位符3 设置图像占位符的属性 要设置图像占位符的属性 可在网页文档中选择一个图像占位符 然后选择 窗口 属性 命令 以显示图像占位符的 属性 面板 4 替换图像占位符图像占位符不是在浏览器中显示的图形图像 双击图像占位符 将打开 选择图像源文件 对话框 在对话框中选中合适的图像文件进行替换 四 思考在网页中替换图像占位符的方法有几种 使用外部图像编辑器编辑图像的方法有几种 五 动手练习创建一个带有图片和文字的网页 包括 1 插入 布局单元格 2 输