4、文本和图像

文本和图像文本和图像 掌握插入与修改文本的方法掌握插入与修改文本的方法掌握插入与修改文本的方法掌握插入与修改文本的方法 了解了解了解了解CSSCSS样式样式样式样式 掌握掌握掌握掌握DreamweaverDreamweaver与与与与FireworksFireworks联合作业的方法联合作业的方法联合作业的方法联合作业的方法教学目的教学目的r 插入文本插入文本r 设置文本属性设置文本属性r 创建列表项创建列表项r拼写检查拼写检查r 图像编排图像编排r 文本和图像应用文本和图像应用本章内容本章内容v插入普通文本插入普通文本 直接在直接在Dreamweaver文档窗口中键入文本，亦文档窗口中键入文本，亦 可拷贝粘贴现有的文本。可拷贝粘贴现有的文本。v插入其他文本插入其他文本 插入文本插入文本插入其他文本插入其他文本1.插入特殊字符插入特殊字符其它字符插入其他文本插入其他文本2.插入水平线插入水平线 设置水平线的对齐方式 插入其他文本插入其他文本3.插入时间插入时间选中页面中编辑插入的时间 插入其他文本插入其他文本4.输入空格输入空格输入连续空格 按下Ctrl+Shift+空格键同样可以插入非间断空格 插入其他文本插入其他文本5.插入换行符插入换行符使用快捷键Shift+Enter也可以插入换行符 插入其他文本插入其他文本6.插入插入Flash文本文本属性参数改变完成文本编辑v设置文本字体设置文本字体 v设置文本大小设置文本大小 v设置文本颜色设置文本颜色 v设置文本段落和标题设置文本段落和标题 v设置文本缩进和对齐方式设置文本缩进和对齐方式 v设置文本样式设置文本样式 设置文本属性设置文本属性 设置文本字体设置文本字体 1.编辑字体列表编辑字体列表添加新列表向添加或移除字体类型设置文本文本设置文本大小设置文本大小 选择文本 设置文本颜色设置文本颜色 单击属性面板上的“色盘”系统色盘 选择其他的色盘 设置文本段落和标题设置文本段落和标题“文本”“段落格式”设置文本缩进和对齐方式设置文本缩进和对齐方式 1设置文本缩进设置文本缩进“文本”“缩进”“文本”“凸出”设置文本缩进和对齐方式设置文本缩进和对齐方式2.设置对齐方式设置对齐方式光标放在段落文本中 左对齐 居中对齐 右对齐 两端对齐 设置文本样式设置文本样式 选择要设置样式的文本 v创建简单列表项创建简单列表项 v创建多级列表项创建多级列表项 v设置项目列表符号设置项目列表符号 创建列表项创建列表项 创建简单列表项创建简单列表项选择要创建列表项的文本 “文本”“列表”项目列表”、“编号列表”或“定义列表”属性面板 创建项目符号列表 创建编号列表 创建多级列表项创建多级列表项 选择要设置为列表项的文本 单击属性面板上的按钮 增加文本缩进量，创建次级项目列表 设置项目列表符号设置项目列表符号“文本”“列表”“属性”编号列表编号列表 拼写检查拼写检查 默认的字典是“英国（美国）”“编辑”“首选参数”选择拼写检查字典 “文本”“检查拼写”图像编排图像编排 v插入图像插入图像 v设置图像属性设置图像属性 插入图像插入图像1.插入页面图像插入页面图像选择命令“插入”“图像”。or单击插入面板常用分类下的图像按钮or将插入面板上的图像按钮 直接拖到文档窗口中 选择需插入的图像插入图像插入图像2.插入背景图像插入背景图像“修改”“页面属性”“背景图像”设置图像属性设置图像属性 1 改变图像的大小改变图像的大小法一：选中图像用鼠标拖动法二：设置图像属性设置图像属性2 设置图像的对齐方式设置图像的对齐方式属性面板上的按钮左对齐 居中对齐 右对齐 Or“文本”“对齐”设置图像属性设置图像属性3 设置图像和文本的位置关系设置图像和文本的位置关系默认的图像位置关系 调整后的图像位置 设置图像属性设置图像属性4 设置图像的其他属性设置图像的其他属性输入图像名称输入图像名称 图像的超链接图像的超链接 指定低分辨率图像指定低分辨率图像 设置图像说明文字设置图像说明文字 调用调用Fireworks编辑图像编辑图像 更改导出图像的优化设置、更改导出图像的优化设置、动画设置以及大小和区域动画设置以及大小和区域 修剪图像的大小修剪图像的大小 调整图像的清晰度调整图像的清晰度 对已调整大小的图对已调整大小的图像进行重新取样像进行重新取样 调整图像的亮度和对比度调整图像的亮度和对比度 设置外部图像编辑器设置外部图像编辑器“编辑”“首选参数”将Fireworks设置为默认的编辑器 文本和图像应用文本和图像应用v制作制作Web相册相册 v创建翻滚图像创建翻滚图像 v创建导航条创建导航条 v创建图像映射创建图像映射 v改变鼠标形状改变鼠标形状 v改变超链接样式改变超链接样式 v应用滤镜应用滤镜 v导入导入Word文件文件 制作制作Web相册相册将需要的图片保存在一个文件夹中，“命令”“创建网站相册”创建翻滚图像创建翻滚图像插入点放在页面中要插入翻滚图像的位置 单击 or“插入”“图像对象”“鼠标经过图像”指定单击图像后跳转到的文件 附加在翻滚图像上的动作 按下F12键预览页面 创建导航条创建导航条“插入插入”“图像对象图像对象”“导航条导航条”新增或删除导航条元件新增或删除导航条元件 指定导航条初始显示的图像指定导航条初始显示的图像 调整列表中导航调整列表中导航条元件条元件的顺序的顺序 导航条附加的导航条行为 调整导航条图像属性 创建图像映射创建图像映射 图像映射就是在一张完整的图像上划出多个热点，给每个热图像映射就是在一张完整的图像上划出多个热点，给每个热点定义一个超链接点定义一个超链接 “插入”“图像”or点击 选择图像，单击图像属性面板右下角的按钮 来选择图像 在图像中划在图像中划出矩形热点出矩形热点 在图像中划在图像中划出圆形热点出圆形热点 在图像中划出在图像中划出多边形热点多边形热点 调整热点的调整热点的大小和位置大小和位置 设置打开链接页面的窗口设置打开链接页面的窗口 输入与图像热点相关的文字输入与图像热点相关的文字 保存页面，按下F12键 改变鼠标形状改变鼠标形状 创建基本页面，“CSS样式”面板上右击，选择“新建”命令 打开“CSS 规则定义”对话框 从“光标”下拉菜单中选择鼠标方案