项目3文本和图像方案.ppt

第3章文本和图像 复习与提问 以“基本的模式”创建本地站点,命名为“广东文理职业学院”，保存在桌面上的“p2”文件夹 新建一个网页，命名为index.html，保存在本地站点里 本章要点 插入文本和编辑文本 图像文件的类型 插入图像和设置图像属性 插入鼠标经过图像 插入导航条 3.1.1 添加文本 执行下列操作之一： 直接在＂文档＂窗口中键入文本。 从其他应用程序中复制文本，切换到 Dreamweaver，将插入点定位在＂文档＂窗口的＂设计＂视图中，然后选择＂编辑＂＂粘贴＂（Ctrl+V）或＂编辑＂＂选择性粘贴＂（Ctrl+Shift+V）。（如图3-1所示）。 3.1.2设置段落格式 使用＂属性＂检查器中的＂格式＂下拉菜单或＂文本＂＂段落格式＂子菜单可以应用标准段落和标题标签。 1）将插入点放在段落中，或者选择段落中的一些文本。 2）使用＂文本＂＂段落格式＂子菜单或＂属性＂检查器中的＂格式＂弹出式菜单，选择一个选项： 选择段落格式（例如，＂标题 1＂、＂标题 2＂、＂已编排格式＂等）。与所选样式关联的 HTML 标签（例如，表示＂标题 1＂的 h1、表示＂标题 2＂的 h2、表示＂已编排格式＂文本的 pre 等）即应用于整个段落。如图3-2所示。 选择＂无＂删除段落格式。 对段落应用标题标签时，Dreamweaver 自动添加下一行文本作为标准段落。若要更改此设置，选择＂编辑＂＂首选参数＂；然后在＂常规＂类别中的＂编辑选项＂下确保取消选择＂标题后切换到普通段落＂。 3.1.3更改文本颜色 可以更改所选文本的颜色，使新颜色覆盖＂页面属性＂中设置的文本颜色。（如果未在＂页面属性＂中设置任何文本颜色，则默认文本颜色为黑色。） 1）选择文本。 2）执行下列操作之一： 单击＂属性＂检查器中的颜色选择器，从调色板中选择一种颜色。 选择＂文本＂＂颜色＂。出现系统颜色选择器对话框。选择一种颜色，然后单击＂确定＂。 直接在＂属性＂检查器字段中输入颜色名称或十六进制数字。如图3-2所示。 若要定义默认文本颜色，可使用＂修改＂＂页面属性＂命令。 3.1.4更改字体及样式 1．设置或更改字体特性： 1) 选择文本。如果未选择文本，更改将应用于随后键入的文本。 2) 从＂属性＂检查器或＂文本＂＂字体＂子菜单中选择字体组合。 或选择＂默认＂删除先前应用的字体；＂默认＂对所选文本应用默认字体（或者是浏览器的默认字体，或者是在 CSS 样式表中指定给该标签的字体）。 2．更改字体样式：单击＂属性＂检查器中的＂粗体＂或＂斜体＂，或者从＂文本＂＂样式＂子菜单中选择字体样式（＂粗体＂、＂斜体＂、＂下划线＂等）。 3．更改字体大小： “属性”检查器或“文本”“大小”子菜单中选择大小（从 1 到 7）。 3.1.5对齐文本 使用＂属性＂检查器或＂文本＂＂对齐＂子菜单可以对齐页面上的文本。使用＂文本＂＂对齐＂＂居中对齐＂命令可以将页面元素居中对齐。 1）选择要对齐的文本，或者只需将指针插入到文本开头。 2）单击＂属性＂检查器中的对齐选项（＂左对齐＂、＂右对齐＂或＂居中对齐＂），或者选择＂文本＂＂对齐＂，然后选择对齐命令。 3.1.6 缩进文本 1）将插入点放在要缩进的段落中。 2）单击＂属性＂检查器中的＂缩进＂或＂凸出＂按钮，或选择＂文本＂＂缩进＂或＂凸出＂，或从上下文菜单中选择＂列表＂＂缩进＂或＂凸出＂。 3.1.7 添加段落间距 按 Enter 键可以创建一个新段落。Web 浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符，可以在段落之间添加一个空格行。 3.1.8创建项目列表和编号列表 1) 选择一系列段落组成一个列表。 2) 单击＂属性＂检查器中的＂项目列表＂或＂编号列表＂按钮，或选择＂文本＂＂列表＂，然后选择所需的列表类型：＂项目列表＂、＂编号列表＂或＂定义列表＂ 3.1.9插入特殊字符 1) 在＂文档＂窗口中，将插入点放在要插入特殊字符的位置。 2) 从＂插入＂＂HTML＂＂特殊字符＂子菜单中选择字符名称，或在＂插入＂栏中的＂文本＂类别中，单击＂字符＂按钮选择需要的字符。 3.1.10在字符之间添加空格 HTML 只允许字符之间包含一个空格；若要在文档中添加其他空格，必须插入连续空格。可以设置一个在文档中自动添加不换行空格的首选参数。 插入不换行空格，执行下列操作之一： 选择＂插入＂＂HTML＂＂特殊字符＂＂不换行空格＂。 按 Ctrl+Shift+空格键。 设置添加不换行空格的首选参数的操作如下： 1）执行＂编辑首选＂参数菜单命令。 2）在＂常规＂类别中确保选择＂允许多个连续空格选项＂，即可完成。 3.1.11使用水平线 1. 创建水平线： １）在＂文档＂窗口