网页设计图样处理.pptVIP

　如何将背景图淡化 （2）执行菜单栏的“视图/工具栏/图片”命令，出现“图片”工具栏。 　如何将背景图淡化 （3）由于背景颜色太鲜艳了，使得前景图看不清楚，选择 “图片”工具栏上的“颜色”按钮下的“冲蚀”选项，就可将背景图的颜色变淡。 2）如何使背景图不随文字滚动 　　　有一种背景特殊效果，会让背景图不会跟文字一起滚动，就好像水印一般印在背后。其操作步骤如下： （1）选择“文件/属性”，在“网页属性”对话框中，选取“背景”标签页。 （2）单击“浏览”按钮选取图片文件后，选取“水印”前的复选框，将所选的背景图变成水印效果。 4.3.5 图片超链接 　　　图片超链接与文字超链接的使用方式基本相同，其差别只在于做文字超时第一步是将要做超链接的文字选取，同样的，图片超链接的第一步必须选取该图片，其周围会出现8个控制点，其他步骤都跟文字超链接的相同。 图片超链接 图片实作： 还是在前面制作的网页基础上进行说明。 （1）在前面制作的网页上，单击第一个图片，图片上会出现8个控制点，说明被选中。然后单击“常用”工具栏中插入超链接按钮图标　 ，打开“插入超链接”对话框。 图片超链接 （2）直接在“插入超链接”对话框的“地址”输入框中键入“”，单击“确定”按钮完成超链接设置。 图片超链接 （3）若要选择其他链接方式，其操作步骤与文字超链接方式相同。 图片超链接 注意：如何消除图片超链接蓝色外框。 　默认值中图片加入超链接之后会出现蓝色外框，以方便用户在浏览时能分辨出此图片有超链接，不过如果若想要取消蓝色外框，可选取该图片，单击鼠标右键执行“图片属性”命令，在“外观”标签页的“边框粗细”一栏中输入“0”就可以了。 4.3.6 如何制作图像映射 　　“图像映射”(Image Map)的制作方式和“文字超链接”或“图片超链接”很类似；后者将一行文字或一张图片视为一个对象，且只能做成单一链接。而“图像映射”，它允许在同一张图片上按需要框出不同形状的封闭区域，形成多个热点(Hotspot)，每个热点都可以设一个超链接。 如何制作图像映射 　　这里以一张包含有台湾省地图的网页为例，当在台北区域内单击，就会链接到另一张台北地形说明网页，再单击台中亦是如此。 如何制作图像映射 　　图像映射实作 　导入地图网页，将台北地区框起来设置成热点，超链接至一个HTML文件。 （1）首先选取要制作“图像映射”超链接的图案，此时该图像四周会出现8个控制点。 如何制作图像映射 （2）当使用光标点选图片时，在屏幕上会出现“图片”工具栏，若没有出现此工具栏，可执行菜单栏的“视图/工具栏/图片”命令弹出来。 如何制作图像映射 表　4-3 矩形 在被选取的图像映射中，将超链接作用区设成矩形 圆形 在被选取的图像映射中，将超链接作用区设成圆形 多边形 在被选取的图像映射中，将超链接作用区设成多边形 如何制作图像映射 （3）接下来利用“图片”工具栏的　 多边形工具，将台北区框起来建立热点超链接作用区。 如何制作图像映射 （4）当框住台北区的边框时，必须将起点和终点重合在一直，才可以放开鼠标，此时会出现一个“插入超链接”对话框，后续操作步骤同上述超链接的设置步骤，由目前网站中选取“Taipei.htm”网页，然后按“确定”按钮，完成图像映射设置。 如何制作图像映射 （5）接下来保存后再使用IE浏览器浏览一次。 如何制作图像映射 注意： （1）如果使用图像链接工具没有画好，想重画链接作用区，先用鼠标选取该链接作用区，然后按Del键删除即可。 如何制作图像映射 注意： （2）图像映射需要修改时，可按下图片工具栏中的　 按钮，将图像映射隐藏，只显现框出的作用区，可轻易看出是否有封闭，以方便修改。 本章结束 * * * 图像映射示例： HTMLHEADTITLE图像映射示例/TITLE/HEAD BODY MAP name=mymap AREA href=file1.htm shape=rect coords=“10,10,50,50 AREA href=file2.htm shape=rect coords=“50,50,100,100 /MAP P请单击以下图像中的不同区域，以便跳转到不同的文件/P PIMG src=“fh.jpg usemap=#mymap/P /BODY/HTML 在使用图像的问题上，网页的制作者可能会与浏览者产生一些矛盾。比如，制作者往往希望在自己的网页上有一些漂亮的图像，使网页充满艺术的魅力；而浏览者常常因为网页下载时间太长而不耐烦，甚至不愿等着下载全部内容。因此，我们可以采用以下的方法来缓解这个矛盾： 1．在设计网页时，应该反复斟酌哪些图像必须要，哪些图像可有可无，对于那些不是必需的图像，要舍得忍痛割爱； 6）图