制作图像页面图像常识插入并设置图像插入其它图像元素使用外部图像编辑器图像常识网页中常用的图像格式GIF、JPEG、PNG(应用不广泛)GIF(GraphicInterchangeFormat):图像交换格式、采用LZW无损压缩算法。只包含256种颜色,支持透明的背景色和动画格式。通常网站中的Logo、按钮图片、文字图片和背景图片都使用这种格式。JPEG(JointPhotographicExpertsGroup):采用有损压缩的算法。支持24位真彩色,但不支持透明的背景色和动画格式。经常用来表现色彩丰富、武装复杂的图像。插入并设置图像插入图像通过“插入”=》“图像”菜单命令插入图像通过“文件”面板插入图像通过“资源”面板插入图像设置图像属性选中插入的图像,可以在“属性”检查器中设置图像的属性。为图像设置热点插入其他图像元素插入图像占位符,其步骤如下:•在文档编辑页面中用鼠标指针定位需要插入图像占位符的位置。•选择“插入”=》“图像对象”=》“图像占位符”=》输入占位符的名称、宽度和高度。还可以设置颜色和替换文本。•单击“确定”按钮,即可插入一个图像占位符,默认情况下颜色为灰色。•完成网页规划后,使用设计好的图像替换图像占位符。插入鼠标经过图像:经常用来制作动态效果,当鼠标移动到图像上时,该图像就变为另外一幅图像。(按钮、导航条制作)step1.在需要插入的地方单击鼠标左键定位一个插入点。step2.选择“插入”=》“图像对象”=》“鼠标经过图像”菜单命令,打开“插入鼠标经过图像”对话框。step3.单击“浏览”按钮,分别设置原始图像和鼠标经过图像。step4.单击“确定”按钮,将图像插入到表格中,完成制作。step5.保存预览。插入导航条由一系列的栏目按钮组成,在Dreamweaver8中可以为导航条中的按钮设置4种状态图像,分别为状态图像、鼠标经过图像、按下图像和按下时鼠标经过图像,通常只需设置状态图像和鼠标经过图像即可。[例]制作一个包含5个导航按钮的导航条:step1.首先根据需要在页面中插入一个1行1列的表格,并设置表格的宽度与导航条的宽度相同。step2.将鼠标光标定位在表格中,选择“插入”=》“图像对象”=》“导航条”菜单命令,打开对话框。step3.单击“浏览”按钮,设置状态图像和鼠标经过图像,然后在“按下时,前往的URL”文本框中设置链接的目标文件。step4.单击“添加项”按钮,增加一个导航条元件,并自动命名为unnamed1。step5.在“项目名称”文本框中设置导航条文件的新名称,然后单击“浏览”按钮,设置第二个导航条元件的状态图像和鼠标经过图像,在“按下时,前往的URL”文本框中设置链接的目标文件。step6.使用相同的方法继续增加导航条元件。step7.单击“确定”按钮,返回到文档编辑窗口,可看到导航条图像已经插入到表格中,此时显示的为状态图像。step8.按F12键在IE浏览器中预览,当鼠标移动到导航条按钮上时,图像由设置的状态图像变为鼠标经过图像,产生动态效果。使用外部图像编辑器定义外部图像编辑器step1.选择“编辑”=》“首先参数”菜单命令,打开“首先参数”对话框,在“分类”列表中选择“文件类型/编码器“一项。step2.单击“编辑器”列表上方的添加按钮,打开“选择外部编辑器”对话框。step3.单击“打开”按钮,返回到“首先参数”对话框中,此时在“编辑器”列表中可以看到新增加的编辑器。step4.选中其中一项,单击“设为主要”按钮,将其作为主要编辑器,这样扩展名列表中的文件类型都使用该编辑器进行编辑。制作多媒体页面插入Flash插入Shockwave动画插入声音插入视频插入FlashFlash的文件类型Flash文件(.fla)是所有项目的源文件,在Flash程序中创建。只能在Flash中打开,将它导出为SWF或SWT文件在浏览器中使用。FlashSWF文件(.swf)是Flash(.fla)文件的压缩版本,已进行了优化以便于在网页中使用。Flash模板文件(.swt)能够修改和替换FlashSWF文件中的信息。用于Flash按钮对象中,使我们能够用自己的文本或链接修改模板,以便创建满足需求的SWF。Flash元素文件(.swc)是一个FlashSWF文件,通过将此类程序合并到网页,可以创建丰富的Internet应用程序。Flash视频文件格式(.flv)是一种视频文件,它包含经过编码的音频和视频数据,用于通过FlashPlayer传送。插入Flash动画Step1.打开需要插入Flash动画的网页,使用鼠标定位一个插入点。Step2.选择“插入”=》“媒体”=》“Flash“菜单命令,打开“选择文件”对话框,选中一个SWF运来文件。Step3.单击“确定”,将Flash运来插入到页面中,页面显示一个F标记的灰色区域。Step4.在灰色区域上单击鼠标左键,选中动画,在其“属性”检查器中设置其相关属性。Step5.完成Flash动画在网页中的插入操作,保存网页,预览效果。全部显示:虽然被拉长,但是画面依然保持应有的长宽比例,旁边由颜色来填充,整个画面完全显示。无边框:flash适应调整后的尺寸,超出调整的尺寸之外的部分被裁减了,依然保持原有的长宽比例,但是超出的部分已不可见。严格匹配:匹配设定的尺寸,不管原有的长宽比例尺寸,只管匹配后来设定的尺寸,有很大的变形,其长宽比例已不符合原来的要求,但会完全显示所有内容。插入Flash按钮Step1.打开需要插入Flash动画的网页,利用表格进行排版布局,在图像下面的表格中插入一个1行6列的表格,设置每个单元格的宽度为100像素,使用鼠标定位一个插入点。Step2.选择“插入”=》“媒体”=》“Flash按钮“菜单命令,打开“插入Flash按钮”对话框,选中一个样式并对其进行设置。Step3.单击“确定”,将Flash按钮插入到页面中第一个单元格中。Step4.选中插入的按钮,可以在其属性面板中设置其相关属性,一般情况下保持默认即可。Step5.继续在其它单元格中插入按钮。Step6.完成Flash按钮在网页中的插入操作,保存网页,预览效果。插入Flash文本Step1.打开上面制作的Flash按钮页面,在网页上方的表格中定位一个插入点。Step2.选择“插入”=》“媒体”=》“Flash文本“菜单命令,打开“插入Flash文本”对话框,设置其相关属性。Step3.单击“确定”,将Flash文本插入到页面中。Step4.在插入的文本上单击鼠标左键,在其“属性”检查器中设置其相关属性。Step5.完成Flash动画在网页中的插入操作,保存网页,预览效果。插入图像查看器Step1.打开需要插入图像查看器的网页,使用鼠标定位一个插入点。Step2.选择“插入”=》“媒体”=》“图像查看器“菜单命令,打开“保存Flash元素”对话框,设置保存的文件名和路径。Step3.单击“保存”,保存Flash元素,并将图像查看器插入到网页中,在“属性”面板中设置其宽和高的值。图像查看器的大小要与图像大小成比例。Step4.按F9,打开“Flash元素”面板,将frameShow一项的参数由“否”改为“是”,这样可以在图像查看器的外围显示边框。Step5.imageURLs右侧的参数,按Delete键将其删除。Step6.单击参数右侧的“编辑数组值”按钮,打开“编辑imageURLs”数组对话框,在“值”的下方单击鼠标指针,出现一个文本框和文件夹图标。Step7.单击右侧的文件夹图标,打开“选择文件”对话框,选中需要插入的图像文件。Step8.单击“确定”按钮,增加一个数组值,值为图像的存储路径。Step9.使用同样的方法,将需要展示的N张图像都插入到“编辑imageURLs数组”对话框中。Step10.在“Flash元素“面板中,设置slideAutoplay一项的参数为“是”,让Flash运来自动播放,设置slideLoop一项的参数为“是”,让Flash动画循环播放,设置title一项的参数为“小区景观”,在播放区域的左上角显示标题文字,设置transitions一项的参数为“Random”,让Flash运来的播放效果为随机。Step11.保存网页,预览效果。插入声音嵌入音乐添加背景音乐嵌入音乐step1.打开一个需要插入音乐的网页文档,然后使用鼠标指针定位一个插入点。step2.选择“插入”=》“媒体”=》“插件”菜单命令,打开“选择文件”对话框,在对话框中浏览并选中一个MP3文件。Step3.单击“确定”将音乐文件插入到网页中,此时会显示一个图标。Step4.在这个音乐类型的插件文件的“属性”面板中设置宽为480,高为50,即音乐播放器的尺寸。Step5.保存文档,预览效果,可以通过播放器上的按钮来控制音乐文件的播放。添加背景音乐step1.打开一个需要插入背景音乐的网页文档,然后切换到代码视图,在body/body中定位一个插入点。step2.输入代码bgsoundsrc=sound/看海.mp3。Step3.在bgsound标签中添加代码loop=“true”,它的作用是使背景音乐循环播放。Step4.保存文档,预览效果。插入视频目前网页中经常使用的视频文件有如下两种,这两种文件无须下载,可在网页中直接观看。插入MPG视频插入RM视频插入MPG视频step1.在Dreamweaver中打开一个需要插入MPG视频的网页文档,使用鼠标定位一个插入点。step2.选择“插入”=》“媒体”=》“插件”菜单命令,打开“选择文件”对话框,在对话框中浏览并选中一个MPG视频文件。step3.单击“确定”按钮将MPG视频文件插入到网页中。step4.选中MPG视频文件,然后在它的“属性”面板中将宽和高分别设置为260,即视频文件的实际尺寸,也可按比例适当放大或者缩小。step5.在“属性”面板中单击“参数”按钮,打开“参数”对话框,增加一个参数autostart,设置参数值为true,使MPG视频可以自动播放。step6.保存文档,然后按F12键预览网页效果。插入RM视频step1.在Dreamweaver中打开一个需要插入RM视频的网页文档,用鼠标定位一个插入点。step2.在“插入”栏中选择“RealAudio”选项卡step3.打开“选择文件”对话框,选中一个RM视频文件。step4.单击“确定”按钮,将RM视频文件插入到网页中。设置其属性。step5.保存文档,预览网页效果。插入Flashpaper