第4章图片与视频.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,4,章 图片与视频,4.1,在网页中使用图片,图片是网页中不可或缺的元素，它主要有两个作用：一是可以起到装饰的作用，使网页更美观，加深浏览者对网页的印象；另外，图片本身也包含许多信息，实验表明，人在观看图片时接收信息的速度远远超过观看文字时接收信息的速度正因为它的这些特点，图片在网页制作中非常受欢迎，企业网站喜欢用它介绍产品，发布广告个人更喜欢用一些具有代表性的图片，增加网页的表现力和吸引力,4.1.1,图片的基本知识,因特网上应用最广泛的图片格式有两种：,GIF,文件和,JPEG,文件JPG/JPEG,GIF,色彩,真彩色,16,色、,256,色,特殊功能,无,透明背景、动画,压缩是否有损失,有损压缩,无损压缩,适合情景,颜色丰富，有连续的色调，一般表现真实的事物,颜色有限，主要以漫画图案或线条为主一般表现建筑结构图或手绘图4.1.2,插入图片,单击菜单栏上的“插入”，打开“插入”菜单；再单击“插入”菜单的“图片”，在“图片”的下一级菜单中选择“来自文件”,在“图片”对话框中，选中图片文件，单击“确定”将其插入网页，,4.1.3,调整图片,1,、改变图片的大小,首先，用鼠标单击图片，在图片的四周会出现,8,个黑色的小方块。

然后，将鼠标移至小方块处，当鼠标指针变成双向箭头时，按住鼠标左键拖动，将图片调整到合适的大小4.1.3,调整图片,2,、改变图片的位置,如果图片的位置不合适，我们可以对它的位置进行调整选中图片，按住鼠标不放，当鼠标指针变成 时，将图片拖到合适的位置，松开,鼠标，图片的位置被改变了4.1.4,使用图片作为网页背景,打开网页后，单击“文件”菜单，在下拉菜单中选择“属性”命令在“页面属性”对话框中，打开“背景”选项卡单击“背景图片”前的方框，使这个小方框中出现一个对勾，然后单击“浏览”，打开“选择背景图片”对话框在该对话框中选择背景图片，单击“确定”按钮4.2,图片的属性,FrontPage,提供了许多的功能对插入网页的图片进行控制和优化，使它们达到最佳的效果4.2.1,图片工具栏,当我们选中图片时，在窗口的下端会出现图片工具栏4.2.2,图片的属性,1,选中图片，单击菜单栏上的“格式”，在弹出的菜单中选择“属性”,4.2.2,图片的属性,2,选中图片，单击菜单栏上的“格式”，在弹出的菜单中选择“属性”,一）、“常规”选项卡,1.,图片源，这部分主要显示图片文件的文件名2,类型这部分用于设置图片文件的类型，,FrontPage,会自动检测图片文件的类型，并显示出来。

3,替代表示当因网络速度过慢等原因无法正式显示图片时，可以用低分辨率的图片或文字显示4,默认超链接用于设置图片超链接4.2.2,图片的属性,3,（三）、外观选项卡,该选项卡共分为三部分：“环绕样式”有三项选择，可以对图片与文字的位置关系进行设置布局”中共有四项可供选择大小”指图片的大小4.3,缩略图与图片定位,4.3.1,创建图片缩略图,缩略图是图片的缩小版本，单击它可以让访问者通过超链接打开完整的图片这样需要清晰看到大图片的人可以看到清晰的图片，而普通的浏览者只是看到一个小图片，而不会影响到整个网页的显示速度选中该图片单击图片工具栏上的“自动缩略图”按钮这是选中图片便缩小为一个小的图片，且四周有一个蓝色的方框这时,FrontPage,已经创建了指向缩略图原来大图片的超链接在浏览器中打开网页单击缩略图就将大图片打开4.3.2,设置缩略图,单击“工具”菜单，选择其中的“网页选项”命令，打开“网页选项”对话框，选取“自动缩略图”选项卡选择相应选项，可以对缩略图进行设置4.3.3,图片的绝对定位,在进行绝对定位之后，可以任意移动图片在网页中的位置了选中图片，单击“格式”，打开菜单，选择“定位”命令，打开“定位”对话框。

单击“定位样式”区域中的“绝对”框，在“位置与大小”区域中，输入图片位置坐标和,图片的大小值单击“确定”，完成操作4.3.4,图片的相对定位,选中图片，单击“格式”，打开菜单，选择“定位”命令，打开“定位”对话框单击“定位样式”区域中的“相对”框，在“环绕方式”区域中选择“左”、“右”、“无”三种环绕方式4.3.,使用层实现图文混排,利用层可以实现网页中的图文混排，由于各层的位置可以任意移动，所以层中的网页对象也可以出现在网页的任意位置可以这样理解层在网页中的作用：层就象是挂在墙壁上的油画，参观者看到的是墙壁和油画的整体，而挂画时画的位置并不受墙壁的制约，可以挂在墙壁的任意位置4.3.,使用层实现图文混排,单击“格式”菜单下的“层”命令,，,在“任务窗格”中，单击“插入层”按钮，在网页编辑区中拖动鼠标，画出一个区域，该区域即为插入层的大小4.3.,使用层实现图文混排,将图片或文字移到在左上方的层中，可以实现图文混排4.4,插入与设置视频,在网页上不仅仅可以设置上动听的音乐，而且，还可以在网页上设置上一段小电影（视频文件），如果你有摄像头，能够录制录像，那么不但参观网页的人能听到你的声音，看到你的图片，更可以看到你的视频！在网络上有名的组合“后舍男生”就是用摄像头录下自己的视频文件，然后放到网络上传播开的。

4.4.1,插入,AVI,视频,首先确定光标的位置，单击菜单栏上的“插入”，在下拉菜单中选择“图片”，当出现下级菜单时，单击“视频”，在“视频”对话框中找到,AVI,视频文件，可以实现,AVI,视频文件的插入将鼠标移动到视频文件上，单击鼠标右键，弹出快捷菜单，在快捷菜单中选择“图片属性”，在“图片属性”对话框中可以对视频播放方式进行设置4.4.2,流媒体文件,流媒体技术就是把连续的视频信息和音频信息经过压缩处理后存放在网络服务器上，让浏览者一边下载，一边观看，而不需要将文件全部下载到硬盘上的技术目前流媒体格式主要由有三个公司的播放软件播放，一种是微软公司的,Media Player,，它主要播放,ASF,格式和,WMA,格式的文件；一种是,Real system,公司的,Real Player,，它主要播放,RM,格式和,RMVB,格式的文件；还有一种是苹果公司的,QuickTime,，它主要播放,MOV,格式的文件4.4.3,插入设置流媒体,1,单击鼠标，确定光标的位置单击“插入”菜单，在其下拉菜单中选择“,Web,组件”命令，打开“插入,Web,组件”对话框在“插入,Web,组件”对话框中，选择左边的“高级控件”，然后在右边的窗口中选择“,ActiveX,控件”，最后单击“下一步”按钮。

在默认的情况下，“插入,Web,组件”对话框中没有“,Windows Media Player”,控件，单击“自定义”按钮，打开“自定义,ActiveX,控件”对话框在“自定义,ActiveX,控件”对话框中找到“,Windows Media Player”,选项，单击鼠标，在其前面的方格中打上勾，单击“确定”4.4.3,插入设置流媒体,2,在返回的“插入,Web,组件”对话框中选择“,Windows Media Player”,，单击“完成”按钮，在网页上出现,Windows Media Player,的播放界面4.4.3,插入设置流媒体,3,在网页上单击,Windows Media Player,的播放界面，选中该控件此时该控件上出现,8,个黑色小方块，拖动这些小方块，可以改变控件的大小在该控件上单击鼠标右键，在快捷菜单上选择“,ActiveX,控件”命令，打开“,Windows Media Player,属性”对话框在“,Windows Media Player,属性”对话框中，单击“浏览”按钮，打开“打开”对话框，在打开对话框中找到要插入的文件，单击打开“按钮”，返回“,Windows Media Player,属性”对话框。

4.4.3,插入设置流媒体,4,在“,Windows Media Player,属性”对话框中，对播放方式进行设置，单击确定，完成插入视频文件操作。