网页制作自学 (14)

《网页制作自学 (14)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、下载第14学时添加图片和图片背景图片就像盐：以合适的方式添加合适的量，这样，网页就会更加吸引人—但是如果加得太多，访问者就会从因特网上撤退，然后找一杯苏打水。在本学时中，不仅会学习到如何给网页添加图像(和图像背景)，以及如何控制这些图像的外观，而且还会学习如何更聪明地运用图像以获得最好的效果。在本学时结束的时候，你将能够回答如下的问题：¥如何在网页中插入图像？¥能够控制对齐方式、间隔、甚至于图像的大小吗？¥如何才能为那些使用不能够显示图片的浏览器的用户创建图像的“替换”？¥如何才能够让一幅图像成为一个链接？¥如何能

2、够添加一个背景图像？¥能够创建精美的项目符号和一流的水平线吗？14.1在FrontPageExpress中插入一个GIF或者JPEG图像开始在一个网页中插入一幅图像的步骤之前，首先准备好图像文件或在第13学时“为网页找到图片”中所讨论的文件。确定图像文件是和要插入的网页文件存储于同一个文件夹(如果它不是，在开始“动手实践”之前先将此文件移动或者拷贝到那里)。如果你要插入的图像不是GIF或者JPEG格式的话，你仍然可以插入它。在下面的“动手实践”的第3步中，单击“浏览”。在打开的对话框中，打开“文件类型”列表然后选择

3、那个图片目前所存储的格式(如果那个文件的类型没有被列在“文件类型”列表之中的话，FrontPageExpress就不能够使用它)。然后，你就可以用对话框的“搜寻”列表来找到包含那个图片的文件夹并选中它。当你下次保存此网页的时候，FrontPageExpress将提供选择将此文件转换为GIF并将这个新的GIF文件保存在和网页相同的目录中。动手实践：在一个网页中放置一幅图像1)在网页中单击你想要插入图片的点。2)单击标准工具栏上的“插入图像”按钮，见图14-1。图14-1第2步：单击“插入图像”插入图像按钮162分分第

4、四部分分用多媒体来增添些生气下载3)输入图像的文件名，见图14-2。4)单击“确定”。图14-2第3步：输入此图像的文件名在插入了一幅图像之后，如果要移动它，只要指向它并保持住，然后拖动到新的位置释放即可。你也可以用“剪切”和“粘贴”来移动一幅图像，就像文本一样。单击此图像来选中它，单击“剪切”按钮，在新的位置单击，然后单击“粘贴”按钮。14.2改变图像的尺寸在FrontPageExpress中，你可以改变一幅图像的尺寸和外形，使它伸展或者挤压(并使之变形)，正如你马上就会学习到的。但是，首先⋯⋯作为一种规则，如果

5、你在创建那个图像的程序，或者在一个好的图像编辑应用程序(比如说PaintShopPro)内选择大小和外形，而不是在FrontPageExpress或者大多数的网页编写应用程序中，你就会得到更好的结果。为什么？事实上，FrontPageExpress不能够真正地改变图像的尺寸。相反，它在HTML文件中提供一些标记，浏览器可以利用这些标记在图像显示的时候改变其尺寸。一个浏览器并没有一个真实的图像编辑应用程序所有的那么复杂的图像级别，它在一个排列的图像(Scaledimage)中出现难看的“人造品”(比如说图像中的斑纹)

6、或者使一个透明GIF文件失去透明的可能性是很大的。了解了这个警告之后，如下的“动手实践”显示了如何在FrontPageExpress中改变图像的大小和/或外形，这样做时似乎需要一些谨慎。动手实践：改变一幅图像的大小和外形1)单击此图像以选中它。当一幅图像被选中后，一个临时的边界就出现在它的周围，点缀一些叫做控制柄的小方块(注意到有些控制柄是在边界的角落上，而其它则是在边界线上)，见图14-3。2)要改变一幅图像的大小(而不改变或者扭曲其整体的外形)。单击任何角落上的控制柄第14学时从添加图片和图片背景从从163下载

7、并保持住，然后拖动以更改此图像的大小，见图14-4。图14-3第1步：单击此图像以选中它，进而显示它的控制柄控制柄图14-4第2步：要改变大小，拖拉一个角落的控制柄角控制柄朝图像的中央拖拉一个角落的控制柄就会减小(收缩)此图像，而朝图像外拖拉一个角落的控制柄则会扩大此图像。3)要垂直伸展或者挤压此图像的话(见图14-5)，拖拉一个顶部或者底部的控制柄。图14-5第3步：要改变外形，拖拉一个不是角落的控制柄即可4)要水平拓宽或者挤窄此图像，拖拉一个侧面的控制柄。5)在更改完一幅图像的大小和外形之后，要去除对它的选中，

8、单击网页中除了此图像外的任何一处即可。如果你觉得不喜欢刚刚更改的外形和大小的话，你可以很容易地将此图像恢复到原来的大小和外形，这是通过单击“取消”按钮来实现的。以后，当你已经无法使用“取消”时，你仍然可以在任何时候将一幅图像恢复到它原来的大小和形状。右击此图像，然后在出现的菜单中选择“图像属性”。在“图像属性”对话框的“外观”标签上，清除“指定大小”的复选框