网页制作自学通4.pdfVIP

第1 4学时 添加图片和图片背景 图片就像盐：以合适的方式添加合适的量，这样，网页就会更加吸引人—但是如果加 得太多，访问者就会从因特网上撤退，然后找一杯苏打水。 在本学时中，不仅会学习到如何给网页添加图像(和图像背景)，以及如何控制这些图像的 外观，而且还会学习如何更聪明地运用图像以获得最好的效果。在本学时结束的时候，你将 能够回答如下的问题： • 如何在网页中插入图像？ • 能够控制对齐方式、间隔、甚至于图像的大小吗？ • 如何才能为那些使用不能够显示图片的浏览器的用户创建图像的“替换”？ • 如何才能够让一幅图像成为一个链接？ • 如何能够添加一个背景图像？ • 能够创建精美的项目符号和一流的水平线吗？ 14.1 在FrontPage Express中插入一个GIF或者JPEG 图像 开始在一个网页中插入一幅图像的步骤之前，首先准备好图像文件或在第 1 3学时“为网 页找到图片”中所讨论的文件。确定图像文件是和要插入的网页文件存储于同一个文件夹(如 果它不是，在开始“动手实践”之前先将此文件移动或者拷贝到那里)。 如果你要插入的图像不是 G I F或者J P E G格式的话，你仍然可以插入 它。 在下面的“动手实践”的第 3 步中，单击“浏览”。在打开的对话框 中，打开“文件类型”列表然后选择那个图片目前所存储的格式 (如果那 个文件的类型没有被列在“文件类型”列表之中的话， FrontPage Express 就不能够使用它 ) 。然后，你就可以用对话框的“搜寻”列表来找到包含 那个图片的文件夹并选中它。 当你下次保存此网页的时候，FrontPage Express 将提供选择将此文件 转换为并将这个新的G I F G I F文件保存在和网页相同的目录中。 动手实践：在一个网页中放置一幅图像 1) 在网页中单击你想要插入图片的点。 2) 单击标准工具栏上的“插入图像”按钮，见图 1 4 - 1。 图第14-1 2 步：单击“插入 图像” 插入图像按钮 更多电子书教程下载请登陆/ebook 本站提供的电子书教程均为网上搜集，如果该教程涉及或侵害到您的版权请联系我们。 3) 输入图像的文件名，见图 1 4 - 2。 4) 单击“确定”。 图14-2 第3步：输入此图像 的文件名 在插入了一幅图像之后，如果要移动它，只要指向它并保持住，然 后拖动到新的位置释放即可。 你也可以用“剪切”和“粘贴”来移动一幅图像，就像文本一样。 单击此图像来选中它，单击“剪切”按钮，在新的位置单击，然后单击 “粘贴”按钮。 改变图像的尺寸14.2 在FrontPage Express 中，你可以改变一幅图像的尺寸和外形，使它伸展或者挤压(并使之 变形)，正如你马上就会学习到的。但是，首先…… 作为一种规则，如果你在创建那个图像的程序，或者在一个好的图像编辑应用程序(比如 说Paint Shop Pro )内选择大小和外形，而不是在FrontPage Express 或者大多数的网页编写应用 程序中，你就会得到更好的结果。 为什么？事实上，FrontPage Express 不能够真正地改变图像的尺寸。相反，它在 H T M L文 件中提供一些标记，浏览器可以利用这些标记在图像显示的时候改变其尺寸。一个浏览器并 没有一个真实的图像编辑应用程序所有的那么复杂的图像级别，它在一个排列的图像( S c a l e d i m a g e )中出现难看的“人造品”(比如说图像中的斑纹)或者使一个透明G I F文件失去透明的可 能性是很大的。 了解了这个警告之后，如下的“动手实践”显示了如何在 FrontPage Express 中改变图像的 大小和/或外形，这样做时似乎需要一些谨慎。 动手实践：改变一幅图像的大小和外形 1) 单击此图像以选中它。当一幅图像被选中后，一个临时的边界就出现在它的周围