第4章图片与视频(免费阅读).ppt

实验操作要点： 1、插入图片，调出图片工具栏。P67 重点：A、文本按钮；B、自动缩略图按钮； C、各种形状热点按钮。 D、绝对定位按钮P75 2、使用层实现图文混 排P76。 3、插入并设置流媒体视频。P81 4、实验5 使用图片P223 框架网页页面内容的定位方法 1、在目录框架内输入超链接字符 2、将光标放在目标框架内 3、鼠标移动到文件夹列表框内的其中一个网页文件上并单击右键，选“根据现有网页新建”。然后保存（要记住新建的文件名） 4、编辑新建网页 5、回到主框架网页，建立与新网页的超链接。 实现图文混排的方法 方法1 ：单无格属性垂直对齐方式顶端对齐 方法2：插入嵌套表格 方法3：利用表格工具栏靠上对齐 方法4：利用层 实验操作要点： 1、插入图片，调出图片工具栏。P67 重点：A、文本按钮；B、自动缩略图按钮；C、绝对定位按钮P75； D、各种形状热点按钮。 2、使用层实现图文混排P76。 3、插入并设置流媒体视频。P81 4、实验5 使用图片P223 * 第4章 图片与视频 * 4.1 在网页中使用图片 图片是网页中不可或缺的元素，它主要有两个作用：一是可以起到装饰的作用，使网页更美观，加深浏览者对网页的印象；另外，图片本身也包含许多信息。 4.1.1 图片的基本知识 因特网上应用最广泛的图片格式有两种：GIF文件和JPEG文件。 颜色有限，主要以漫画图案或线条为主。 颜色丰富，有连续的色调，一般表现真实的事物 适合情景 无损压缩 有损压缩 压缩是否有损失 透明背景、动画 无 特殊功能 16色、256色 真彩色 色彩 GIF JPG/JPEG 4.1.2 插入图片 菜单栏 “插入” ，再单击 “图片”，在“图片”的下一级菜单中选择“来自文件” 。 4.1.3 调整图片 1、改变图片的大小 单击图片，出现8个黑色的小方块。 4.1.3 调整图片 2、改变图片的位置 4.1.4 使用图片作为网页背景 4.2 图片的属性 FrontPage提供了许多的功能对插入网页的图片进行控制和优化，使它们达到最佳的效果。 4.2.1 图片工具栏 当我们选中图片时，在窗口的下端会出现图片工具栏。P67 4.2.2 图片的属性1 选中图片，单击菜单栏上的“格式”，在弹出的菜单中选择“属性”。 4.2.2 图片的属性2 选中图片，单击菜单栏上的“格式”，在弹出的菜单中选择“属性”。 （一）、“常规”选项卡 1.图片源，这部分主要显示图片文件的文件名。 2．类型。这部分用于设置图片文件的类型，FrontPage会自动检测图片文件的类型，并显示出来。 3．可选外观。当因网络速度过慢等原因无法正式显示图片时，可以用低分辨率的图片或文字显示。 4．默认超链接。用于设置图片超链接。 4.2.2 图片的属性3 （三）、外观选项卡 该选项卡共分为三部分：“环绕样式”有三项选择，可以对图片与文字的位置关系进行设置。“布局”中共有四项可供选择。 “大小”指图片的大小。 4.3 缩略图与图片定位 4.3.1创建图片缩略图 缩略图是图片的缩小版本，单击它可以让访问者通过超链接打开完整的图片。 选中该图片。单击图片工具栏上的“自动缩略图”按钮。这是选中图片便缩小为一个小的图片，且四周有一个蓝色的方框。 4.3.2 设置缩略图 “工具”菜单， “网页选项”命令，打开“网页选项”对话框，选取“自动缩略图”选项卡。 选择相应选项，可以对缩略图进行设置。 4.3.3 图片的绝对定位 在进行绝对定位之后，可以任意移动图片在网页中的位置了。 选中图片，单击“格式”，打开菜单，选择“定位”命令，打开“定位”对话框。单击“定位样式”区域中的“绝对”框，在“位置与大小”区域中，输入图片位置坐标和 图片的大小值。 单击“确定”，完成操作。 4.3.4 图片的相对定位 选中图片，单击“格式”，打开菜单，选择“定位”命令，打开“定位”对话框。单击“定位样式”区域中的“相对”框，在“环绕方式”区域中选择“左”、“右”、“无”三种环绕方式。 4.3.５使用层实现图文混排 １ 　　利用层可以实现网页中的图文混排，由于各层的位置可以任意移动，所以层中的网页对象也可以出现在网页的任意位置。 　　 4.3.５使用层实现图文混排２ “格式”菜单下的“层”命令 ，在“任务窗格”中，单击“插入层”按钮，在网页编辑区中拖动鼠标，画出一个区域，该区域即为插入层的大小。 4.3.５使用层实现图文混排 ３ 将图片或文字移到在左上方的层中，可以实现图文混排。 4.4.1 插入AVI视频 “插入”，选择“图片”， “视频”，在 “视频”对话框中找到AVI视频文件，可以实现AVI视频文件的插入。 4.4.2