项目图像与多媒体.doc

项目二 图像与多媒体 项目（实训）名称 图像与多媒体。 项目（实训）学时数 本实训项目预计实训学时数为2课时。 实训时间：2014-10-13-----2014-10-17 实训地点：S504 项目（实训）目标 1、能够使用Dreamweaver CS5为网页添加图像。 2、能够使用Dreamweaver CS5为网页添加各种媒体。 3、能够使用Dreamweaver CS5为网页加入音乐。 项目（实训）中的具体任务 1、插入图像。 2、图像属性参数。 3、插入Flash动画。 4、为网页加入音乐。 教师知识和能力要求 教师应具备网页设计相关的扎实理论基础知识和实战项目设计经验，能够熟练处理网页中的图像、文字、声音、动画，运用三剑客软件进行综合网页设计；应该认真准备该实训项目所需要的实训素材，并能够在实训的过程中给与准确的提示和解答，指导学生进行项目设计与创新；具有良好的沟通能力，协调能力，能够较好的组织学生出色地完成实训项目。 学生知识和能力准备 学生在实训之前应预习书本第四章相关内容，提前了解和熟悉有关该软件的知识，并准备相应的软件工具的基本操作，主动在网络上搜索该实训项目所需要准备的相关问题，以便在实训过程中得到实践和应用，得到问题的解决方法。 准备知识 能力要求 图像插入、属性设置的方法 掌握图像插入、属性设置的方法 各种媒体的插入方法和不同媒体相关参数的具体设置 掌握各种媒体的插入方法和不同媒体相关参数的具体设置 加入音乐的方法 掌握加入音乐的方法 工具与设备 PC机Windows操作系统，Dreamweaver CS5软件。 辅助教学资料 《CSS+DIV网页布局技术教程》，黄玉春，清华大学出版社，2012年。 《网页制作综合技术教程》，温谦，人民邮电出版社，2009年。 实施步骤与技术要点 9.1 插入图像 （1）在网页中确定图像插入点，光标在插入点闪烁。 （2）单击菜单“插入”|“图像”命令，弹出“选择图像源文件”话框，如图2-1所示，在对话框中选择图像源文件，单击“确定”按钮，弹出“图像标签辅助功能属性”对话框，如图2-2所示，在替换文本处输入替换文本内容，如，“八仙”，单击“确定”按钮，页面效果如图2-3所示。 图2-1 “选择源文件”对话框 图2-2 “图像标签辅助功能属性”对话框 图2-3 插入图片效果图 9.2 设置图像属性 （1）单击选中页面中的图片，面板中出现“图像属性面板”如图2-4所示，在“宽”和“高”文本框中输入图像的长宽量值，可以调整图像的大小。 图2-4 图像属性面板 （2）单击“图像属性面板”中的“对齐”列表，可以设置图像的对齐方式。 （3）在“图像属性面板”中，设置图像的其他属性。 9.3 插入Flash动画 （1）在网页中编辑区域中选取插入点。 （2）在菜单栏中选择“插入”|“媒体”|“SWF”命令，如图2-5所示。 图2-5 插入FLASH动画 （3）在弹出的“选择文件”对话框中选择要插入的FLASH动画，如图2-6。所示。 图2-6 选择文件对话框 （4）单击“确定”按钮弹出“对象标签辅助功能属性”对话框，如图2-7所示的。 图2-7 “对象标签辅助功能属性”对话框 （5）在标题项中输入标题，也可不输入标题，单击“确定”按钮，完成flash动画插入，效果如图2-8所示。 图2-8 页面效果图 （6）选中FLASH，属性面板出现FLASH属性设置面板，如图2-9所示，在该面板中对FLASH影片进行相关参数的设置。 图2-9 属性面板 9.4 为网页加入音乐 （1）单击“代码”视图按钮，把视图切换到代码视图，如图2-10所示。 图2-10 代码视图 （2）在代码body后，加入如下代码“bgsound src=5-1.mp3 loop=3 /”即可为网页添加背景音乐，表示将5-1.mp3音效文件插入到页面作为背景音乐，并循环播放3次。 考核或评价标准 考评项目 考评方法 比例 小计 形成性评价 学习态度 根据作业完成情况、课堂回答问题情况、小组协作情况，由教师和学生干部综合评定学习态度的得分% 20% 组织纪律 根据考勤情况由教师和学生干部评定纪律得分% 制定计划 根据小组的计划完成情况由学生自评、组长评价和教师评价相结合评定成绩% 80% 任务实施 根据小组任务的实施步骤，成员完成的具体结果、小组任务完成情况由小组长评价和教师评价相结构评定成绩0% 项目验收 根据小组任务的完成结果，通过任务考核细则由教师评定成绩0% 合计 100% 100%