第3章网页的基础操作.pptVIP

《网页设计技术》 第3章 网页的基础操作 内容 3.1 设置网页属性 3.2 添加网页内容 为网页加入添加文本 给网页加入图像 插入多媒体对象 超链接的使用 3.1 设置网页属性 设置网页属性 制作网页时，先需设置网页的页面属性，如网页标题、背景图像、超链接的颜色、文档编码方式等属性。 “修改”｜“页面属性”命令，将打开“页面属性”对话框，各选项的含义： 外观：用来设置页面的默认字体、背景颜色、背景图像、页面边距等 链接：设置链接字符的字体、颜色等 标题：设置当前网页文本的格式 标题和编码：“标题”设置网页文档的标题；“编码”设置文档字体采用的编码方式。计算机中显示的每种文字都需要对应的编码支持，才能正常显示，否则出现乱码，在中文模式下默认编码为简体中文GB2312。 跟踪图像：在设计页面时插入用作参考的图像文件，浏览网页时该图片是看不到的。 3.2 添加网页内容 插入文本 普通文本 特殊文本 在字符之间添加空格 水平线 日期 格式化文本 项目列表 3.2 添加网页内容 1.普通文本的录入 直接输入文本 复制文本。在其他文本编辑器中复制文本（如Word），在DW中执行粘贴命令即可。但DW不保留原有的文本格式。如果想保留文本的格式，可以选择[编辑]?[选择性粘贴]菜单命令 插入Word或Excel等其它文档的内容。选择[文件]?[导入] 菜单命令。 特殊文本。 “插入”栏中的“文本”，则弹出文本工具栏，单击字符按钮 ，单击相应的特殊字符。如果没有使用西欧字符，则会弹出一个警告框，提示可能有些浏览器不能正常显示这些字符。 3.2 添加网页内容 在字符之间添加多个空格 在“插入”栏的“文本”选项卡中，单击“字符”按钮，选择“插入不换行空格” [插入]?[HTML]?[特殊字符]?[不换行空格] 按【Ctrl+Shift+空格键】键输入。 设置添加不换行空格的参数。通过[编辑]?[首选参数]菜单命令去设置。 水平线：在“插入”栏的“HTML”选项中单击“水平线”按钮。 插入关键字：关键字为网络中的搜索引擎准备的，关键字要求简短、尽可能概括网页的主题，以便浏览者在输入很少关键字的情况下，就能很大程序地搜索到网页。通过“插入”?“HTML” ?“文件头标签” ?“关键字”即可，各关键字用逗号分隔。 日期：在“插入”栏的“常用”选项中，单击“插入日期”按钮。 3.2 添加网页内容 2.普通文本的格式化 一般有属性面板和菜单命令两种方法 使用菜单命令时，只需要选择“文本”菜单下的相应命令即可。 最常用的属性面板, 文本属性面板中各选项含义及设置方法如下。 格式：设置选定文本的段落格式。如段落、标题1、标题2等； 样式：对选定内容应用文本样式CSS样式 ； 粗体、斜体、大小、颜色、对齐方式 链接：除了上述的字符格式化外，还可以对所选的文本建立超级链接； 目标：在此设置打开超级链接的窗口； 字体 3.2 添加网页内容 字体属性说明： 默认情况下，DW提供了三种中文字体，如果要使用其它中文字体，可用“编辑字体列表”命令将系统的字体添加到DW字体列表中。 字体列表中每一选项中包括多种字体，各种字体之间用“，” 分隔。其含义是浏览者的浏览器中如果没有这种字体，则用“，”后面的字体进行显示，以此类推。 3.2 添加网页内容 3.创建鼠标经过图像（翻转图像） 鼠标经过图像是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。 必须用两个图像来创建鼠标经过图像：主图像（首次加载页面时显示的图像）和次图像（鼠标指针移过主图像时显示的图像）。鼠标经过图像中的这两个图像应大小相等；如果这两个图像大小不同，DW将调整第二个图像的大小与第一个图像的尺寸相匹配。 “插入”?“图像对象” ?“鼠标经过图像”。 鼠标经过图像与FLASH按钮、FLASH文本一般都用于制作超链接。 3.2 添加网页内容 3.2.4 超链接 1.超链接概述 对于超链接来说，路径是一个重要的概念。常用的路径有三种： 绝对路径：提供所链接文档的完整URL，包括协议，服务器地址，路径。例如：/china/contents.html通常用于站内到站外的链接。如果是同一站点的文档，使用绝对路径会有弊端，因为在移动文件的时候，文件内所有的绝对路径都被打断，造成链接错误。 3.2 添加网页内容 文档相对路径：相对于当前文档而言，此路径省略了与当前文档URL的相同部分，只提供了与其不同的部分。对于大多数的站内链接，一般使用文档相对路径。如当前文件与要链接的目标文档位于同一文件夹内，只需输入文件名即可。例如：contents.html 站点根目录相对路径：从站点的根文件夹到文档的路径，与当前文档无关。根目录相对路径由“/”开头，它代表站点根文件夹。 3.2 添加