网页设计与制作 第3章课件.ppt

《网页设计与制作 第3章课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、一、导入图像使用大量的图像不仅可以修饰网页，还可以为浏览者提供信息。图片可以为下列的文件格式：GIF（标准和动态）、JPEG（标准和渐进式）、BMP（Windows和OS/2）、TIFF、TGA、RAS、EPS、PCX、PNG、PCD(KodakPhotoCD)和WMF。1、从文件添加图片在网页视图模式下，将插入点放置到要插入图片的位置。单击菜单“插入图片/“来自文件”命令，从本地文件系统浏览想要的图片并且选择该文件。2、添加剪贴画在网页视图模式下，将插入点放置到要插入图片的位置。在“插入”菜单上指向“图片”，然后单击“剪贴画”。浏览Micros

2、oft剪辑库来找到想要用的剪贴画，在图形上单击鼠标右键，然后单击快捷菜单上的“插入”。关闭Microsoft剪辑库。3、将图形导入到站点中将图片导入到站点中而可以快速访问所需文件。可以通过将图片添加到网页后保存网页的方式，来将图片一张张地添加到站点中；然而，若将会用到某个图片组，则可以将他们全部一次性导入到在站点中所指定的文件夹，然后想要将图片添加到网页中，能很快地访问它，而不必到文件系统中去查找它。1）在Windows的资源管理器中，选择想要导入的图形（可以通过单击第一个文件，然后按下SHIFT键并且单击列表中的最后一个文件来选择文件列表。或者

3、，要分别选择各个文件可按下CTRL键不放，然后单击要选择的文件）。2）在选定的文件上单击鼠标右键，然后单击快捷菜单上的“复制”。切换到MicrosoftFrontPage。3）在文件夹视图模式下，打开想要向其中导入图形的文件夹。在内容窗格中单击鼠标右键，然后单击快捷菜单上的“粘贴”。提示  也可以以单击并拖动文件的方式来（例如∶从桌面上）将图形导入到文件夹列表或FrontPage的内容窗格中。二、编辑图片1、更改图片的亮度在制作主页的时候，为了和整体的背景色调相协调，常需要改变图像的亮度，将图像调亮或调暗一些。在网页视图模式下，单击图片。在“图片

4、”工具栏，单击“增加亮度”去增加图片亮度，单击“减低亮度”去减低亮度。2、更改图片的颜色对比度可以增加或减少图片中的颜色对比度，如锐化图片。在网页视图模式下，单击图片。在“图片”工具栏,单击“增加对比度”增加图片的对比度，单击“减低对比度”减低图片的对比度。3、将图片转换为黑白图片在网页视图模式下，单击图片。在“图片”工具栏，单击“黑白模式”。4、裁剪图片通过裁剪图片，可以删除不想用到的图片区域，也可以改变图片的缩放比例。1）在网页视图模式下，单击图片。在“图片”工具栏单击“剪裁”，剪裁框会出现在图片上。2）以单击并拖动框上控点的方式，调整框大小

5、来包含想要保留的图片部份；也可绘制裁剪框，单击剪裁框的外面区域而不是图片内部，然后绘制框。3）再次单击“剪裁”以删除剪裁框的外围区域。5、旋转图片可以将图片顺时针或逆时针旋转90度。在网页视图模式下，单击图片。在“图片”工具栏,单击“向左旋转”去翻转图片90度。单击“向右旋转”去翻转图片90度。6、翻转图片可以将图片水平翻转（将图片上下反转）或垂直翻转（创建镜像）。在网页视图模式下，单击图片。在“图片”工具栏,单击“水平翻转”去创建一个镜射。单击“垂直翻转”将图片向上向下翻转。7、图片颜色冲蚀可以使图片颜色冲蚀，这会减少图片的对比度并且增加其亮度

6、。当想要创建一个水印，或是使用图片为背景时，这个功能是很有用的。在网页视图模式下，单击图片。在“图片”工具栏，单击“冲蚀”。8、添加凸凹效果边框到图片可以将凹凸效果边框添加到图片上来给予它一个凸起，三维的外观。在网页视图模式下，单击图片。在”图片”工具栏，单击“凹凸效果”。9、使图片中的颜色变成透明可以选择图片中的一种颜色为透明的，然后当该颜色出现在任何地方，背景都会直接显示出来。图片只能有一种透明色。若为一个已经指定了透明色的图片选择透明色，则原始的透明色就不再是透明的。保存网页时，MicrosoftFrontPage会提示将图片保存为GIF格

7、式，即使原始图片是JPEG格式（JPEG格式不支持透明色）也一样。在网页视图模式下，单击图片。在“图片”工具栏,单击“设置透明的颜色”。单击图片中要让其变成透明的颜色。10、创建图片的缩略图（快捷键Ctrl＋T）创建缩略图，这是图片的缩小版本，它能让站点访问者单击它来经过超链接看到完整版本图片。即当有个大型图片可能需要花很长时间来下载，缩略图就很有用。在网页视图模式下，单击图片。在“图片”工具栏，单击“自动缩略图”。FrontPage创建缩略图图片和指向原始完整大小图片的超链接。注意：“自动缩略图”在以下情况将不会有作用：若选择的图片已经小于缩略

8、图、图片上有超链接或热点设置，或该图片是动画。也可以设置缩略图大小和边框属性。注意：对缩略图属性所做的任何更改都不会影响到已经创建的缩略