网页设计与网站建设_06网页组成元素精讲.ppt

　　1．背景知识 　　根据本章所学的文本编辑、插入图像、超链接的设置、插入表单、插入多媒体对象等知识进行网站的创建。 　　2．实验准备工作 　　将文本素材和图像素材准备好，发送到学生主机上，以供学生参考使用。 　　3．实验要求 　　创建一个以花为主题的创建网站，要求如下。 　　（1）编辑网站首页。 　　 （2）制作多个内容页面，包括有：FLASH动画，图片展示，反馈表单等。 　　4．课时安排 　　上机实训安排2课时。 上 机 实 验 6.6.2设置图像属性选中图像，在“属性”面板中设置图像的属性： 图像的名称：可在ID文本框中输入图像的名称。 改变图像尺寸：在“属性”面板直接输入图像的尺寸，或在“文档”窗口拖动图像的右方、右下方、下方的句柄进行拖动均可改变图像尺寸。在“属性”面板中单击重设大小可以恢复图像的尺寸。 图像的对齐方式：左对齐、右对齐等。 图片的边距：：垂直边距、水平边距。 图像的文本说明：在“属性”面板中“替换”文本框中输入说明文本。 图像边框：在“属性”面板中输入边框宽度。 6.6.3制作翻转图像 先在图片处理软件（如fireworks）中处理两个图片。 单击“插入”栏→“常用”选项组→“鼠标经过图像”按钮或是选择“插入”菜单→“图像对象”→“鼠标经过图像”按钮，弹出“鼠标经过图像”对话框,选择原始图像和鼠标经过图像的路径。 可为鼠标经过图像加入一个超链接，在“按下时，前往URL”文本框中输入超链接地址。 6.6.4图像映射（又称为热点链接） 图像映射是指在一幅图像中指定若干个区域，这些区域被为热点，每一个区域可链接到不同的URL地址。图像映射常用于电子地图、页面导航图等。 选中图像,单击属性面板中的热点按钮,可将热点设置为矩形、圆形、多边形等，在属性面板的“链接”文本框中输入链接地址。 6.7 使用多媒体对象 网页中常用的多媒体对象主要分为Flash类(包括Flash动画、Flash视频等)、Java applets、ActiveX控件类，以及各种音频、视频文件(如Shockwave影片、QuickTime、RMVB、WMV、Mp3等)。 6.7.1在网页中嵌入音频文件 在网页中加入背景音乐虽然简便，但是缺乏对音频文件的控制能力，比如浏览者不想听到背景音乐时，却无法使播放的声音停下来，并且背景音乐所支持的音频文件格式有限。因此可以媒体插件的方式嵌入声音文件。 网页中的音频文件格式为：mid、wav，几乎所有的浏览器都支持这两种声音格式，所以客户端无需插件即对其支持，另外还有mp3、rm、mwv、mov等。 单击“插入”栏｜“常用”选项｜“媒体”｜“插件”按钮，弹出“选择文件”的对话框，选择音频文件的路径，单击“确定”按钮。 文档窗口出现插件占位符，选中插件占位符，拖动占位符四周的控制点，可调整播放器界面的尺寸，如图所示。 选中插件占位符，单击“属性”面板中“参数”按钮，弹出参数对话框，或在“插件”标签检查器中，设置相关的参数。 6.7.2 设置页面背景音乐 　　由于背景音乐不是一种标准的网页属性，所以需要用修改源代码的方式为网页添加背景音乐。操作步骤如下。 　　1）打开要添加背景音乐的网页，切换到代码视图或拆分视图。 　　2）在head和/head标签之间添加以下代码：bgsound src=背景音乐的URL地址 loop=n。　　在bgsound标签中，src用于指定背景音乐的源文件路径。loop是指背景音乐的循环次数，如果输入为-1，则表示无限循环。bgsound标签中所支持的背景音乐格式为wav、mid、mp3等。 　　保存网页，按下F12键在浏览器中浏览网页，倾听背景音乐的播放效果。 6.7.3 插入Flash影片 Flash是一种高质量、高压缩率的矢量动画，有超强的交互能力，也正是因为这些原因，Flash在网络上得到了快速发展。 插入在网页中的Flash影片格式为swf，Flash源文件格式为Fla，源文件不能直接插入到网页中，但可以在Flash软件中修改源文件。插入Flash影片常用的方法有两种。 单击“插入”栏｜“常用”选项｜“媒体”｜“swf”按钮。或选择“插入”菜单｜“媒体”｜“swf”命令。 插入Flash动画后，在“文档”窗口中出现Flash占位符 。 6.7.4 插入Flash 视频 　　Flash视频即Flash Video，它的后缀名为flv，是目前广泛流行的一种视频文件格式。一般的视频文件asf、wmv、rmvb等都需要专门的播放器来支持视频文件的播放，否则根本无法收看，并