Dreamweaver CS5网页设计教程 作者 杨子燕 第3章.pptVIP

* 适当配图！ * 适当配图！ * 适当配图！ * 本页是一个二级标题下三级标题的汇总，图标不足可复制。 * 本页是一个二级标题下三级标题的汇总，图标不足可复制。 * * * * 应用实践这个页面根据步骤的多少选用适当的图标来表现。 * 应用实践这个页面根据步骤的多少选用适当的图标来表现。 * 应用实践这个页面根据步骤的多少选用适当的图标来表现。 * 练习与上机，只把简单操作题和综合操作题做成PPT，样式如本页，每页一个题目加配图。 * 高等职业院校立体化精品系列规划教材 第3章 插入图像和多媒 体对象 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 学习目标 知识目标 ● 掌握在网页中插入与编辑图像的各种操作。 ● 熟悉美化与优化图像的方法。 ● 掌握插入多媒体插件、SWF动画和FLV视频的方法。 课堂实例预览 主要内容 制作“关于我们”页面 1 制作“新品展台”网页 2 实训——制作“旅游导航”网页 3 制作“关于我们”网页 相关知识点讲解 创建鼠标经过图像 插入与编辑图像 美化与优化图像 插入与编辑图像 插入图像 选择【插入】/【图像】菜单命令，打开“选择图像源文件”对话框，在其中选择图片。 插入与编辑图像 调整图像尺寸 选择需调整尺寸的图像，拖动右边框上的控制点可调整图像宽度；拖动下边框上的控制点可调整图像高度；拖动右下角的控制点可同时调整图像高度和宽度；按住【Shift】键不放并拖动右下角的控制点可等比例调整图像大小。 若想精确控制图像大小， 可在选择图像后，在“属性”面板的“宽”和“高”文本框中输入数字进行调整。 插入与编辑图像 调整图像对齐方式 基线：将文本基准线对齐图像底端。 顶端：将图像顶端与当前行中最高项（图像或文本）的顶端对齐。 居中：将文本基准线对齐图像中部。 底部：将文本基准线对齐图像底端。 文本上方：将文本行中最高字符和图像的上端对齐。 绝对居中：将文本的中线和图像的中部对齐。 绝对底部：将图像底部和文本的底部对齐（包括字母下部，如字母G）。 左对齐：将图像放置在文本左侧。 右对齐：将图像放置在文本右侧。 美化与优化图像 调整图像亮度和对比度 在“属性”面板中单击“亮度和对比度”按钮 ，打开“亮度/对比度”对话框，在其中进行调整。 美化与优化图像 锐化图像 在“属性”面板中单击“锐化”按钮 ，打开“锐化”对话框，在其中进行设置。 美化与优化图像 设置图像边框 在“属性”面板的“边框”文本框中输入相应的数字，使图像具 有相应粗细的边框效果，数字越大，边框越粗。 美化与优化图像 设置图像效果 选择网页中的图像，单击“属性”面板中的“编辑图像设置”按钮 ，在打开的对话框中进行设置。 创建鼠标经过图像 将插入点定位到网页最后，选择【插入】/【图像对象】/【鼠标经过对象】菜单命令，在打开的对话框中进行设置。 制作“新品展台”网页 相关知识点讲解 添加背景音乐 添加多媒体插件 插入SWF动画 插入FLV视频 添加多媒体插件 选择【插入】/【媒体】/【插件】菜单命令，打开“选择文件”对话框，在其中选择需要插入的多媒体，然后在“属性”面板中进行设置。 添加背景音乐 选择【插入】/【标签】菜单命令，打开“标签选择器”对话框，在其中进行设置。 插入SWF动画 选择【插入】/【媒体】/【SWF】菜单命令，在打开的对话框中选择SWF动画，再在“属性”面板中设置播放属性。 插入FLV视频 选择【插入】/【媒体】/【FLV】菜单命令，在打开的“插入 FLV”对话框中进行设置。 实训——制作“旅游导航”网页 实训目标 本实训的目标是制作“快乐旅游”网站的“旅游导航”网页，要求充分利用各种多媒体文件来丰富网页内容。 实训——制作“旅游导航”网页 专业背景 网站中的导航网页一般起内容导航或功能导航的作用。通过设置该页面的内容导航可以随时浏览网站的其他网页；功能导航则是可以将相关功能集中到此页面，让浏览者在其中完成最主要的互动功能操作。 本次实训制作的网页属于功能导航网页，通过将住宿查询和用户登录的功能集中到其中，让浏览者可以方便地预定住宿。 实训——制作“旅游导航”网页 操作思路 习题 （1）打开“zhuye-