多媒体网页设计与制作优质PPT.ppt
- 文档编号:14648114
- 上传时间:2022-10-23
- 格式:PPT
- 页数:45
- 大小:2.42MB
多媒体网页设计与制作优质PPT.ppt
《多媒体网页设计与制作优质PPT.ppt》由会员分享,可在线阅读,更多相关《多媒体网页设计与制作优质PPT.ppt(45页珍藏版)》请在冰豆网上搜索。
将素材文件夹dmt复制到E盘根目录下。
步骤2:
启动Dreamweaver。
10,5.1.2使用Dreamweaver创建站点,步骤3:
创建“多媒体技术与应用基础”站点。
11,5.1.2使用Dreamweaver创建站点,步骤3:
12,5.1.3使用Dreamweaver制作网页框架,步骤1:
创建新文件。
在菜单栏上依次点击【文件】【新建】,打开“新建文件”对话框,在“常规”选项卡中选择“基本页”和HTML,点击“创建”按钮即创建一个新的网页文件。
13,5.1.3使用Dreamweaver制作网页框架,步骤2:
保存文件。
完成步骤1的操作就创建了一个空白页面。
在菜单栏上依次点击【文件】【保存】,打开“保存”对话框。
保存目录选择E盘根目录下的dmt文件夹,文件名为:
tupian.html。
点击“保存”按钮保存文件。
14,5.1.3使用Dreamweaver制作网页框架,步骤3:
插入表格。
将光标移到页面内,在菜单栏上依次点击【插入】【表格】,打开“插入表格”对话框。
15,5.1.3使用Dreamweaver制作网页框架,步骤4:
设置整个表格属性。
选中表格,在“属性”检查器中的对齐列表中选择“居中对齐”。
将“背景颜色”设置为白色。
16,学会在网页中插入多媒体文件,17,5.2.1为网页中插入图像文件,一个页面仅有文本会非常单调,很难吸引人的目光,所以必须在文档中加入其他元素,如图像。
如果能在网页设计中恰当地运用图像,既能使网页美观生动而且富有生机,又能体现网站的风格和特色图像,加深用户对网站的良好印象。
应用与网页中的图片,目前比较流行的有两种图片格式,即GIF和JPG格式。
这两种格式,浏览器都能正确显示。
下面将为大家介绍运用图像的简单操作方法。
18,5.2.1为网页中插入图像文件,步骤1:
插入页面背景图片。
在完成任务一的操作后,在“属性”检查器中选择“页面属性”按钮打开“页面属性”对话框,选择背景图像为dmt目录下的images文件夹下的bg.gif文件。
点击“应用”、“确定”按钮。
19,5.2.1为网页中插入图像文件,20,5.2.1为网页中插入图像文件,步骤2:
在表格内插入图片。
将光标移至表格第一行内,在菜单栏上依次点击【插入】【图像】,打开“选择图像源文件”对话框,选择dmt目录下的images文件夹下的top.jpg文件,点击“确定”按钮,在弹出的对话框中点击“确定”按钮。
21,5.2.1为网页中插入图像文件,步骤3:
在表格内插入背景图片。
将光标移至表格第二行内,在“属性”检查器中点击背景标题下的图标,在打开的对话框中选择banner.gif文件,点击“确定按钮”。
步骤4:
插入导航条文字。
将光标移至表格第二行内,输入“图片|音频|视频|动画”,选中文字后,在“属性”检查器中设置字号为24,文本颜色为白色。
22,5.2.1为网页中插入图像文件,步骤5:
插入内容文字。
将光标移至表格第三行内,在菜单栏上依次点击【插入】【图像】,打开“选择图像源文件”对话框,选择dmt目录下的sucai文件夹下的tupian.jpg文件,点击“确定”按钮,在弹出的对话框中点击“确定”按钮。
23,5.2.1为网页中插入图像文件,24,5.2.2为网页中插入音频文件,步骤1:
将tupian.html文件复制三份,文件名称分别为yipin.html、shipin.html、donghua.html,全部存放在dmt文件夹下。
步骤2:
删除图像。
打开yinpin.html文件,选中第三行中的tupian.jpg图片,按住Delete键删除图像。
25,5.2.2为网页中插入音频文件,步骤3:
插入音频文件。
将光标移至表格第三行内,在菜单栏上依次点击【插入】【媒体】【插件】,打开“选择文件”对话框,选择dmt目录下的sucai文件夹下的yinpin.mp3文件,点击“确定”按钮,在弹出的对话框中点击“确定”按钮。
26,5.2.2为网页中插入音频文件,步骤4:
设置音频文件显示大小。
选中音频文件,在“属性”检查器中设置宽为770,高为200。
高和宽的值确定音频控件在浏览器中以多大的大小显示。
27,5.2.1为网页中插入图像文件,28,5.2.3为网页中插入视频文件,步骤1:
打开shipin.html文件,选中第三行中的tupian.jpg图片,按住Delete键删除图像。
插入视频文件。
将光标移至表格第三行内,在菜单栏上依次点击【插入】【媒体】【插件】,打开“选择文件”对话框,选择dmt目录下的sucai文件夹下的shipin.avi文件,点击“确定”按钮,在弹出的对话框中点击“确定”按钮。
29,5.2.3为网页中插入视频文件,步骤3:
设置视频文件显示大小。
选中视频文件,在“属性”检查器中设置宽为600,高为400。
高和宽的值确定视频控件在浏览器中以多大的大小显示。
30,5.2.4为网页中插入动画文件,步骤1:
打开donghua.html文件,选中第三行中的tupian.jpg图片,按住Delete键删除图像。
插入动画文件。
将光标移至表格第三行内,在菜单栏上依次点击【插入】【媒体】【Flash】,打开“选择文件”对话框,选择dmt目录下的sucai文件夹下的donghua.swf文件,点击“确定”按钮,在弹出的对话框中点击“确定”按钮。
31,5.2.4为网页中插入动画文件,步骤3:
32,学会多媒体网页的合成,33,5.3.1了解超文本、超媒体技术,多媒体是融合两种或者两种以上媒体的一种人-机交互式信息交流和传播媒体,使用的媒体包括文字、图形、图像、声音、动画和电视图像(video)的。
多媒体是超媒体系统中的一个子集,超媒体系统是使用超链接构成的全球信息系统,全球信息系统是因特网上使用TCP/IP协议和UDP/IP协议的应用系统。
二维的多媒体网页使用HTML来编写,而三维的多媒体网页使用VRML来编写。
在目前许多多媒体作品使用光盘存储器发行,在将来多媒体作品更多地使用网络来发行。
34,5.3.1了解超文本、超媒体技术,多媒体使用具有划时代意义的超文本思想与技术组成了一个全球范围的超媒体空间,通过网络、只读光盘存储器(compactdiscread-onlymemory,CD-ROM)、数字多能光盘(digitalversatiledisc,DVD)和多媒体计算机,人们表达、获取和使用信息的方式和方法将产生重大变革,对人类社会产生长远和深刻的影响。
35,5.3.1了解超文本、超媒体技术,1.超文本的概念超文本是一种文本,它和书本上的文本是一样的。
但与传统的文本文件相比,它们之间的主要差别是,传统文本是以线性方式组织的,而超文本是以非线性方式组织的。
这里的非线性是指文本中遇到的一些相关内容通过链接组织在一起,用户可以很方便地浏览这些相关内容。
这种文本的组织方式与人们的思维方式和工作方式比较接近。
36,5.3.1了解超文本、超媒体技术,37,5.3.1了解超文本、超媒体技术,超链接(hyperlink)是指文本中的词、短语、符号、图像、声音剪辑或影视剪辑之间的链接,或者与其他的文件、超文本文件之间的链接,也称为“热链接(hotlink)”,或者称为“超文本链接(hypertextlink)”。
38,5.3.1了解超文本、超媒体技术,2.超媒体的概念超媒体不仅可以包含文字而且还可以包含图形、图像,动画、声音和电视片断,这些媒体之间也是用超级链接组织的,而且它们之间的链接也是错综复杂的。
39,5.3.2为网页建立超文本、超媒体,超链接是多媒体网页中一个不可缺少的要素,在一个文档中可以创建几种类型的链接:
链接到其它文档或文件(如图形、影片、PDF或声音文件)的链接;
命名锚记链接,此类链接跳转至文档内的特定位置。
电子邮件链接,此类链接新建一个收件人地址已经填好的空白电子邮件;
空链接和脚本链接,此类链接使您能够在对象上附加行为,或者创建执行JavaScript代码的链接。
创建链接之前,一定要清楚文档相对路径、站点根目录相对路径以及绝对路径的工作方式。
40,5.3.2为网页建立超文本、超媒体,步骤1:
选择对象。
打开tupian.html文件,选中导航栏中的“图片”两字。
添加超链接。
选中对象后,在在“属性”检查器中链接标题后的文本框中输入“tupian.html”,也可以点击链接标题下的图标,在打开的对话框中选择tupian.html文件,点击“确定”按钮。
41,5.3.2为网页建立超文本、超媒体,42,5.3.2为网页建立超文本、超媒体,步骤3:
依照步骤1和步骤2的操作,依次为导航栏中的“音频”、“视频”、“动画”等文字添加超链接。
打开yinpin.html、shipin.html、donghua.html等文件,对页面中的导航栏进行超链接设置。
43,5.3.2为网页建立超文本、超媒体,文档的位置和路径:
绝对路径(例如:
http:
/dreamweaver/contents.html)。
站点根目录相对路径(例如/support/dreamweaver/contents.html)。
44,本模块主要介绍利用规划制作多媒体网页的一般方法。
通过本模块的学习和实训,学生应掌握利用Dreamweaver8设计多媒体网页、插入多媒体文件、和网页合成的方法。
总结,45,ThankYou!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 多媒体 网页 设计 制作