多媒体网设计与制作

模块五多媒体网页设计与制作2提纲学会在网页中插入多媒体文件2学会多媒体网页的设计1学会多媒体网页的合成33学会多媒体网页的设计使用Dreamweaver创建站点2认识网页制作工具Dreamweaver81使用Dreamweaver制作一个网页框架345.1.1认识网页制作工具8工欲善其事，必先利其器。8是在多媒体方面颇有建树的公司推出的可视化网页制作工具，它与8、8合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，用来制作精美的网页动画，而用来处理网页中的图形。55.1.1认识网页制作工具818的功能可视化编辑全面的编码环境服务器技术功能自定义65.1.1认识网页制作工具828的工作区布局75.1.2使用创建站点在中，“站点”一词既表示站点，又表示属于站点的文档的本地存储位置。在开始构建站点之前，您需要建立站点文档的本地存储位置。站点可组织与站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到服务器。85.1.2使用创建站点可以使用“站点定义向导”设置站点，该向导会引领您完成设置过程。或者，也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。在本教程中，您将使用“站点定义”的“高级”设置来设置项目文件的本地文件夹。在本书后面的部分，您将学习如何设置远程文件夹，以便将页面发布到服务器，从而提供给公众访问。95.1.2使用创建站点步骤1：将素材文件夹复制到E盘根目录下。步骤2：启动。10使使用用创创建建站站点点步骤骤3：：创创建建““多多媒媒体体技技术术与与应应用用基基础础””站站点点。。11使使用用创创建建站站点点步骤骤3：：创创建建““多多媒媒体体技技术术与与应应用用基基础础””站站点点。。12使使用用制制作作网网页页框框架架步骤骤1：：创创建建新新文文件件。。在菜菜单单栏栏上上依依次次点点击击【【文文件件】】→→【【新新建建】】，，打打开开““新新建建文文件件””对对话话框框，，在在““常常规规””选选项项卡卡中中选选择择““基基本本页页””和和，，点点击击““创创建建””按按钮钮即即创创建建一一个个新新的的网网页页文文件件。。13使使用用制制作作网网页页框框架架步骤骤2：：保保存存文文件件。。完成成步步骤骤1的的操操作作就就创创建建了了一一个个空空白白页页面面。。在在菜菜单单栏栏上上依依次次点点击击【【文文件件】】→→【【保保存存】】，，打打开开““保保存存””对对话话框框。。保保存存目目录录选选择择E盘盘根根目目录录下下的的文文件件夹夹，，文文件件名名为为：：。。点点击击““保保存存””按按钮钮保保存存文文件件。。14使使用用制制作作网网页页框框架架步骤骤3：：插插入入表表格格。。将光光标标移移到到页页面面内内，，在在菜菜单单栏栏上上依依次次点点击击【【插插入入】】→→【【表表格格】】，，打打开开““插插入入表表格格””对对话话框框。。15使使用用制制作作网网页页框框架架步骤骤4：：设设置置整整个个表表格格属属性性。。选中中表表格格，，在在““属属性性””检检查查器器中中的的对对齐齐列列表表中中选选择择““居居中中对对齐齐””。。将将““背背景景颜颜色色””设设置置为为白白色色。。16学会会在在网网页页中中插插入入多多媒媒体体文文件件为网页中插入音频文件2为网页中插入图像文件1为网页中插入视频文件3为网页中插入动画文件417为为网网页页中中插插入入图图像像文文件件一个个页页面面仅仅有有文文本本会会非非常常单单调调，，很很难难吸吸引引人人的的目目光光，，所所以以必必须须在在文文档档中中加加入入其其他他元元素素，，如如图图像像。。如如果果能能在在网网页页设设计计中中恰恰当当地地运运用用图图像像，，既既能能使使网网页页美美观观生生动动而而且且富富有有生生机机，，又又能能体体现现网网站站的的风风格格和和特特色色图图像像，，加加深深用用户户对对网网站站的的良良好好印印象象。。应用用与与网网页页中中的的图图片片，，目目前前比比较较流流行行的的有有两两种种图图片片格格式式，，即即和和格格式式。。这这两两种种格格式式，，浏浏览览器器都都能能正正确确显显示示。。下下面面将将为为大大家家介介绍绍运运用用图图像像的的简简单单操操作作方方法法。。185.2.1为网网页中插插入图像像文件步骤1：：插入页页面背景景图片。。在完成任任务一的的操作后后，在““属性””检查器器中选择择“页面面属性””按钮打打开“页页面属性性”对话话框，选选择背景景图像为为目录下下的文件件夹下的的文件。。点击““应用””、“确确定”按按钮。195.2.1为网网页中插插入图像像文件205.2.1为网网页中插插入图像像文件步骤2：：在表格格内插入入图片。。将光标移移至表格格第一行行内，在在菜单栏栏上依次次点击【【插入】】→【图图像】，，打开““选择图图像源文文件”对对话框，，选择目目录下的的文件夹夹下的文文件，点点击“确确定”按按钮，在在弹出的的对话框框中点击击“确定定”按钮钮。215.2.1为网网页中插插入图像像文件步骤3：：在表格格内插入入背景图图片。将光标移移至表格格第二行行内，在在“属性性”检查查器中点点击背景景标题下下的图图标，，在打开开的对话话框中选选择文件件，点击击“确定定按钮””。步骤4：插入入导航条条文字。。将光标移移至表格格第二行行内，输输入“图图片|音音频|视视频|动动画”，，选中文文字后，，在“属属性”检检查器中中设置字字号为24，文文本颜色色为白色色。225.2.1为网网页中插插入图像像文件步骤5：：插入内内容文字字。将光标移移至表格格第三行行内，在在菜单栏栏上依次次点击【【插入】】→【图图像】，，打开““选择图图像源文文件”对对话框，，选择目目录下的的文件夹夹下的文文件，点点击“确确定”按按钮，在在弹出的的对话框框中点击击“确定定”按钮钮。235.2.1为网网页中插插入图像像文件245.2.2为网网页中插插入音频频文件步骤1：：将文件件复制三三份，文文件名称称分别为为、、，，全部存存放在文文件夹下下。步骤2：：删除图图像。打开文件件，选中中第三行行中的图图片，按按住键删删除图像像。255.2.2为网网页中插插入音频频文件步骤3：：插入音音频文件件。将光标移移至表格格第三行行内，在在菜单栏栏上依次次点击【【插入】】→【媒媒体】→→【插件件】，打打开“选选择文件件”对话话框，选选择目录录下的文文件夹下下的3文文件，点点击“确确定”按按钮，在在弹出的的对话框框中点击击“确定定”按钮钮。265.2.2为网网页中插插入音频频文件步骤4：：设置音音频文件件显示大大小。选中音频频文件，，在“属属性”检检查器中中设置宽宽为770，高高为200。高高和宽的的值确定定音频控控件在浏浏览器中中以多大大的大小小显示。。275.2.1为网网页中插插入图像像文件285.2.3为网网页中插插入视频频文件步骤1：：删除图图像。打开文件件，选中中第三行行中的图图片，按按住键删删除图像像。步骤2：插入入视频文文件。将光标移移至表格格第三行行内，在在菜单栏栏上依次次点击【【插入】】→【媒媒体】→→【插件件】，打打开“选选择文件件”对话话框，选选择目录录下的文文件夹下下的文件件，点击击“确定定”按钮钮，在弹弹出的对对话框中中点击““确定””按钮。。295.2.3为网网页中插插入视频频文件步骤3：设置置视频文文件显示示大小。。选中视频频文件，，在“属属性”检检查器中中设置宽宽为600，高高为400。高高和宽的的值确定定视频控控件在浏浏览器中中以多大大的大小小显示。。305.2.4为网网页中插插入动画画文件步骤1：：删除除图像像。打开文文件，，选中中第三三行中中的图图片，，按住住键删删除图图像。。步骤2：：插入入动画画文件件。将光标标移至至表格格第三三行内内，在在菜单单栏上上依次次点击击【插插入】】→【【媒体体】→→【】】，打打开““选择择文件件”对对话框框，选选择目目录下下的文文件夹夹下的的文件件，点点击““确定定”按按钮，，在弹弹出的的对话话框中中点击击“确确定””按钮钮。315.2.4为网网页中中插入入动画画文件件步骤3：：设置置视频频文件件显示示大小小。选中视视频文文件，，在““属性性”检检查器器中设设置宽宽为600，高高为400。高高和宽宽的值值确定定视频频控件件在浏浏览器器中以以多大大的大大小显显示。。32学会多多媒体体网页页的合合成为网页建立超文本、超媒体2了解超文本、超媒体技术1335.3.1了解解超文文本、、超媒媒体技技术多媒体体是融融合两两种或或者两两种以以上媒媒体的的一种种人-机交交互式式信息息交流流和传传播媒媒体，，使用用的媒媒体包包括文文字、、图形形、图图像、、声音音、动动画和和电视视图像像()的。。多媒媒体是是超媒媒体系系统中中的一一个子子集，，超媒媒体系系统是是使用用超链链接构构成的的全球球信息息系统统，全全球信信息系系统是是因特特网上上使用用协议议和协协议的的应用用系统统。二二维的的多媒媒体网网页使使用来来编写写，而而三维维的多多媒体体网页页使用用来编编写。。在目目前许许多多多媒体体作品品使用用光盘盘存储储器发发行，，在将将来多多媒体体作品品更多多地使使用网网络来来发行行。345.3.1了解解超文文本、、超媒媒体技技术多媒体体使用用具有有划时时代意意义的的"超超文本本"思思想与与技术术组成成了一一个全全球范范围的的超媒媒体空空间，，通过过网络络、只只读光光盘存存储器器(，，)、数数字多多能光光盘(，，)和多多媒体体计算算机，，人们们表达达、获获取和和使用用信息息的方方式和和方法法将产产生重重大变变革，，对人人类社社会产产生长长远和和深刻刻的影影响。。355.3.1了解解超文文本、、超媒媒体技技术1.超超文本本的概概念超文本本是一一种文文本，，它和和书本本上的的文本本是一一样的的。但但与传传统的的文本本文件件相比比，它它们之之间的的主要要差别别是，，传统统文本本是以以线性性方式式组织织的，，而超超文本本是以以非线线性方方式组组织的的。这这里的的"非非线性性"是是指文文本中中遇到到的一一些相相关内内容通通过链链接组组织在在一起起，用用户可可以很很方便便地浏浏览这这些相相关内内容。。这种种文本本的组组织方方式与与人们们的思思维方方式和和工作作方式式比较较接近近。365.3.1了解解超文文本、、超媒媒体技技术375.3.1了解解超文文本、、超媒媒体技技术超链接接()是是指文文本中中的词词、短短语、、符号号、图图像、、声音音剪辑辑或影影视剪剪辑之之间的的链接接，或或者与与其他他的文文件、、超文文本文文件之之间的的链接接，也也称为为“热热链接接()””，或或者称称为““超文文本链链接()”。。385.3.1了解解超文文本、、超媒媒体技技术2.超超媒体体的概概念超媒体体不仅仅可以以包含含文字字而且且还可可以包包含图图形、、图像像，动动画、、声音音和电电视片片断，，这些些媒体体之间间也是是用超超级链链接组组织的的，而而且它它们之之间的的链接接也是是错综综复杂杂的。。395.3.2为网网页建建立超超文本本、超超媒体体超链接接是多多媒体体网页页中一一个不不可缺缺少的的要素素，在在一个个文档档中可可以创创建几几种类类型的的链接接：链链接到到其它它文档档或文文件（（如图图形、、影片片、或或声音音文件件）的的链接接；命命名锚锚记链链接，，此类类链接接跳转转至文文档内内的特特定位位置。。电子子邮件件链接接，此此类链链接新新建一一个收收件人人地址址已经经填好好的空空白电电子邮邮件；；空链链接和和脚本本链接接，此此类链链接使使您能能够在在对象象上附附加行行为，，或者者创建建执行行代码码的链链接。。创建建链接接之前前，一一定要要清楚楚文档档相对对路径径、站站点根根目录录相对对路径径以及及绝对对路径径的工工作方方式。。405.3.2为网网页建建立超超文本本、超超媒体体步骤1：：选择择对象象。打开文文件，，选中中导航航栏中中的““图片片”两两字。。步骤2：添添加超超链接接。选中对对象后后，在在在““属性性”检检查器器中链链接标标题后后的文文本框框中输输入““”，，也可可以点点击链链接标标题下下的图图标标，在在打开开的对对话框框中选选择文文件，，点击击“确确定””按钮钮。415.3.2为网网页建建立超超文本本、超超媒体体425.3.2为网网页建建立超超文本本、超超媒体体步骤3：依依照步步骤1和步步骤2的操操作，，依次次为导导航栏栏中的的“音音频””、““视频频”、、“动动画””等文文字添添加超超链接接。步骤4：：打开开、、、等文文件，，对页页面中中的导导航栏栏进行行超链链接设设置。。435.3.2为网网页建建立超超文本本、超超媒体体文档的的位置置和路路径：：绝对路路径（（例如如：））。文档相相对路路径（（例如如））。站点根根目录录相对对路径径（例例如））。。44本模块块主要要介绍绍利用用规划划制作作多媒媒体网网页的的一般般方法法。通通过本本模块块的学学习和和实训训，学学生应应掌握握利用用8设计计多媒媒体网网页、、插入入多媒媒体文文件、、和网网页合合成的的方法法。总结45ThankYou!谢谢谢1月-2320:39:5820:3920:391月-231月-2320:3920:3920:39:581月-231月-2320:39:582023/1/520:39:589、静夜夜四无无邻，，荒居居旧业业贫。。。1月月-231月月-23Thursday,January5,202310、雨中黄黄叶树，，灯下白白头人。。。20:39:5820:39:5820:391/5/20238:39:58PM11、以我独沈沈久，愧君君相见频。。。1月-2320:39:5820:39Jan-2305-Jan-2312、故人江海别别，几度隔山山川。。20:39:5820:39:5820:39Thursday,January5,202313、乍见翻翻疑梦，，相悲各各问年。。。1月-231月-2320:39:5920:39:59January5,202314、他乡生白发发，旧国见青青山。。05一月20238:39:59下午20:39:591月-2315、比不了了得就不不比，得得不到的的就不要要。。。一月238:39下午午1月-2320:39January5,202316、行动出成果果，工作出财财富。。2023/1/520:39:5920:39:5905January202317、做做前前，，能能够够环环视视四四周周；；做做时时，，你你只只能能或或者者最最好好沿沿着着以以脚脚为为起起点点的的射射线线向向前前。。。。8:39:59下下午午8:39下下午午20:39:591月月-239、没有有失败败，只只有暂暂时停停止成成功！！。1月-231月-23Thursday,January5,202310、很多事情情努力了未未必有结果果，但是不不努力却什什么改变也也没有。。。20:39:5920:39:5920:391/5/20238:39:59PM11、成功功就是是日复复一日日那一一点点点小小小努力力的积积累。。。1月-2320:39:5920:39Jan-2305-Jan-2312、世间成成事，不不求其绝绝对圆满满，留一一份不足足，可得得无限完完美。。。20:39:5920:39:5920:39Thursday,January5,202313、不知香积寺寺，数里入云云峰。。1月-231月-2320:39:5920:39:59January5,202314、意意志志坚坚强强的的人人能能把把世世界界放放在在手手中中像像泥泥块块一一样样任任意意揉揉捏捏。。05一一月月20238:39:59下下午午20:39:591月月-2315、楚塞三湘湘接，荆门门九派通。。。。一月238:39下下午1月-2320:39January5,202316、少少年年十十五五二二十十时时，，步步行行夺夺得得胡胡马