多媒体技术应用案例教程项目七多媒体应用系统开发—“多媒体技术学习网站”设计与开发.ppt

项目七多媒体应用系统开发

学习目标知识目标能力目标1.了解多媒体应用系统基本知识。2.熟悉Dreamweaver软件界面与基本工具，掌握运用Dreamweaver软件创作与发布多媒体网页的基本过程。3.熟悉运用Photoshop、Ｆlash等媒体制作工具进行制作与处理多媒体素材的基本过程。1.能根据需求分析确定系统主题及风格、规划系统结构并进行页面版式设计。2.能根据主题收集资料、准备素材并能对素材做好编辑处理工作。3.能进行系统的总体设计、界面设计、制作各页面并将各页进行有效整合；能应用多媒体创作软件设计、制作、测试、发布多媒体网页。4.能编写多媒体应用系统设计说明书。5.能与人良好沟通，合作完成学习任务。

目录7.1项目提出7.2项目分析7.3相关知识7.4项目实现7.5项目评价7.6项目总结7.7拓展训练

7.1项目提出

7.2项目分析多媒体应用系统设计与制作的全过程，是指从系统需求分析开始，到完成发布的整个过程。如果是小规模项目，可以一个人承担多项任务自己完成，但通常情况是3～4名开发者（设计师、程序员等）一起组成一个小组来完成项目。多媒体应用系统设计与制作的基本流程多媒体应用系统设计与制作的基本流程

7.3相关知识

7.3相关知识3．Dreamweaver相关知识DreamweaverCS3工作界面

7.4项目实现7.4.1网站总体设计1．网站结构设计网站的页面基本结构包括主页面、二级页面等次级页面。在实际建设网站过程中可根据实际需求，适当调整页面的级数。主页二级页面二级页面栏目主页模板主页作品欣赏平面、图形图像、音频、动画、视频作品素材浏览平面、图形图像、音频、动画、视频素材创作工具平面、图形图像、音频、动画、视频作品创作工具知识链接平面、图形图像、音频、动画、视频制作相关知识链接网址网站基本内容结构

7.4项目实现主页左、右背景边框7.4.2运用Photoshop制作图形图像素材1．制作主页背景边框最终效果图:

7.4项目实现渐变效果主要操作步骤:①新建一个黄色到白色渐变背景图。滤镜效果②对背景进行滤镜效果处理。

7.4项目实现褐色渐变矩形框主要操作步骤:③绘制褐色渐变矩形框（右侧）。棕色矩形框④绘制棕色矩形框（右侧）。

7.4项目实现主页左侧背景边框主要操作步骤:⑤保存文件。⑥制作主页右侧背景边框。主页右侧背景边框

7.4项目实现网站导航栏背景7.4.2运用Photoshop制作图形图像素材2．制作网站导航栏背景最终效果图:

7.4项目实现斜面和浮雕、颜色叠加、光泽图层样式参数主要操作步骤:①新建“zslj”图像文件。②添加“文字”图层。③应用文字图层样式。

7.4项目实现主要操作步骤:④保存文件。“知识链接”导航背景

7.4项目实现7.4.2运用Photoshop制作图形图像素材最终效果图:

7.4项目实现文字底图主要操作步骤:①制作文字底图。②制作文字特效。③保存文件。

7.4项目实现运用Flash制作网页动画素材1.新建并保存文件。

7.4项目实现“边框”影片剪辑运用Flash制作网页动画素材3.制作“边框”影片剪辑元件。①新建“边框”影片剪辑元件。②插入图片并处理。

7.4项目实现运用Flash制作网页动画素材①新建“边框”影片剪辑元件。②插入图片并处理。③创建“多”图层补间动画。④创建“媒”图层的补间动画。

7.4项目实现运用Flash制作网页动画素材5.合成网站Banner。网站Banner

7.4项目实现7.4.4运用Dreamweaver制作各级页面1.新建站点。定义网站名字提示：为了方便后续制作网页时的素材查找与使用，建议在站点当前目录中分别建立text、images、flash、audio、video等素材文件夹，并将之前各类素材分别放置于相应文件夹中。完成站点定义

7.4项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板①新建并保存模板文件。新建HTML模板“另存模板”对话框注意：新建模板文件后，将在站点下自动生成Templates文件夹，并将模板保存于所选站点中。

7.4项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板②插入一个1行3列的表格。表格对话框参数注意：“代码”视图显示HTML代码，“拆分”视图同时在上下方分别显示代码和设计效果，“设计”视图中只显示设计效果。

7.4项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板③左右侧单元格中插入边框图片。背景边框插入效果注意：在插入图片时，可以根据需要设置替换文本。“替换文本”主要是用于当网页中无法正常显示图片时，在图片处出现的文字。图像标签辅助功能属性对话框

7.4项