资源简介 (共14张PPT)第十一课 设计简单网页11.1网站与网页11.2设计一个简单网站11.3思考与练习设计简单网页初步创建站点完善网站网上安家11.1 网站与网页 网站建设的一般流程:选定网站主题、规划结构、设计制作、测试修改、发布站点等。设计简单网页初步创建站点完善网站网上安家 据调查报告,全国网站数约为69.4万个,全国网页总数约24亿个,平均每个网站的网页数为3748个。某些大型网站的网页数目更是以百万计。11.2设计一个简单网站1、确定网站的主题主题定位要准,内容要精;题材最好是自己擅长或者喜爱的内容。2、设计网站基本结构将所要表达的信息进行划分,确定网站的基本结构,最终完成网站的栏目设计。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站3、设计主页的布局与色彩进入网站时,我们打开的第一个网页叫做主页。主页基本布局元素:标题、网站标识、导航、网页内容等。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩标题导航网站标识(logo)设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩导航提供网站栏目的索引,通过导航可以方便的浏览到网站的每一个栏目。一个合理的导航设计将使网站变得简单易用。网站标识(logo)一般放在网页中最显眼的位置,目的是加深浏览者对网站的印象,同时标识又代表网站的形象,所以标识都是通过精心设计的。标题是网页用来标识网页性质和内容的,标题将显示在浏览器的标题栏里。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩1)常见的网页布局------框字形设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩1)常见的网页布局------回字形设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩1)常见的网页布局------川字形设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩除以上几种外,还有自由格式网页结构布局,它的风格较为随意,完成后的页面就像一张精美的图片或极具创意的广告。同学们在上网的过程中看到结构新颖的网页可以将他们保存起来,也许能为今后的创作提供灵感。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩2)绘制网页布局 根据网站的内容和自己的设计风格确定主页基本构思后,先不要急于动手。一般来说,网页设计师们都会先在纸上绘制自己网站的蓝图。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩2)绘制网页布局标题图片导航主要内容设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站11.2设计一个简单网站3、设计主页的布局与色彩3)色彩搭配:暖色调。即红、橙、黄、赭等色彩的搭配。这种色调可使主页呈现温馨、和煦、热情的氛围。冷色调。即青、绿、紫等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。对比色调。总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。设计简单网页初步创建站点完善网站网上安家11.2设计一个简单网站所选主题:网站结构图:1、分组设计制作不同主题(如班级主题、旅游资源、保护环境、历史人物等主题)网站,填写下表。2、根据选定的主题,画出网站的基本结构。网站名称 选 题 网站定位3、选择绘图软件,选择合适的颜色搭配,绘制出主页的基本布局设计简单网页初步创建站点完善网站网上安家11.3思考与练习(共11张PPT)第七课 简单动画的制作7.2 图形组件的制作7.1 认识工具并绘制简单图形7.3 导线动画的制作7.4 思考与练习一、认识flash工具绘图工具视图工具颜色工具7.1 绘制简单图形一、认识flash工具1.Flash的绘图工具包含以下几部分:选取工具,绘画工具,文字工具,涂色工具,擦除工具及查看方式选择工具2. 表示所绘制的矩形没有外框,下面的选择框分别可以选择线宽和线型。3. 可以对所绘矩形的颜色作调整, 的作用是控制是否给矩形加上圆角,以及加入圆角的半径。4.颜色工具的下面是选项区。对于不同的工具,选项区的内容是不一样的。7.1 绘制简单图形二、画简单图形[例]利用绘图工具画一个带有条幅的气球。步骤1:单击常用工具栏上的“新建”按钮。建立一新文件。步骤2:选取绘图工具栏中的椭圆工具,单击油漆桶工具按钮,接着在颜色工具中选择红色。步骤3:在编辑区上用鼠标拖出一个红色的气球。步骤4:用铅笔工具画出气球的绳子。7.1 绘制简单图形步骤5:选取绘图工具栏中的矩形工具,调整好颜色。在绳子下画出条幅。再用箭头工具修改条幅飘扬的样子 (如下图):二、画简单图形[例]利用绘图工具画一个带有条幅的气球。步骤6:最后再用铅笔工具在条幅上写上“2008”,完成操作。7.1 绘制简单图形在Flash中,有两种“图库: “共享库” 和“角色” 的组件图库。组件图库一般用于存放用Flash工具所绘制的物体和文字、声音及影片等Flash的动画组件。图库的开启方法:选取“窗口”菜单的“库”指令或按快捷键Ctrl+L。组件的类型: 图片组件图片角色组件 动画段落角色组件按钮角色组件7.2 图形组件的制作在制作动画过程中怎样增加组件?[例]将前面所画的图形转换为图片组件。步骤2:在“名称”框中输入合适的组件名称,选择要转换组件的类型“图形”,然后按“确定”按钮。选取的物体就会转换成图形组件,并新增到角色图库中。步骤3:开启图库查看是否有新增的组件。7.2 图形组件的制作步骤1:选取气球和条幅,再选取“插入”菜单中的“转换成组件”选项,弹出“组件属性”对话框。[例]制作导线动画。步骤2:新增导线图层:选择图层1,再单击图层区下方的新增导线图层按钮这时在图层1会出现一个导线层。步骤3:单击导线图层,再单击绘图工具箱中的铅笔工具,在编辑区中画出一条引导线 (如图):(由于气球的绘制是在图层1的第1帧,所以Flash已经在图层1的第1帧已经自动建立了一个关键帧。)步骤1:在图层1的第20帧处,增加一个关键帧。7.3 导线动画的制作[例]制作导线动画。步骤5:选择图层1的第20帧,用鼠标移动气球到导线的左端,用同样的手法将气球吸咐在导线上。步骤4:选择图层1的第1帧,用鼠标移动气球到导线的左端,看到气球图形的中心十字标志与导线相交处出现一个黑色的小圆圈,表示气球已经“吸咐”在导线上了。步骤6:单击图层1中的第1帧,单击鼠标右键,选择“创建动画动作”选项。步骤7:单击控制工具栏中的 按钮,或者按“Ctrl+Enter”键看看动画的测试效果。7.3 导线动画的制作提示2、制作小球的圆周运动:1、运用绘图工具完成下列图形1、用绘图工具画出小球后,转换成角色组件。2、导线用椭圆工具画出一没有填充颜色的椭圆3、用橡皮擦工具将椭圆导线擦除一个小缺口,形成一段有两个端点的圆弧导线。4、分别在小球图层的第1帧和第20帧处,将小 球吸咐在椭圆导线上缺口的两端。5、按Ctrl+Enter键播放动画。7.3 导线动画的制作(共12张PPT)9.1 导入图片9.2 制作形变动画9.3 制作闪烁的文字9.4 思考与练习第九课 制作文字的特殊效果步骤2:选择要导入的图形文件,再单击“打开”按钮。(下图)[例1]在Flash中导入图片步骤1:选择“文件”中的“导入”选项。9.1 导入图片[例2] 删除图片的背景步骤1:单击导入的图片,选择“修改”菜单中的“分解组件”选项;步骤2:单击绘图工具栏中的 按钮,在下方的辅助工具中选择 ,然后在图片上要删除的部分上单击,再按“Delete”键。分解9.1 导入图片步骤3:选择“修改”菜单中的“分解组件”选项,将文字分解。[例]制作图形变文字的形变动画步骤1:在图层1第20帧处建立一个关键帧,删除熊猫。步骤2:在同一位置,用文字工具写上“Welcome to Beijing”并设置文字的大小、颜色。9.2 制作形变动画步骤4:选择第1帧,单击鼠标右键,在弹出的快捷菜单中选择“面板”选项中选“帧”,打开“帧”面板。在 “变化”里选择“形状”(图)。步骤5: 按回车键观看动画效果。[例]制作图形变文字的形变动画9.2 制作形变动画遮罩(Mask)和导线图层一样,是层的特殊类型。遮罩层与被遮罩层相互对应,利用遮罩层遮住不要显示的部分。如上图所示,文字是遮罩层,图片上被遮罩层。生成的遮罩效果就是图片从文字的轮廓中显露出来。遮罩层被遮罩层遮罩后的效果9.3 制作闪烁的文字[例]制作产生动态效果的组件步骤1:在图层中新建一个图层2,导入一张颜色鲜艳的图片。并将其转换为动画元件。步骤2:双击图片进入编辑状态,单击第10帧,并按F6键在第10帧插入关键帧。步骤3:增加一个动作参考线层,选择椭圆工具,按住Shift键不放,拖动鼠标在该层绘制一个圆,要让图片沿着圆的轨迹转动。9.3 制作闪烁的文字[例]制作产生动态效果的组件步骤4:单击选中圆的填充区域,按Delete键将填充删除, 这样只保留下圆的轮廓线。并用“橡皮擦”工具在圆形轨迹上擦除一小段轨迹。步骤5:将图片分别吸咐在导线两端。并在第1帧处创建动作动画效果(图):9.3 制作闪烁的文字[例]制作产生动态效果的组件步骤6:增加图层2, 并在第1帧中用文字工具加入文字“新北京 新奥运”,并根据所学过的知识设置到合适的大小和字体。步骤7:双击图层2的图标,将弹出的层属性对话框。如下图所示,选择“遮蔽”。这是将该层定义为遮罩层。9.3 制作闪烁的文字[例]制作产生动态效果的组件步骤8:用同样的方法,将“底图”层定义为被遮罩层。步骤9:用鼠标将这两层锁定,即可看到底图从文字中透出来的结果(如图)。9.3 制作闪烁的文字1.下面有两幅图片,要制作成图片3的效果,需要应用Flash的哪一样技巧?它的图层应该怎样安排?请画出来。2.利用形变动画的技巧,完成下面的练习。9.4 思考与练习(共17张PPT)第三课 图像编辑(二)3.1 基本概念3.2 图像质量调整3.3 使用图层编辑图像3.1 基本概念:色相是色彩的固有属性,就是我们常说的红、蓝、绿等色。色相、饱和度、亮度/对比度饱和度是指色彩所具有的纯度。饱和度高的图像显得十分艳丽,但饱和度过高就会产生失真的现象。亮度是指颜色的亮和暗的程度。黑色的亮度为0,纯白色的亮度最大。当相邻颜色亮和暗的差别大时,亮度对比度大。3.2 图像质量调整(自动调整)例:将下图调整得更鲜艳步骤1:打开待调整图片文件。步骤2:单击菜单栏“图像”→ “调整”→“自动色阶”命令项。图像质量调整图像被自动调整后,便变成一幅清晰的图像。图像质量调整(手动调整)步骤1:打开待编辑图像文件。图像质量调整(手动调整)步骤2:单击菜单栏“图像”→ “调整”→“亮度/对比度”命令项。步骤3:弹出对话框后,通过拖拽“亮度”或“对比度”滑块,提高或降低图像的亮度和对比度,同时注意观察,直到达到满意的效果 。3.3 使用图层编辑图像1 观察图层的基本特性2 删除图层3 复制图层4 在图像中插入文字透明底是图层的最大特点,可以保证多个多层图层重叠时,各图层的图像不会被盖住。在photoshop中,带有图层的图件格式为PSD。1 图层的基本特性1 图层的基本特性例:观察图层的基本特性步骤1:打开一个PSD图像文件。步骤2:选择“窗口”→“图层”选项,打开图层控制面板窗口。在图层控制窗口中,可以确认有5个图层 。步骤3:在图层控制面板窗口中,选择“嘴”图层后,再选择工具箱的移动工具,进行拖拽。(如图)。我们会发现,在整个图像中只有“嘴”图像移动。这是因为“嘴”图层只包含嘴图像,而底色是透明的缘故 。1 图层的基本特性1 图层的基本特性步骤4:在图层控制面板中,单击“嘴”图层的眼睛图标,让其隐藏, “嘴”图像消失 。步骤5:再单击眼睛图标,“嘴”图像重新显示出来。步骤1:打开图像文件。步骤2:打开图层控制窗口,选择待删除的“左眼”图层。2 删除图层步骤3:按住鼠标左键,将图层拖拽到垃圾桶中,该图层消失。2 删除图层步骤1:打开待编辑图像文件。步骤2:打开图层控制窗口,选择待复制的“右眼”图层,单击右键,选择“复制图层” 。在图层控制窗口中,新增了一个“右眼 副本”的图层。3 复制图层3 复制图层步骤3:选择移动工具,将该图层移动到合适的位置。步骤4:选择“编辑”→“变换”→“水平翻转” 。步骤1:打开图像文件。步骤2:选择工具箱中的文字工具“T”,将光标移到图像中,这时光标形状变为“工”字形 ,(如下图)。步骤3:设置字体、字号和颜色后,输入汉字。步骤4:汉字输入后,新增加了一个文字图层。使用移动工具,可以将输入的文字拖动到图像的任何一个位置。4 在图像中插入文字1.说一说,我们可以调整图像文件的哪些参数来获得更好的效果。2.与你以前用过的画图软件相比,你认为Photoshop软件在处理图像时,有哪些优势?思考与练习(共13张PPT)第一单元 多媒体基础第一课 计算机中的图像第二课 图像编辑(一)第三课 图像编辑(二)第四课 录制声音第五课 视频剪辑实践 制作多媒体演示文稿第一课 计算机中的图像1.1图形和图像1.2合理获取图像素材1.3图片格式转换1.4思考与练习1.1 图像和图形图像位图图像矢量图像由像素构成,每个像素有特定位置和颜色记录一系列指令,可缩放到任意尺寸而不失真位图图像和矢量图形没有好差之分,只是用途不同而已位图图像1、位图图像是连续色调图像,可表现阴影和颜色的细微层次;2、位图图像有固定数量的像素,缩放会丢失细节,出现锯齿边缘(如图);3、格式:*.bmp、*.gif、*.jpg、*.tif 等。不同放大等级的位图图像放大放大矢量图像1、矢量图像由数学定义组成,并填上特定的颜色;2、矢量图像与分辨率无关,可缩放到任意尺寸或按任意分辨率打印(如图);3、常见格式:*.wmf 、*.emf 、*.swf。不同放大等级的矢量图形放大放大1.2获取图像素材从外部文件中输入从互联网上获取从计算机屏幕上截取从商品图像中获取利用绘图软件创建图像从外部设备中输入外部设备包括:扫描仪、数码相机、数码摄像机等。常见的扫描仪从互联网上获取常见提供图片下载功能的网站:http://www.orderpic.comhttp://www.注意:知识产权的保护问题,在自己的作品中要明确标出所使用图像的来源。从计算机屏幕截取步骤1:按“Print Screen”键,屏幕图像信息就被复制在剪贴板当中。步骤2:启动图形处理软件(如“画图”)新建一个文件,执行粘贴命令,然后保存图片就可以了。若要截取当前窗口画面,则在执行第一 步时按“Alt + Print Screen” 键即可。1.3 图像格式转换(文件大小和格式需要)例:用用画图软件将BMP格式的图像文件转换为JPG格式。步骤1:在画图软件中打开待转换的BMP格式图像文件。步骤2:单击“文件”→“另存为”菜单命令,弹出“保存为”对话框。在“格式”栏中,选择“JPEG”项。步骤3:输入文件名后,单击“保存”按钮。1、简要说明位图图像和矢量图形的区别。2、请在自己的计算机中截取如下图形(如下图)并以bmp格式保存。3、将截取的图像文件转换成同名的jpg格式的图片。(共7张PPT)14.1 申请主页空间14.2 上传网站14.3 思考与练习设计简单网页初步创建站点完善网站网上 安家第十四课 网上安家步骤1:在浏览器的地址栏中输入www.chinaren.com,按“回车”键,进入chinaren网站的主页。步骤2:在Chinaren网站的主页上单击“注册”超链接,进入新用户注册页面。步骤3:按要求填写用户名、密码等内容后,单击“注册完成”按钮。【例】在Chinaren网站上注册一个新用户名,为自己申请一 个免费的主页空间设计简单网页初步创建站点完善网站网上 安家14.1申请主页空间步骤4:在出现的“修改个人信息”页面中填写详细的个人资料,并查看输入的各项内容是否正确,修改不正确的内容,单击“注册完成”按钮。【例】在Chinaren网站上注册一个新用户名,为自己申请一 个免费的主页空间如果新的用户申请成功,将会出现一个通知申请成功的页面,上面列出了申请的新用户的个人详细资料。如果申请不成功,很可能是由于要申请的用户名已经存在或是填写的资料不正确,必须重新填写。设计简单网页初步创建站点完善网站网上 安家14.1申请主页空间【例】在刚刚申请的网站上上传网页步骤1:在上面的页面中,单击“主页大巴”超链接步骤2:在出现的“主页大巴”页面上单击“上载主页”超链接。步骤3:在出现的“文件上传”页面中单击“浏览”按钮,选定要上传的网页文件设计简单网页初步创建站点完善网站网上 安家14.2 上传网站【例】在刚刚申请的网站上上传网页步骤1:在上面的页面中,单击“主页大巴”超链接步骤2:在出现的“主页大巴”页面上单击“上载主页”超链接。步骤3:在出现的“文件上传”页面中单击“浏览”按钮,选定要上传的网页文件设计简单网页初步创建站点完善网站网上 安家14.2 上传网站【例】在刚刚申请的网站上上传网页步骤4:单击“确定”按钮,开始上传主页。步骤5:上传结束后出现“文件管理器”页面,在这个页面上选中刚刚上传的文件,然后单击“设为首页”按钮。设计简单网页初步创建站点完善网站网上 安家14.2 上传网站3.如果网页发布成功了,却看不到图片,也听不到背景音乐,这是什么原因,该怎样解决?4.定期维护自己发布的网页,并与同学之间相互交流心得体会2.将自己制作的网页发布到申请的免费主页空间中,并到Internet上浏览自己的网页。1.在网上为自己申请一个免费的主页空间。设计简单网页初步创建站点完善网站网上 安家14.3 思考与练习(共9张PPT)第六课 FLASH 5 简介6.2 制作简单的动画6.1 flash5工作界面6.3保存文件在桌面上单击“开始”按钮“,在”程序“子菜单中选择” Macromedia Flash 5”中的“Flash 5”就可启动Flash 5。启动后出现Flash 5的编辑窗口(如图)。控制工具条图层区绘图工具栏辅助选项视图比例浮动面板编辑区常用工具栏状态栏时间轴6.1 flash5工作界面窗口的主要组成及作用(1)控制工具栏:动画播放的控制工具栏。(2)时间轴:在这里可以设置动画的播放状况。(3)浮动面板:面板可以用来控制各种设置。(4)状态栏:显示所选的工具等状态。(5)编辑区:在这里可以直接绘图,或者摆放一些图片、文字、按钮、动画等进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。(6)绘图工具栏:放置可供图形和文本编辑的各种工具, 用这些工具可以绘图,选取,喷涂,修改以及编排文字,或改变查看工作区的方式。6.1 flash5工作界面步骤1:在菜单栏中的“窗口”下拉菜单中选择“共享图库”选项,选择“Movie Clips”(影片夹),这个命令可以打开Flash共享图库中的“动画影片图库”。[例] 让一架飞机在屏幕上飞过。图库6.2 制作简单的动画6.2 制作简单的动画步骤2:选择图库中的“Biplane”选项,用鼠标将图库中的飞机,拖到编辑区中的左边。同时在时间轴中的图层1的第1帧中会出现一个实心的黑点,也就是关键帧。[例] 让一架飞机在屏幕上飞过。关键帧[例] 让一架飞机在屏幕上飞过。步骤3:在图层1的第10帧处,单击鼠标右键,在弹出的快捷菜单中选择“插入关键帧”选项。并用鼠标将飞机拖到编辑区的右边。步骤4:单击图层的第1帧,单击鼠标右键,在弹出的快捷菜单中选择“创建动画动作”选项。在时间轴的第1帧至第10帧会出现一个箭头标志(下图):6.2 制作简单的动画6.2 制作简单的动画[例] 让一架飞机在屏幕上飞过。步骤5:单击控制工具栏中的 按钮,可以看到飞机从屏幕的左边飞向右边(下图)。也可以按“Ctrl+Enter”键,来看动画的测试效果,要退出动画测试画面,单击窗口右上方的按钮。动画文件制作完成了,如要保存下来,与Word保存文件的操作方法相同。选择文件菜单中的“保存”指令,或者单击工具栏上面的“保存”按钮来保存文件。Flash的文件扩展名为“.fla”,生成动画文件的扩展名为“.swf”。6.3保存文件(共11张PPT)5.1 了解视频文件5.2 视频文件的获取5.3 加工视频文件5.4 制作个人电影第五课 视频剪辑①视频包括运动的图像和音效或伴音,它信息丰富、表现力强;②影像视频信息由许多幅单个画面所构成,且包含了大量的音频、视频信息,所以视频文件体积相当庞大 ;③AVI格式是一种非压缩格式的视频文件,播放时画面清晰,因此,AVI格式是PC平台上以及专业视频制作中较常用的格式;④在使用较大的视频素材时人们经常使用MPG、MPEG高压缩比格式,以减小文件大小;在网上实时传输视频类素材时人们又将视频文件转换成流式媒体ASF、RM、RAM等文件体积传输速度快的文件格式。5.1 了解视频文件视频文件的获取可通过:上网下载、用视频采集设备拍摄、从VCD影碟中截取等。5.2 视频文件的获取例: 用“超级解霸”截取视频片断:步骤1:启动“超级解霸”软件后,单击“文件”→“打开”,打开第一个要截取的目标视频文件;步骤2:单击播放按钮,视频文件开始播放。单击“循环/选择录取区域”按钮。此时界面中间的播放进度条变深色 ;5.2 视频文件的获取步骤3:根据需要,使用“选择开始点”、“选择结束点”两个按钮来确定所要截取片段的起始位置 ;步骤4:单击“录象指定区域为MPG或MPV文件”按钮,弹出一个“保存数据流”对话框,在该对话框中指定保存的路径及名称后,即会弹出“正在处理”的对话框,显示完成的进度情况,稍等片刻视频片断就截取好了。例:合并两段影像片断步骤1:准备获截取好需要合并的视频片断。步骤2:单击“开始”→“程序”→“豪杰超级解霸”→“实用工具集”→“常用工具”→“MPG文件合并”,启动该程序。步骤3:单击“文件”-“添加文件”,找到已截取的两段目标文件添加进来,指定好输出文件后,单击“开始合并”按钮即可 。5.3 加工视频文件个人影片的制作过程包括前期拍摄与后期制作两个过程;前期拍摄可以通过数码摄像机完成,输入计算机就可以得到原始的视频素材;音频素材可以从网上下载,或者从光盘媒体库获取;常见视频处理软件:友立公司的会声会影、Adobe的PREMEIRE、品尼高的Pinnacle Studio、Windows自带的Movie Maker等。5.4 制作个人电影1、导入素材:运行Windows Movie Maker,按下热键Ctrl+I执行“导入”操作,选择准备好的素材文件,点击“打开”导入。2、选取片断:选取某个片断,通过右侧的窗口可以预览该断内容。将该片断内容拖到下方长条电影底片格子进行编辑处理 。5.4 制作个人电影5.4 制作个人电影3、编辑片断:在工作区中选取鼠标右键中“时间表”命令,工作区影音文件前后各多出一个三角形的标签,这两个标签可以将不必要的部分剪除。5.4 制作个人电影4、添加解说:点“旁白时间线”图标,“旁白时间线”窗口弹出,点击“开始旁白”按钮,这时影片会自动播放,以便控制解说的进度,这时可给电影配“解说词”了。5、预览影片:选择"播放"菜单中的"播放时间线"就可以了。6、生成影片:选择“文件”菜单中的“保存电影”,弹出“保存电影向导” 窗口,根据向导提示,为电影加个标题、在影片“设置”中选择“高质量”。“保存电影向导”会完成生成的所有设置和操作,影片很快就制作成功了!1.使用超级解霸从影像光盘中截取一个片断,并和其他的视频文件和并。2.视频文件的格式非常的丰富,请将自己合并的mpg文件转换成avi格式。3.利用dv机拍摄一个小故事,并用Windows Movie Maker或其他工具软件对它进行编辑处理并生成自己的影片。思考与练习制作多媒体演示文稿综合实践(共8张PPT)第八课 淡入淡出动画的制作8.2文字的淡入淡出效果8.1 编辑文字内容8.3思考与练习1.设定字型、字型大小、样式及色彩8.1 编辑文字内容选取“窗口”中的“面板”“字符”选项,就会显示出“字符”浮动窗口,或直接按快捷键Ctrl+T键,在字符窗口中设置文字的字型、大小、样式、行距、色彩、位置等。8.1 编辑文字内容2、建立文字内容选用文字工具后,在编辑窗内单击鼠标左键,系统会建立一个文字方块,以便在文字方块内输入文字 (如图):在工作区中输入“绿色奥运、人文奥运、科技奥运”文字。将这组文字转换成组件,组件类型为“图形”。3、试一试8.1 编辑文字内容[例]制作文字的淡入淡出效果步骤1:分别选中文字图层的第20帧、第40帧和第60帧,并按F6键,就会在第20帧、第40帧、第60帧内新增关键帧。步骤2:选取第1帧,并单击鼠标右键,然后在快捷菜单中选取“创建动画动作”选项。步骤3:选中图层的第1帧,然后选取“窗口”菜单中“面板”中的“效果”选项。就会显示出“效果”浮动窗口(图) :步骤5:选中图层的第20帧然后设定淡化效果数值为100%。步骤4:选取“透明度”(Alpha)选项,设定淡化效果数值为0%。8.2文字的淡入淡出效果[例]制作文字的淡入淡出效果步骤6:选中文字图层的第40帧设置透明度为100%。然后单击鼠标右键,在快捷菜单中选取“创建动画动作”选项。步骤7:选中文字图层的第60帧然后设定淡化效果数值为0%。步骤9:按“Ctrl+Enter”键播放动画。步骤8:选择“窗口”菜单中“面板”中的“转换”选项,打开“转换”浮动面板“。选择“强制”选项,设置要放大的比例后按回车键。8.2文字的淡入淡出效果1.在Flash中,组件有哪三种形式?请将它们写出来。2.下面两幅图片的透明值分别是90%和50%,请观察图,填写图片的透明值。8.3思考与练习(共12张PPT)10.1 插入声音10.2 生成动画影片10.3 思考与练习第十课 生成动画步骤2:利用学过的 “导入”图片方法,导入音效文件,所导入的音效文件将会储存在Flash的图库中。[例]插入声音文件步骤1:新增图层,以便插入音效文件,命名为“声音”。选择要导入的声音文件10.1 插入声音[例]插入声音文件步骤4:将音效文件拖至编辑窗内,完成音效文件的插入操作。步骤3:选取“窗口”菜单中的“库”指令,会显示出本动画所属的元件库。找到刚才所导入的音效文件。注意:音效文件必须拖至编辑窗口,而不是拖到帧内。这时会看到“声音”层内出现音波图示。10.1 插入声音[例]插入声音文件步骤5:将鼠标光标移到音波图示上,按住鼠标左键,再将音波图示移到要开始播放的帧处(下图)。移动声音的波形图步骤6:按Enter键,或是按下Ctrl+Enter键,播放动画和音效。10.1 插入声音1、将动画生成.SWF文件步骤1:选择“文件”菜单中的“发布设置”选项。在弹出的对话框中(下图),勾选“Flash(.SWF)”选项。步骤2:再单击“发布”按钮,即可完成。10.2 生成动画影片2、将SWF文件制作成执行文件步骤1:选取“开始―程序―Macromedia Flash5―StandalonePlayer”选项。步骤2:选取“文件”菜单中的“打开”选项。10.2 生成动画影片2、将SWF文件制作成执行文件步骤3:在下面的对话框中输入SWF文件的位置,也可以用“浏览”按钮来浏览寻找要转换的SWF文件。然后按“确定”按钮。选择要转换的文件10.2 生成动画影片2、将SWF文件制作成执行文件步骤4:选取“文件”菜单中的“创建播放器”选项,即可弹出“另存为”对话框:选择欲储存执行文件的文件夹后,按“保存”按钮。选择文件存放位置10.2 生成动画影片2、将SWF文件制作成执行文件步骤4:选取“文件”菜单中的“创建播放器”选项,即可弹出“另存为”对话框:选择欲储存执行文件的文件夹后,按“保存”按钮。选择文件存放位置完成上述操作后,即可得到一个执行文件,只要执行该文件,就可以播放出制作于此文件内的动画效果,但是无法修改文件中的动画内容。10.2 生成动画影片1.在插入声音前,一定要先做好什么工作?3.为前面所制作的烟火元件插入爆炸声音,改变声音插入帧的位置。并以FLASH默认的格式生成动画文件 。2.导入的声音文件会被存放在哪里?闪客帝国http://www.网易动画站http://cartoon.动画http://flash.闪客天地 http://www.flashsky.com阅读材料:推荐Flash的站点10.3 思考与练习制作自己的FLASH动画片一、背景材料二、提出问题三、作品要求四、实践过程五、交流评价综合实践(共13张PPT)4.1 创建简易“录音棚”4.2 调整录音设备参数4.3 录制诗朗诵4.4 编辑整理4.5 添加背景音乐4.6 声音文件的压缩与转换4.7 思考与练习第四课 录制声音盒式磁带播放机CD播放机等立体声放大器音箱游戏操纵杆连到驱动器声卡声卡与外部设备的连接声卡、耳机、麦克风是“录音棚”中最基本的设备。4.1 简易“录音棚”双击桌面的右下角状态栏中的喇叭图标,打开“音量控制”,选择“选项”——“属性”菜单,在“调节音量”框内选择“录音”。双击 “控制面板” 中 “多媒体” 图标,打开 “多媒体属性” 对话框中的“音频”选项卡。在录音一栏中选择相应的录音设备。4.2 调整录音设备参数设置完成后,从“开始”菜单中运行录音机程序,单击红色的录音键(如下图),对着麦克风朗读,开始录音;录音完成后,可按停止按钮,并选择“文件”菜单中的“保存”命令,给文件命名并保存;由于Windows所带的“录音机”录音的最长时间只有60秒,因此如果要录制较长时间,需要先分段录好后,再合成。4.3 录制诗朗诵具体方法:1、打开一个文件后,通过试听,找到并定位游标所有删除的位置上,单击“编辑”→“删除当前位置以后的内容”/“删除当前位置以前的内容”(如图)。4.4 编辑整理依次打开已经录制好的声音文件试听,裁剪掉每段录音前后的多余部分,形成一段完整的朗诵录音。4.4 编辑整理2、打开裁剪好的第一个声音文件,移动游标到最后,单击“编辑” →“插入文件”命令,系统会弹出 “插入文件”对话框,选中第二个声音文件并单击“打开”按钮。按照相同的方法按顺序将剩下的各段文件插入进来 。3、以“诗歌朗诵.wav”为文件名重新保存文件。打开“诗歌朗诵.wav”, 单击“编辑” →“与文件混音”命令,在弹出的对话框中选择准备的音乐文件单击“打开”按钮,并保存文件。4.5 添加背景音乐在制作过程中可利用“效果”→ “添加回音” 来添加回音等效果 。4.5 添加背景音乐音频文件的压缩一般是去除人类听觉范围之外的音频,这种压缩是一种有损压缩。一个未经压缩的50MB的WAV文件,压缩成MP3或WMA文件时可能只有5MB。以wav文件格式保存下来的文件,体积很大,可通过压缩来减少存储容量。声音文件常被压缩成各种不同的格式,常见的有MP3、WMA、RM等格式。4.6 声音文件的压缩与转换将WAV格式的声音文件转换为MP3格式,可以实现压缩目的。例:利用“豪杰超级解霸”将配乐诗歌朗诵转换为mp3文件。步骤1:单击【开始】/【程序】/【程序】/【豪杰超级解霸】/【实用工具集】/【音频工具】,启动“MP3格式转换器”。4.6 声音文件的压缩与转换4.6 声音文件的压缩与转换步骤2:在“MP3格式转换器” ,单击“添加文件”按钮,添加需要转换的文件“配乐诗歌朗诵.wav”。步骤3:设置mp3文件的保存路径。单击“设置”按钮,弹出“mp3设置”对话框。在“输出路径”中,通过“浏览”按钮设置目标文件的保存路径。其他设置选项一般保存默认设置不变。设置完成后,单击“确认”按钮返回程序主界面。步骤4:单击“开始压缩”按钮压缩文件,等压缩进度条显示100%后压缩完成。4.6 声音文件的压缩与转换1.要用计算机的进行录音时,计算机系统除了有声卡外,还需要 、 等外部设备。2.你所了解的声音文件格式有 。 3.MP3是一种网络上流行的音乐格式。怎样才能将旧磁带上的音乐转为MP3机上能播放的mp3格式的声音文件?思考与练习(共18张PPT)13.1 链接新网页13.2 建立HTTP链接13.3 插入E-mail链接13.4 同一文件内的链接13.5 思考与练习设计简单网页初步创建站点网上 安家完善网站第十三课 完善网站建立了站点,还需要不断地链接新的网页,丰富网站内容。设计简单网页初步创建站点网上 安家完善网站13.1 链接新网页例:在框架网页中建立超链接步骤1:启动Frontpage,打开“藏羚羊”站点,选择框架网页。13.1 链接新网页13.1 链接新网页设计简单网页初步创建站点网上 安家完善网站步骤2:选中左边列表中的“重大事件”文字,单击右键(如图)。例:在框架网页中建立超链接13.1 链接新网页13.1 链接新网页设计简单网页初步创建站点网上 安家完善网站步骤3:在弹出的对话框中选择“超链接”,打开“插入超链接”对话框(图 )例:在框架网页中建立超链接13.1 链接新网页13.1 链接新网页设计简单网页初步创建站点网上 安家完善网站例:在框架网页中建立超链接步骤4:选择文件“dsj.htm”,单击确定。“dsj.htm”网页已被链接到框架网页的“重大事件”位置,这时,按住“Ctrl”同时用鼠标左键单击“重大事件”,就可以跟踪这个超链接。我们最好将被链接的网页也放置在站点所在的目录中。13.1 链接新网页13.1 链接新网页设计简单网页初步创建站点网上 安家完善网站浏览网页时,只要单击这个链接就可以直接访问相应的网站。http链接与链接到本地计算机的其他网页文件一样,也是链接到其他网页,只不过链接的目标不再是本地计算机中的网页文件,而是Internet上其他站点的网页。13.2 建立HTTP链接设计简单网页初步创建站点网上 安家完善网站【例】将框架网页中“相关链接”建立与网站“www.”的链接。步骤1:在网页中选中“相关链接”文字,单击右键。步骤2:在弹出的对话框中选择“超级链接”,打开“插入超级链接”对话框。13.2 建立HTTP链接13.2 建立HTTP链接设计简单网页初步创建站点网上 安家完善网站步骤3:在“插入超级链接”对话框的地址栏输入框中,地址 “www.”(图)。步骤4:单击“确定”按钮,操作完成。【例】将框架网页中“相关链接”建立与网站“www.”的链接。13.2 建立HTTP链接13.2 建立HTTP链接设计简单网页初步创建站点网上 安家完善网站1.建立E-mail链接的方法很简单:在打开“插入超级链接”对话框后,要单击对话框中的“电子邮件地址”,然后在对话框(如图)中输入自己的E-mail地址,再按“确定”按钮返回就可以了。13.3 插入E-mail链接设计简单网页初步创建站点网上 安家完善网站2.取消E-mail链接:在“插入超链接”对话框中把链接的网页名或超链接地址删除,再单击“确定”按钮就行了。3.在图片上建立超链接,方法同建立文字超链接相似。13.3 插入E-mail链接13. 3 插入E-mail链接设计简单网页初步创建站点网上 安家完善网站如果一个网页中的内容很多,要很快查看到网页中的某些内容比较困难,这时就可以在主页中的某个位置设置“书签”。使用书签的目的是为了更快地找到所要阅读的内容如果页面中的文本太长时,建议使用书签。创建书签超链接时,一般是在页面的顶端或者底部创建一个超链接目录,将这些目录链接到不同的书签中13.4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站【例】将下面网页中“1992年以前”这一行文字设置为书签,并在网页中创建超链接,链接到这个书签上。此处设置书签此处设置超链接13.4 同一文件内的链接13. 4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站【例】将下面网页中“1992年以前”这一行文字设置为书签,并在网页中创建超链接,链接到这个书签上。步骤2:选择“插入”菜单中的“书签”命令项,出现“书签”对话框。步骤1:选中“1992年以前”这一行文字。输入书签的名称13.4 同一文件内的链接13.4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站【例】将下面网页中“1992年以前”这一行文字设置为书签,并在网页中创建超链接,链接到这个书签上。步骤4:选中“92年以前”几个文字。步骤5:选择“插入”菜单中的“超链接”命令项,出现 “创建超链接”对话框。步骤3:在“书签名称”输入框中输入书签名,单击“确定”返回。13.4 同一文件内的链接13.4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站【例】将下面网页中“1992年以前”这一行文字设置为书签,并在网页中创建超链接,链接到这个书签上。步骤6:单击“插入超链接”对话框中的“本文档中的位置”,选择“1992年以前”书签( 如图):13.4 同一文件内的链接13. 4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站【例】将下面网页中“1992年以前”这一行文字设置为书签,并在网页中创建超链接,链接到这个书签上。将这个建立了超级链接的xiaoxin.html主页保存,然后预览这个网页时,单击“92年以前”这个超链接,就自动转到网页中“1992年以前”这一行。注意:在网页在预览状态下,书签是看不到的。13.4 同一文件内的链接13. 4 同一文件内的链接设计简单网页初步创建站点网上 安家完善网站1.超级链接有哪几种?各有什么作用。2.为自己设计的网站建立链接。13.5 思考与练习设计简单网页初步创建站点网上 安家完善网站(共15张PPT)1 自由调节显示比例2 图像的选定3 图像移动与复制4 图像的裁切5 图像的缩放2.1 photoshop的操作界面2.2 对图像进行简单编辑第二课 图像编辑(一)工具栏标题栏命令菜单图像窗口控制面板2.1 Photoshop的操作界面1 自由调节显示比例步骤1:启动Photoshop软件,打开待编辑图片文件。步骤2:选择缩放工具,若选择放大功能,单击图像窗口,整个图像的显示比例扩大。选择缩小功能,整个图像的显示比例缩小。如果希望放大图像的某个局部,则可以选择缩放工具后,在希望放大的局部进行拖拽,相应的部分就被放大了。2 图像的选定步骤1:打开待编辑图片文件,单击工具箱的矩形选择工具。步骤2:按住鼠标左键,在待选处拖拽,选定所希望的的矩形区域后,松开鼠标左键,拖拽的部分成为选区,四周出现虚线框。图像选定后,我们就可以对选定区域进行编辑、复制、移动等操作。3 图像移动移动图像中的左边小孩头像,到画面的右边。步骤1:打开待编辑图片文件,使用选择工具选定待移动获复制区域。3 图像移动步骤2:选择工具箱中的移动工具。步骤3:拖动被选择的区域到合适的位置 。方法一: 选定图像区域后,可以使用菜单中的复制/粘贴命令来复制图像。方法二:在拖动的同时,按住键盘“Alt”键,将选定区域复制到指定位置。3 图像复制4 图像的裁切例:将下面图像的上半部分保留下来。步骤1:打开待裁减图像文件。步骤2:选择裁切工具(右图)。步骤4:拖拽完成后,图像中比较亮的部分是保留部分单击右键,选择裁减,留下指定的部分 。按“Esc”键可以取消裁切区域。也可以单击菜单栏中的“编辑”—“还原”取消裁切命令。步骤3:按住鼠标左键,拖拽想保留部分。4 图像的裁切5 图像的缩放例:将下面图像中的飞机部分放大5 图像的缩放与旋转步骤1:打开待编辑图片文件。步骤2:使用选择工具选择希望进行缩放的部分。步骤3:选择菜单栏“编辑”→“变换”→“缩放”项(如图)。5 图像的缩放与旋转步骤4:这时被选择图像周围出现边界框和8个调节点, 拖拽调节点,图像就会放大或缩小。步骤5:把鼠标指针移到大小已变化的边界框内,按住鼠标左键,就可以把图像拖拽到所希望的位置。例:将下面图像中的小海龟旋转180度5 图像的缩放与旋转步骤1:打开待编辑图片文件。步骤2:使用套索工具选择待旋转区域。5 图像的缩放与旋转步骤3:选择菜单栏“编辑”→“变换”→“缩放”项,用鼠标左键按住调节点,拖拽旋转到满意的角度 。尝试为自己的计算机设计一个合适、漂亮的桌面。1.在桌面单击右键,打开显示属性对话框,在设置对话框中,观察并计算自己计算机最高显示分辨率,并计算机高宽比。2.搜索自己喜欢的图像文件,根据上个步骤计算出的高宽比,对图像进行裁剪。3.比较将不经过裁剪图像设为桌面和将经过裁剪的图像设为桌面效果的差异。思考与练习(共15张PPT)第十二课:初步创建站点12.1新建一个站点12.2框架的建立12.3框架属性的设置12.4框架中添加网页12.5框架的保存设计简单网页初步创建站点完善网站网上安家【例】启动FrontPage2002,新建一个站点。设计简单网页初步创建站点完善网站网上安家12.1 新建一个站点步骤1:启动FrontPage2002,单击“文件”菜单中的“新建”命令项,在出现的级联菜单中选择“网页或站点”命令项。12.1 新建一个站点【例】启动FrontPage2002,新建一个站点。步骤2:在弹出的“新建网页或站点”对话框中(下图)中选择“空站点”,指定新站点的位置,单击“确定”按钮。指定新站点的位置设计简单网页初步创建站点完善网站网上安家12.1 新建一个站点【例】新建一个如下图所示的框架网页。设计简单网页初步创建站点完善网站网上安家12.2 框架的建立步骤1:打开站点“藏羚羊”,依次菜单栏中“文件” “新” “网页或站点”命令项,打开 “新建网页或站点”对话框。12.2 框架的建立步骤2:在“新建网页或站点”对话框中,选择“网页模板”,打开“网页模板”对话框,单击“框架网页”选项卡。设计简单网页初步创建站点完善网站网上安家12.2 框架的建立【例】新建一个如下图所示的框架网页。步骤3:在框架列表中选择“标题、页脚和目录”样式,单击“确定”按钮,一个新的框架网页就建立起来了。12.2 框架的建立【例】新建一个如下图所示的框架网页。设计简单网页初步创建站点完善网站网上安家12.2 框架的建立通过调整框架大小、框架边界、边框线的宽度等属性,可以设计出符合需要的框架效果。将指针指向各边框线,当指针变成双箭头时,拖动鼠标,可以改变框架的大小。设计简单网页初步创建站点完善网站网上安家12.3 设置框架属性如果要改变的框架其他属性,须首先选定框架,然后单击鼠标右键,在弹出的菜单中选择“框架属性”命令项,打开“框架属性”对话框。12.3 设置框架属性精确调整框架的大小指框架内网页内容与边框之间的距离大小选择是否显示滚动条单击打开“网页属性”对话框,以定义边框线的粗线,或不显示边框线设计简单网页初步创建站点完善网站网上安家12.3 设置框架属性12.3 设置框架属性【例】将上例中上框的边距设置为零,整个边框线宽度为设置为零,其余采用默认值。步骤2:分别将“边距”栏中的“高度”和“宽度”的值设为零。步骤3:单击“框架网页”按钮,打开“网页属性”对话框。步骤4:在“网页属性”对话框中选择“框架”选项卡,将 “框架间距”设置为零,最后单击“确定”按钮。步骤1:单击上框,选定框架,然后打开“框架属性”对话框。设计简单网页初步创建站点完善网站网上安家12.3 设置框架属性框架网页建立起来后,就可以在上面添加内容。在每一个框架中,都有“设置初始页面”和“新建网页”两个按钮。单击新建网页可以直接建立一个网页。设计简单网页初步创建站点完善网站网上安家12.4 在框架中添加网页12.4 在框架中添加网页例:在框架网页中建立网页步骤1:在新建的框架网页(如下图)中单击上框中的“新建网页”按钮,在页面中插入所需的图片。步骤2:单击左框中的“新建网页”按钮,在网页中插入一个8×1表格,在表格中输入相应的文字。设计简单网页初步创建站点完善网站网上安家12.4 在框架中添加网页12.4 在框架中添加网页试一试:单击“设置初始网页”按钮,将事先编辑好的网页插入指定位置(下图)。在网页中插入网页示意图设计简单网页初步创建站点完善网站网上安家12.4 在框架中添加网页保存方法:单击工具栏上的“保存”按钮,弹出的另存为”对话框,在这个对话框中显示了各框架的示意图,当前被保存的框架用蓝框标示出来(下图)。当前被保存的框架设计简单网页初步创建站点完善网站网上安家12.5 框架的保存12.5 框架的保存由于每一个框架都是一个单独的网页,所以在保存网页框架时,必须根据屏幕提示依次将各框架中新建的网页保存起来,最后再将整个框架保存起来。注意网页中插入了图片时,图片也要一起保存。设计简单网页初步创建站点完善网站网上安家12.5 框架的保存1、框架网页的主要作用是什么?上机实践1、使用Frongtpage2002提供的模板创建一个“个人站点”,简单地介绍自己的学习情况。2、将上节课设计的网站,用Frontpage 2002初步实现。2、对框架网页进行保存时,应注意哪些问题?设计简单网页初步创建站点完善网站网上安家思考与练习 展开更多...... 收起↑ 资源列表 cw01.ppt cw02.ppt cw03.ppt cw04.ppt cw05.ppt cw06.ppt cw07.ppt cw08.ppt cw09.ppt cw10.ppt cw11.ppt cw12.ppt cw13.ppt cw14.ppt