第七章 多媒体作品的创作_第1页
第七章 多媒体作品的创作_第2页
第七章 多媒体作品的创作_第3页
第七章 多媒体作品的创作_第4页
第七章 多媒体作品的创作_第5页
已阅读5页,还剩89页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第七章多媒体作品的创作1多媒体技术及其医学应用第七章多媒体作品的创作第一节多媒体作品的创作概述第二节多媒体创作工具第三节HTML语言与网页制作2多媒体技术及其医学应用加工得到的文本、图像、动画、视频和声音只是一个个独立的文件而不是一个有机的整体,必须使用多媒体合成工具将它们按要求连接起来,形成完整的多媒体作品。本章重点介绍基于图标和流程线的多媒体制作软件Authorware,HTML语言与网页制作。讲解多媒体作品的制作流程、对各种素材的处理手法、人机交互的设置等技术。3多媒体技术及其医学应用第一节多媒体作品的创作概述一、总体设计与脚本编写二、收集与整理素材三、制作多媒体作品4多媒体技术及其医学应用第一节多媒体作品的创作概述多媒体作品的开发主要采用快速原型设计思想,就是结构化、自顶向下、逐步精细的设计思路。虽然根据不同目标开发的多媒体作品,功能不同,表现方式也不相同,但开发流程是基本相同的,一般都是在需求分析的基础上进行总体规划设计,然后创作脚本,根据需求进行素材的收集和整理,从而完成媒体的集成,通过调试测试,最终完成作品的发布。5多媒体技术及其医学应用(一)总体设计作品的总体设计指在对主题进行整体分析的基础上进行构思,通常包括作品结构的设计、所需素材和总体风格的确定等,然后确定多媒体作品中各部分的组成方式及各种素材的连接方式,从而形成一个有机的步骤。6多媒体技术及其医学应用(二)脚本编写根据多媒体作品的开发规模和组织的不同,脚本的含义、详细程度和内容等方面也会有很大的差异。编写脚本并没有统一的分类和标准。脚本就是多媒体模块的设计方案的具体体现,包含了对多媒体模块内容、交互控制方式、声音以及屏幕美术设计等方面的详细描述,脚本相当于影视拍摄中的剧本,因此它是多媒体产品成功的关键因素之一。7多媒体技术及其医学应用脚本的总体设计是对整个脚本的版面、图形文字、内容呈现方式、颜色基调和音乐节奏等项目的整体规划和设计的过程。脚本的写作首先要根据所表现主题的需要确定表达方式,然后对涉及到的所有信息资料进行分析,设计每个屏幕对象的呈现方式、呈现顺序、呈现时的美术变化、声音效果和色彩基调。脚本的内容分析指由软件开发人员共同分析撰写脚本时产生的有关文件,明确脚本的主题、使用对象和表现基调,充分了解脚本作者的原意。脚本详细设计是根据总体设计所确定的原则和方向,进行更进一步的细节描述和素材的准备工作。(二)脚本编写8多媒体技术及其医学应用二、收集与整理素材素材的整理与收集就是根据需要,对各种媒体,例如文字、图形、图像、声音、动画、视频等进行整理和收集。素材的收集与整理尽管比较琐碎,但对整个系统来说是至关重要的。在收集素材时可以分类别进行收集,例如,可以分为文字、图片、动画、视频和已有模块等。在使用相关软件处理好素材后,注意保存的目录应该有层次,目录名称应该用中文,并且标明时间,以便调用。获取素材常用的方法是从素材库、光盘或因特网的相应网站下载获得,这种方法相对容易,但往往不能满足人们的需求,有时需要自己制作多媒体素材。9多媒体技术及其医学应用获取图形、图像、声音、视频和动画媒体素材的一般方法:(一)获取图形、图像在计算机中,可以利用键盘上的PrintScreen功能键或相关的软件来抓取屏幕图像。除此之外,还可以通过扫描仪、数码相机等设备获取图像。(二)获取声音声音文件包括WAV文件、MIDI文件、CD文件、MP3文件等。可以利用Windows的“录音机”程序录制语音,制成WAV文件。10多媒体技术及其医学应用(三)获取视频计算机中常见的视频文件有VCD、AVI等。获取视频的方法有很多种,最常用的是通过多媒体播放软件截取影像。(四)获取动画制作动画的软件很多,例如,制作二维动画的软件有AnimatorPro、IconAnimate等。一些多媒体编辑工具,如Authorware、方正奥思、Director、Flash等,也具有制作二维动画的功能。制作三维动画的软件主要有3DSMAX。获取图形、图像、声音、视频和动画媒体素材的一般方法:11多媒体技术及其医学应用三、制作多媒体作品多媒体作品采用的是模块化结构,总共分成几个模块,每个模块又分成几层,分别表现什么内容,要达到什么目的,每一个模块与其它模块是什么关系,它有些什么特点,相互之间如何进行交互,要采用哪些检索手段等等,都应给出一个总体的规划。多媒体作品虽然要分成多个模块,又是由多个人来进行创作,但要注意,一个作品应当有一个统一的风格。作品的综合评估主要是对其科学性、教育性、艺术性等进行评估,提出修改意见,最终评估是要在使用的实践过程中进行的。打包后的多媒体作品就可以脱离其制作软件直接运行,形成可执行文件后既不能对文件进行修改,也不能看到程序的具体内容了。12多媒体技术及其医学应用第二节多媒体创作工具一、多媒体创作概述二、制作片头:显示、运动、擦除、等待、组图标三、程序整体框架:交互、框架、导航图标四、声音的控制:声音、计算图标五、视频动画的处理:视频图标、插入媒体六、片尾制作:函数与变量七、AuthorWare医学多媒体作品制作实例13多媒体技术及其医学应用第二节多媒体创作工具一、多媒体创作概述多媒体创作工具,也称为多媒体开发平台、多媒体著作系统、多媒体写作系统或者多媒体编辑软件,其主要功能是将文字、图像、声音、动画和视频等多媒体素材按照需求结合,形成表现力强、交互性强且可在本地主机或网络上传输运行的多媒体应用系统。常见的多媒体应用系统的创作工具很多,有方正奥思、洪图(HongTool)、青鸟师友(JBMT)、几何画板、Action、Authorware、Director、Dreamweaver、Flash、FrontPage、PowerPoint、ToolBook、VisualBasic等。Macromedia公司推出的多媒体制作软件Authorware是一款优秀的交互式多媒体集成开发工具。14多媒体技术及其医学应用Authorware的主要特点:为设计者提供了直观的流程线控制界面。提供了多样化的交互响应方式。可直接在屏幕上编辑对象。支持Flash和Director交互动画。强有力的数据处理能力。强大的功能扩展特性。不断扩充的知识对象。强化网络应用功能。具有良好的用户界面。15多媒体技术及其医学应用Authorware7.0的启动方法

选择任务栏中的“开始”→“程序”→“Macromedia”→“MacromediaAuthorware7.0”命令。在“新建”对话框中单击“取消”或“不选”。16多媒体技术及其医学应用Authorware7.0主界面的组成

流程设计窗口标题栏主流程线程序开始点程序结束点粘贴指针工具栏图标栏17多媒体技术及其医学应用二、制作片头

(一)显示显示图标是用来绘制图形、输入文字、显示图像的。显示图标是Authorware中最基本和重要的一项功能,灵活并有创意性地应用此项功能是Authorware的基础。

1.添加图像的方式通过导入按钮添加图像通过菜单方式添加图像通过粘贴方式添加图像18多媒体技术及其医学应用2.创建图形(1)将一个显示图标或交互图标拖拽到流程线上。(2)双击显示图标打开演示窗口和绘图工具面板。(3)用鼠标单击某项,就可以执行此工具相应的功能。文本工具:用来在演示窗口中输入文字。

直线工具:用于创建水平、垂直及45o角的直线。

斜线工具:用于绘制任意角度的直线。

多边形工具:用于绘制任意形状。选取工具:作用是选择演示窗口中的对象,被选中的对象四周会出现控制句柄,通过它们能调节对象的大小。

矩形工具:用于绘制矩形,如果在绘图的同时按下【Shift】键可绘制正方形。

椭圆工具:用于绘制椭圆,如果在绘图的同时按下【Shift】键可绘制正圆。

圆角矩形工具:用于绘制圆角矩形,可以拖动左上角的句柄调节圆角的大小。

调整文字、线条、边框的颜色设置封闭图形的填充颜色

设置图形的线型,上面部分用于设置线条,下面用于设置有无箭头。设置图形的填充底纹

19多媒体技术及其医学应用(4)设置显示效果对于显示图标中的对象,可以根据需要设置一些独特的显示属性以增强演示效果,比如分层显示、过渡效果、定位显示等,都可以实现。选中流程线上的一个显示图标,然后在菜单栏中选择“修改(M)→图标(I)”→属性(P)”,或单击鼠标右键,在快捷菜单中选择“属性”命令,打开显示图标的属性面板,名称框当前显示对象所在的层次设置过渡效果设置显示对象在演示窗口中的位置

设置显示对象是否可以移动

20多媒体技术及其医学应用(二)运动Authorware7.0可以通过“移动”图标使对象运动起来,但它改变的只是对象的位置,而对象的大小、形状、方向等均不能改变。“移动”图标本身不能加入被移动的对象,它控制的是流程线上的其他对象。该对象可以是文字、图片、动画、数字化电影或插件等显示对象。它们可以通过“显示”图标、“交互”图标、“数字电影”图标或其他方法被加入到程序中。21多媒体技术及其医学应用1.设置“移动”图标如果让流程线上的某个图标中的对象运动,就必须将“移动”图标放在移动对象的后面,然后选中“移动”图标,并打开“移动”图标属性面板。选择移动对象的速度度量单位。

代表移动类型,有五种:指向固定点,指向固定直线上的某点,指向固定区域内的某点,指向固定路径的终点,指向固定路径上的任意点22多媒体技术及其医学应用(三)擦除使用“擦除”图标可以擦除已经显示的任何图标的内容。设置擦除对象时,确保“擦除”图标放在擦除对象的后面。设置擦除时的过渡效果。

该选项被选中时,只有擦除当前对象之后才显示下一个对象,即擦除对象和显示对象的过渡效果将不会同时发生。23多媒体技术及其医学应用(四)等待可以通过“等待”图标实现程序的停顿。通过将图标工具箱中的“等待”图标拖动到流程线上和合适位置来完成“等待”图标的导入。当程序执行到“等待”图标时,程序会暂停,并在画面上出现按钮,单击该按钮,流程继续向下运行。指定“等待”结束的事件。

设置等待的时间。

显示倒计时:只有在“时限”后面输入了时间,该项才可用。选中该项,在程序暂停时将显示一个时钟图标,不断地显示剩余时间。显示按钮:选中该项将显示一个等待按钮。单击按钮,程序往下执行。

24多媒体技术及其医学应用(五)图标的群组当流程线上的图标越放越多时,设计窗口将无法容纳它们,将部分图标制作成群组是最好的选择。将连续的图标归为一组的方法是:首先选中它们,然后单击“修改(M)→群组(G)”命令,或按【Ctrl+G】组合键即可将图标归为一组。将已归为群组的图标恢复原状的方法是:选中群组图标,再单击“修改(M)→取消群组(U)”命令,或按【Ctrl+Shift+G】组合键即可。25多媒体技术及其医学应用三、程序整体框架

程序流程线和图标作为Authorware7.0最基本的操作方式,它们将沿着单一的路径从一个图标执行到下一个图标。但是,随着程序的深入,这种单一的顺序执行方式已不能满足用户的更高要求。例如,在处理多页文本时,用户根据需要向前或向后浏览;或者和浏览网页一样,根据需要返回已经浏览过的某一页;或者是在不改变当前页的情况下转到术语表或者帮助页面。这些与前面介绍的顺序执行方式不同。为了解决这个问题,Authorware7.0提供了“交互”图标、“导航”图标和“框架”图标,通过这些图标的配合使用,可以更好地实现程序与用户之间的交互性。26多媒体技术及其医学应用(一)人机交互Authorware7.0提供了11种人机交互方式:按钮交互、热区域交互、热对象交互、目标区交互、下拉菜单交互、条件交互、文本输入交互、按键交互、重试限制交互、时间限制交互和事件交互。所有的交互方式都要通过工具箱中的交互按钮来实现。1.按钮交互按钮交互是交互响应类型中最普通的一种,也是交互程序中使用最广泛的交互形式。用此功能可以自动地在屏幕上建立一个按钮,通过单击按钮进行选择。27多媒体技术及其医学应用双击“交互”图标右边的按钮响应类型标识符,就会打开按钮响应属性面板,设置按钮交互的属性。设定交互类型

调整按钮的大小

设置按钮的位置

设置按钮的标题

设置按钮的热键

设置当光标移动到按钮上方时的形状。

选择“永久”选项后,只要按钮未被擦除,就会一直在演示窗口中,单击按钮后马上可以进行交互。

可以在文本框中输入一个变量或表达式,如果值为真,该按钮才起作用。擦除:有四种擦除方式

有三种分支方式,用于选择结果路径,不同的结果路径将导致不同的程序流向

28多媒体技术及其医学应用2.热区域交互热区域交互与按钮交互非常相似,它的创建过程与按钮交互大致相同,只不过这时所定义的不再是按钮对象,而是展示窗口中的一块矩形区域。热区域交互可把任意长方形区域或者整个屏幕定义成热区域,当用户单击、双击或停留在热区域上时就进入交互响应。29多媒体技术及其医学应用3.热对象交互热对象交互和热区域交互有许多相似之处,但它们也有各自的特点。热对象交互是通过单击、双击激活对象进行交互,与热区域交互的不同之处在于:前者是针对对象进行交互,后者是对一个矩形固定区域进行交互。建立了热对象交互分支后,单击响应类型标识符,即可打开属性面板。在展示窗选择了一个物体作为热对象后,该对象的图标名称就会显示在热对象栏中,同时在预览窗口也会显示出热对象的缩略图。30多媒体技术及其医学应用4.目标区交互目标区交互是要求用户将指定对象移动指定区域时发生的交互。这是一种动态的交互,可让使用者拖动演示窗口上的对象到某一固定的区域,根据不同的目的地做出不同的响应。目标区交互至少由3个图标组成:目标对象(可以是显示图标也可以是动画图标)、交互图标和群组图标。把一个组合图标或群组图标放置在流程线上交互图标的右侧,在弹出的交互类型对话框中选择目标区类型。31多媒体技术及其医学应用5.下拉菜单交互下拉菜单是Windows窗口中最常见的菜单。在默认情况下,演示窗口只有一个“文件”菜单,它的下拉菜单中也只有“退出”命令。利用交互响应中的下拉菜单交互,可以在多媒体程序中添加多个命令。把一个群组图标放置于流程线上交互图标的右侧,在弹出的“交互类型”对话框中选择下拉菜单类型,于是交互图标的右侧增加了一个交互类型为下拉菜单的分支流程。32多媒体技术及其医学应用6.条件交互条件交互是设计满足指定条件时的交互。条件交互类型是根据在程序的运行过程中所设置的条件是否得到了满足来匹配交互的,这些条件一般通过函数或表达式的值为True或False等形式来设置。33多媒体技术及其医学应用7.文本输入交互文本输入交互可以用来接受键盘输入的文字、数字、符号,如果输入的文字(数字)与交互的标题名称相吻合,则此交互发生作用。34多媒体技术及其医学应用8.按键交互按键交互是指操作指定按键时发生的交互。在多媒体程序设计中,按键交互常用来创建一个多选择的交互作用分支结构。对于习惯使用键盘操作的用户来说,按键交互比其他交互更快捷、方便。35多媒体技术及其医学应用9.时间限制交互时间限制交互用来限制用户的操作时间。它很少单独使用,主要作为其他交互类型的辅助交互,例如经常作为文本输入交互的辅助交互。36多媒体技术及其医学应用10.重试限制交互重试限制交互用来限制用户的操作次数。如果不希望用户无限次地重试某一个响应匹配时,如无限次地重试密码或答案等,可以采用重试限制响应来控制重试的次数。和时间限制交互一样,重试次数交互一般情况下很少单独使用,主要作为其他交互类型的辅助交互。37多媒体技术及其医学应用11.事件交互事件交互类型是一种比较特殊的交互方式。是运用于计算机同Xtras文件的交互作用,该交互涉及Windows中ActiveX控件的内容,概念相对比较复杂,所以一般的编程人员在Authorware中很少使用到该交互。38多媒体技术及其医学应用(二)框架1.框架图标框架图标是一个特殊的功能模块化的复合型设计图标,其主要功能是建立多媒体框架结构,如导航图标、超文本链接等。框架图标实际上是一些图标的组合,比如由显示图标、交互图标和导航图标等设计图标组成。将一个框架结构图标拖动到主流程线上,双击该框架结构图标,就能打开框架结构设计窗口。入口窗格

出口窗格

拖动滑块,可以改变窗格大小。

39多媒体技术及其医学应用(三)导航1.导航图标导航图标用于程序内部模块或图标之间的跳转,它可以位于程序流程线上的任何位置。不过,充分体现出其控制程序跳转执行功能的常见位置是在框架图标内。导航图标是构成导航结构的基础,主要用于建立超链接。2.导航图标的属性导航图标的属性除了描述图标的通用属性之外,主要有目的地属性。导航图标的目的地有最近、附近、任意位置、查找、计算几种类型。40多媒体技术及其医学应用四、声音的控制

(一)声音图标声音是多媒体非常重要的媒体素材之一,声音能够作为描述性信息,增强场景表现效果,表现场景的变化,甚至作为应用的主要焦点。Authorware可以在程序中使用多种格式的声音文件,但不能编辑制作声音文件。Authorware中所使用的声音文件只能使用其他软件来编制制作,通过声音图标加载到程序中,并进行声音播放的有效控制。1.导入声音先创建声音图标,通过声音图标导入声音通过工具栏导入按钮导入声音直接将声音文件拖入声音图标41多媒体技术及其医学应用2.声音图标的属性声音图标的主要属性有图标名称、声音和计时属性,利用选项卡组织在声音图标属性面板中。声音图标属性面板左侧是描述声音图标的基本信息、声音文件预览控制窗口和导入按钮。42多媒体技术及其医学应用(二)计算图标计算图标的主要作用是在程序中引入函数和变量,从而实现程序中的数据的运算、过程的控制等。此外,计算图标还可以放置程序的注释信息,增强程序的可读性。43多媒体技术及其医学应用五、视频动画的处理

(一)视频图标在Authorware7.0中,如果要播放大容量的影音资料,可以使用视频图标。播放视频需要相应的硬件支持。拖动视频图标到流程线上,双击该图标,打开视频图标属性面板。该对话框有“视频”、“计时”和“版面布局”三个选项卡。(二)电影图标利用电影图标可以在程序中播放高质量的数字电影。电影的添加方法和声音的添加方法一样。44多媒体技术及其医学应用六、片尾制作

(一)变量Authorware中的变量是用来记录某种信息的。使用变量可以存储数值,确定用户操作的层次,构建操作报告,控制应用程序的进行,用来完成某段任务代码。变量、函数一般用在计算图标、图标的属性面板以及显示文本的嵌入代码中。在Authorware中,变量分为系统变量和自定义变量两大类。Authorware中的系统变量总是以大写字母开头,变量中不包含空格。语法形式为:系统变量名@“图标名”45多媒体技术及其医学应用可以给系统变量赋值来控制程序的进行。例如,令系统变量Movable为真或假来告诉系统是否要移动某个对象。而有些系统变量(如TimeRemaining)的值是由系统决定的,用户只能读取而不能修改。单击常用工具栏上的【变量】图标按钮,打开“变量”面板。所有的系统变量和当前应用程序使用的自定义变量都可以在列表框中找到。46多媒体技术及其医学应用(二)函数所有的程序设计语言都提供了函数这样一个工具。可以把函数看成是具有特定功能的一段独立的代码。函数通常指能够实现某种指定功能的程序语句段,并通过一个函数名来表示,当程序设计过程中需要实现某一功能时,只需调用事先编写好的具有实现该功能的函数,而无须重新编写,这无疑有利于程序的结构化和模块化。Authorware7.0提供了18类系统函数。字符、CMI、文件、框架、概要、图形、图标、跳转、语法、列表、数学、网络、OLE、平台、目标、时间、视频和Xtras(外部扩展)。47多媒体技术及其医学应用七、AuthorWare医学多媒体作品制作实例简易影像图片册的制作首先,准备好相应的素材:图片册中需要的影像图片,以及需要的其他图片文件,例如背景图片。新建一个文件,保存为“简易影像图片册.a7p”。打开文件属性面板,设置文件属性。在“大小”后选择“800×600(SVGA)”,在选项“选项”后取消“显示标题栏”和“显示菜单栏”的选择,选中“居中屏幕显示”。48多媒体技术及其医学应用在流程线上放置一个“显示”图标,命名为“背景”,在其中导入素材文件夹中的“背景.jpg”文件作为背景。将一个“框架”图标放置在流程线上“背景”图标下方,命名为“分类”。双击“分类”图标,打开其结构编辑窗口,这里只保留3个分支项:“胸腔”、“头部”和“手足”。把其余的交互响应和作为按钮底板的“显示”图标删除,并且把保留的交互响应的响应类型更改为“热区域响应。49多媒体技术及其医学应用在出口段加入一个“计算”图标,命名为“退出”,在其中输入以下语句:Quit()拖动一个“群组”图标到“框架”图标“分类”的右边,命名为“胸腔”。双击该“群组”图标打开其二级流程编辑窗口。拖动一个“框架”图标,命名为“胸腔”。修改该“框架”图标的控制结构。只保留两个分支:“上一页”和“下一页”,并把交互类型更改为“热区域”交互。50多媒体技术及其医学应用关闭“框架”图标“胸腔”的结构设计窗口回到“群组”图标“胸腔”的流程线上。在“框架”图标的右侧放置若干个“显示”图标,每个“显示”图标都可以导入一张影像图片,并调整图片在背景中的位置,以达到合适的效果。这里放置了两个“显示”图标,分别命名为“第一幅”和“第二幅”。51多媒体技术及其医学应用关闭“群组”图标“胸腔”的编辑窗口,回到“简易影像图片册”的主流程线上。按照“群组”图标“胸腔”的制作过程,依次制作“群组”图标“头部”和“手足”。52多媒体技术及其医学应用制作完毕之后,点击工具栏上的【运行】按钮,就可以使用制作完成的“简易影像图片册”进行浏览影像图片了53多媒体技术及其医学应用第三节HTML语言与网页制作一、HTML的基本结构和元素属性二、HTML基本元素三、HTML的超链接与插入图片四、网页集成软件Dreamweaver简介五、Dreamweaver的站点管理和网页发布六、运用Dreamweaver制作含表格、样式表、表单和框架的页面七、Dreamweaver中使用脚本和对象54多媒体技术及其医学应用一、HTML的基本结构和元素属性HTML(HypertextMarkedLanguage,即超文本标记语言)是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台。所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML超文本文件需要用到一些标签。在HTML中每个用来作标签的符号都是一条命令,它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。这些标签符号用“<标签名字属性>”来表示。55多媒体技术及其医学应用HTML文件由标记、文本和URL组成。标记(Tag)是HTML的基本元素,大多数成对出现.格式为:<标记属性1=属性值属性2=属性值…>受标记影响的内容</标记>例如,字体标记<FONT>,有属性size和color等。属性size表示文字的大小,属性color表示文字的颜色。如:<FONTsize=3color=“red”>属性示例</FONT>56多媒体技术及其医学应用二、HTML基本元素

HTML文档主要由头部元素(HEAD)和主体元素(BODY)组成。头部用来定义页面的标题等信息,主体用来定义页面的内容。HTML文件的基本结构一般可描述如下:<HTML><HEAD><TITLE>网页的标题</TITLE></HEAD><BODY>网页的内容</BODY></HTML>其中,<HTML>和</HTML>标记用于识别HTML文件,在文档中是成对出现的。<HEAD>和</HEAD>表示网页的头部,用来说明文件命名和与文件本身相关的信息。可以包括网页的标题部分:<TITLE>……</TITLE>,一个网页只能有一个标题。<BODY>和</BODY>表示网页的主体即正文部分。57多媒体技术及其医学应用HTML的其他标记元素

标题元素<hn>标题元素有6种,分别为h1,h2,…h6,用于表示文章中的各种题目。标题号越小,字体越大。例7-7.html<html><body><h1>这是1号标题</h1><h2>这是2号标题</h2><h3>这是3号标题</h3><h4>这是4号标题</h4><h5>这是5号标题</h5><h6>这是6号标题</h6></body></html>58多媒体技术及其医学应用段落元素<P>由<p>标签所标识的文字,代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符,也就是要隔一行空白行,用以区别文字的不同段落。它可以单独使用,也可以成对使用。格式:<P><PALIGN=参数>其中ALIGN是<p>标签的属性,属性有三个参数left、center、right。这三个参数设置段落文字的左、中、右位置的对齐方式。HTML的其他标记元素59多媒体技术及其医学应用例:7-8.html<html><head><title>测试分段控制标签</title></head><body><p>花儿什么也没有。它们只有凋谢在风中的轻微、凄楚而又无奈的吟怨,就像那受到了致命伤害的秋雁,悲哀无助地发出一声声垂死的鸣叫。</p><palign="right">或许,这便是花儿那短暂一生最凄凉、最伤感的归宿。</p><palign=center>而美丽苦短的花期</p><palign="left">却是那最后悲伤的秋风挽歌中的瞬间插曲。</p></body></html>60多媒体技术及其医学应用(三)换行元素<br/>换行元素是个单标签,也叫空标签,不包含任和内容,在html文件中的任何位置只要使用了<br>标签,当文件显示在浏览器中时,该标签之后的内容将显示下一行。例:7-9.html<html><head><title>换行示例</title></head><body>无换行标记:登鹳雀楼白日依山尽,黄河入海流。欲穷千里目,更上一层楼。<br>有换行标记:<br>登鹳雀楼<br>白日依山尽,<br>黄河入海流。<br>欲穷千里目,<br>更上一层楼。</body></html>61多媒体技术及其医学应用三、HTML的超链接与插入图片HTML文件中最重要的应用之一就是超链接,超链接是一个网站的灵魂,Web上的网页是互相链接的,单击被称为超链接的文本或图形就可以链接到其它页面。超级链接除了可链接文本外,也可链接各种媒体,如声音、图象、动画,通过它们我们可享受丰富多彩的多媒体世界。建立超链接的标签为<A>和</A>格式为:<AHREF="资源地址"TARGET="窗口名称"TITLE="指向连接显示的文字">超链接名称</A>用图形做链接时只要把显示图像的标志<img>嵌套在<AHREF=“URL”></A>之间就能实现图像链接的效果。当鼠标指向“超链接名称”处时会变成手状,单击这个元素可以访问指定的目标文件。62多媒体技术及其医学应用例:7-10.html<HTML><HEAD><TITLE>链接到http://</TITLE></HEAD><BODY><CENTER><AHREF=""title="打开新浪首页"><imgsrc="1.gif"></A><BR><BR><AHREF="">清华大学</A><BR><BR><AHREF="">北京大学</A><BR><BR><AHREF=""target=_blank>上海外国语学院</A><BR></CENTER></BODY></HTML>63多媒体技术及其医学应用四、网页集成软件Dreamweaver简介Dreamweaver的出现是网页制作界的一大革新,从2.0版开始到现在最新的Dreamweaver8.0版本,做的都非常优秀。它能生成精简和高效的HTML源代码,并对其进行直接精确的控制,实现可视化环境和源代码编辑两者之间的融会贯通,便于用户对HTML的学习和理解。Dreamweaver有如下特点:优秀的制作效率。强大的控制能力。方便的网站管理。对模板和XML的支持。良好的兼容性。64多媒体技术及其医学应用在Windows中首次启动Dreamweaver8.0时,会出现一个对话框,用户可以从中选择一种工作区布局。如果用户以后改变了主意,可以使用“参数选择”对话框切换到一种不同的工作区。默认情况下,Dreamweaver8.0的主界面:65多媒体技术及其医学应用五、Dreamweaver的站点管理和网页发布(一)站点管理MacromediaDreamweaver8.0是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的Web站点。为了达到最佳效果,在创建任何Web站点页面之前,应对站点进行规划和设计。规划站点结构后,或者已有现有站点,在开始开发前必须在Dreamweaver中指定新站点。66多媒体技术及其医学应用Dreamweaver站点由三部分组成:本地文件夹远程文件夹动态页文件夹本地文件夹是工作目录。Dreamweaver将该文件夹称为“本地站点”。远程文件夹是存储文件的位置,这些文件用于测试、生产、协作等,具体取决于环境。Dreamweaver将该文件夹称为“远程站点”。

动态页文件夹是Dreamweaver处理动态页的文件夹。

67多媒体技术及其医学应用设置Dreamweaver站点的方法:使用“站点定义向导”,它可以逐步完成

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论