第四章 网页中的基本元素.ppt

* 网 页 设 计 Web net design 第四章 网页中的基本元素 一 、文本的操作 （1）粘贴文本 选中外选中外部文本，我们按键盘的“ctrl+c”进行复制，在Dreamweaver中我们选择好要插入文本的位置，选择“编辑菜单：粘贴”快捷方式是：“ctrl+v”，就可以把文本从外部粘贴到Dreamweaver中，但是原文字的格式仍然保留。还可以选择“编辑菜单：选择性粘贴”快捷方式是：“ctrl+shift+v”，这样会弹出个对话框，可以选择文本粘贴到当前页面的粘贴形式： 网 页 设 计 Web net design ○仅文本：是无格式文本。如果原文本带格式，所有格式将被删除。 ○带结构的文本：粘贴的文本保留结构，但不保留基本格式设置。例如，可以粘贴文本并保留段落、列表和表格的结构，但是不保留粗体、斜体和其他格式设置。 ○带结构的文本以及基本格式（粗体、斜体）：粘贴可以插入结构化并带简单 HTML 格式的文本（例如，段落和表格以及带有 b、i、u、strong、em、hr、abbr 或 acronym 标签的格式化文本）。图4-2 ○带结构的文本以及基本格式（粗体、斜体、样式）：可以插入文本并保留所有结构、HTML 格式设置和 CSS 样式. √ 清理 Word 段落间距：清除word段落间的多余空格 网 页 设 计 Web net design （2）设置文本行距 一段文本中要设置文本的行距，可以在想换行的位置按键盘的“shift+Enter 键”或者是“文本工具栏：字符：换行符” 。这种换行属于段内换行，两行之间距离较近。 按键盘上的“Enter 键”之间换行，这种方式换行，相应的分成了个新的段落，两行之间距离较远。所示两种方法之间的异同。 网 页 设 计 Web net design （3）设置页面文本 我们在上章节中介绍网页中页面属性的设置，通过页面属性的设置，可以设置整个页面出现的文本大小和文本颜色以及字体。 （4）文字属性 格式：Dreamweaver中有很多对文字的预设格式，包括文字大小，粗细的设置。不想要这些预设的格式，则此项选择“无”。 字体：此项、可以选择其他字体应用到当前的文本上，如果想添加特殊字体，可以选择这项里面的“编辑字体列表”，弹出的对话框，左面文字选中点击“”到右面，表示删除这种字体，右面字体选中点击“”添加到左面，表示添加这种字体。但是在这里不建议网页使用特殊字体，对于没有这种字库的浏览者来说，网页达不到这种视觉要求。所以建议特殊字体以图片的形式出现在页面中。 样式：在这里我们默认就可以，在以后CSS的讲解中会详细说明。 网 页 设 计 Web net design 大小：设置选中文本的大小。其他字号也可以手动输入进去。 颜色：点击文本颜色工具，就弹出颜色面板，如果对于这些颜色不满意，还可以点击面板右上角的小色环，选择想要的颜色。 对齐方式：在属性面板上有图标显示“左对齐”、“右对齐”、“居中对齐”和“两端对齐”。还可以在“文本菜单：对齐”的里面设置对齐方式。 粗体和斜体：用来设定文字的粗细和倾斜的。项目列表：给文本添加项目符号，便于观看外观清晰。 编号列表：给文本创建编号进行排序显示。 文字缩进和文字凸出：对段落中的文档进行缩进处理，则文字由两侧向中心收缩；对段落中的文档进行凸出处理，则文字由中心向两侧扩展。可以反复操作。 网 页 设 计 Web net design （5）空格的输入 在文档中的输入空格，我们可以把电脑的输入方式由半角变成全角，之后按键盘的空格键，添加空格。或者选择“文本工具：字符：不换行空格”，这样点击一下，文档中就输入一个空格。 网 页 设 计 Web net design 二 、插入图像图 （1）插入图像 光标放在文档中需要输入图像的位置，点击“常用工具：图像” 。选择电脑其他盘符进行图片的查找，点击“确定”则输入了图片在页面上。或者选择“插入菜单：图像”，同样可以在文档中插入图像。 （2）设置图像属性图 选中文档中的图像，下面的属性面板显示的是当前图像的属性， 图像：在缩略图下面的文本框设置名称，以便查找。在使用 Dreamweaver 行为（例如“交换图像”）或脚本撰写语言（例如 JavaScript 或 VBScript）时可以引用该图像，默认不做设置。 网 页 设 计 Web net design 宽和高：以象素为单位指定图像的宽度和高度。当我们修改的图片的尺寸，宽、高文本框里面的字体就以粗体。点击后面的半圆箭头，就可以恢复图像的默认大小了。我们也可以在文档中直接拖拽来设置图片的大小，按键盘上的“shift+鼠标的拖拽”，是等比例放大或者缩小图片。