网页设计——入门与提高 作者 王维 吴菲 王丽娜 第11章.pptVIP

* * 第11章 常用元素的编辑 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 11.1 文本网页 创建文本 11.1 文本网页 编辑文本 11.2 使用水平线 水平线用于分隔网页文档的内容，合理地使用水平线可以取得非常好 的效果。在一篇复杂的文档中插入几条水平线，就会变得层次分明， 便于阅读。 将光标放置在要插入的水平线的位置，打开【常用】插入面板，单击【水平线】按钮。 11.3 项目列表 项目列表中各个项目之间没有顺序、级别之分，通常使用一个项目符号作为每条列表项的前缀。 编号列表通常可以使用阿拉伯数字、英文字母、罗马数字等符号来编排项目，各项目之间通常有一种先后关系。 11.3 项目列表 在Dreamweaver中创建项目列表有很多方法，显示的项目符号也多种多样。 11.4 图像 在网页中，图像文件有许多种格式，但是在网页中通常使用的只有3种，即GIF、JPEG和PNG。 1. GIF格式 GIF格式是用于压缩具有单调色彩和清晰细节的图像(如线状图、徽标或带有文字的插图)的标准格式，多用于图标、按钮、滚动条和背景色等。 2. JPEG格式 JPEG格式主要应用于摄影图片的存储和显示，尤其是色彩丰富的大自然照片，通常可以通过压缩JPEG格式，在图像品质和文件大小之间达到良好的平衡。 3. PNG格式 PNG格式文件可保留所有原始层、向量、颜色和效果信息。该格式采用无损压缩方式来减少文件的大小，能把图像文件的大小压缩到极限，以利于网络的传输而不失真。 11.4 图像 插入图像 执行以下操作之一，可以完成图像的插入。 在菜单栏中选择【插入】|【图像】命令。 在【常用】插入面板中单击【图像】按钮。 编辑图像 11.5 超链接 路径 1、绝对路径 使用绝对路径与链接的源端点无关，只要站点地址不变，无论文档文件在站点中如何移动，都可以正常实现跳转而不会发生错误。在链接不同站点上的文件时，必须使用绝对路径。 2、相对路径 文档相对路径对于大多数Web站点的本地链接来说，是最适用的路径。在当前文档与所链接的文档处于同一个文件夹中，而且可能保持这种状态的情况下，文档相对路径很有用。 11.5 超链接 3、站点根目录相对路径 站点根目录相对路径描述从站点的根文件夹到文档的路径。如果在处理使用多个服务器的大型Web站点，或者在使用承载多个站点的服务器，则可能需要使用这些路径。不过，如果不熟悉此类型的路径，最好使用文档相对路径。 站点根目录相对路径以“/”开始，该正斜杠表示站点根文件夹。例如，/images/index.html是文件index.html的站点根目录相对路径，该文件位于站点根文件夹的images子文件夹中。 11.5 超链接 编辑超链接 在一个文档中可以创建以下几种类型的链接。 链接到其他文档或者文件(例如图片、影片或者声音文件等)的链接。 命名锚记链接：此类链接跳转至文档内的特定位置。 电子邮件链接：此类链接新建一个已填好收件人地址的空白电子邮件。 11.5 超链接 1. 设置文本链接和图像链接 浏览网页时，会看到一些带下划线的文字，将光标移动到文字上时，鼠标会变成手指形状，单击，就会打开一个网页，这样的链接就是文本链接。 浏览网页时，如果将光标移动到图像上之后，鼠标指针会变成手指形状，单击，就会打开一个网页，这样的链接就是图像链接。 11.5 超链接 3. 创建电子邮件链接 电子邮件链接是一种特殊的链接，单击这种链接，不会跳转到相应的网页上，而是会启动计算机中相应的E-mail程序(一般是Outlook Express)，允许书写电子邮件，发往链接指向的邮箱。 11.6 多媒体文件 插入flash 将光标置于要插入Flash动画的位置，选择【插入】|【媒体】|SWF命令。 * *