多媒体应用系统设计

多媒体应用系统设计第一页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统9.1.1多媒体教学软件

1．多媒体教学软件的基本要求 多媒体教学软件是一种根据教学目标设计的表现特定教学内容、反映一定教学策略的计算机教学系统。存储、传递、处理教学信息，交互操作，做出评价基本要求：正确表达学科知识内容；反映教学过程和教学策略；具有友好的人机交互界面；具有诊断评价和反馈功能。第二页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统

2．多媒体教学软件的类型

(1)课堂演示型课堂演示型多媒体教学软件是为了解决某一学科的教学重点与教学难点而开发的。这种类型的教学软件要求画面直观，尺寸比例较大，能按教学思路深入地展现。

(2)个别化交互型个别化交互型多媒体教学软件具有完整的知识结构，能反映一定的教学过程和教学策略，提供相应的练习供学生进行学习和评价，并设计友好的界面进行人机交互活动。第三页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统

(3)操练复习型操练复习型多媒体教学软件主要是通过问题的形式来训练和强化学生某方面的知识和能力。这种类型的教学软件在设计时要保证具有一定比例的知识点覆盖面，以便全面地训练和考核学生的能力和水平。

(4)资料工具型这种类型的多媒体教学软件可供学生在课外进行资料查阅使用，也可根据教学需要事先选定有关片段，配合教师讲解，在课堂上进行辅助教学。第四页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统

(5)教学游戏型教学游戏型多媒体教学软件是基于学科的知识内容，寓教于乐，通过游戏的形式让学生掌握学科的知识和能力，对这种类型的教学软件进行设计，要求趣味性强、游戏规则简单。第五页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统3．多媒体教学软件的教学设计(1)分析学生特征学生特征是指学生原有的认识结构和认识能力。(2)确定教学目标要确定教学目标，必须考虑3个因素，即教学内容、学生特征和社会需要。(3)合理选择与设计多媒体信息第六页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统(4)建立教学内容知识结构把软件所包含的教学内容，分解为若干个知识单元，每个知识单元又包含若干个知识点，找出各个知识点、知识单元之间的关系和联系方式。不同的联系方式形成了不同的教学结构，不同的教学结构体现了不同的教学策略。(5)形成性练习的设计形成性练习可以设计成提问的形式，包括3种方式：提问方式、应答方式和反馈方式。第七页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统

4．多媒体教学软件的教学过程多媒体教学软件是一种根据教学目标设计的、表现特定的教学内容的教学媒体。通常它是按照呈现信息、示范例子、操作复习、反馈强化和得出结论这样的教学路径完成教学任务的。第八页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统9.1.2多媒体电子出版物1．多媒体电子出版物分类与特点(1)多媒体出版物的分类 传统的出版物。 以缩微胶片、录音带、录像带等为代表的非纸面出版物。 以电、磁、光等为信息载体的数字信息存储形式的电子出版物。 以图、文、声、像等多种形式表现并且由计算机及其网络对这些信息以内在的统一方式进行存储、传送、处理及再利用的电子出版物，即多媒体电子出版物。第九页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统(2)多媒体出版物的特点 存储容量大，一张光盘可以存储几百本长篇小说。 媒体种类多，可以集成文本、图形、图像、动画、视频和音频等多媒体信息。 运输与携带方便，检索迅速；可长期保存，不会像纸面出版物那样有变色、发霉、虫蛀和粉化等现象。 及时传播，经由计算机网络可立即发行到国内外各地。 价格低廉，单位成本是普通图书的几分之一，甚至几百分之一。第十页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统2．电子出版物的制作(1)多媒体电子出版物的创作队伍多媒体电子出版物的创作队伍一般由编导、文字编辑、美术编辑、音频编辑、视频编辑和软件工程师组成。(2)多媒体电子出版物的创作过程① 选题。多媒体电子出版物的选题应考虑以下问题： 使用者范围、消费能力、采购动机；主题内容、资料版权；表现策略；播放环境；开发成本、周期、资源；价格定位；发行量；成本效益；市场竞争力；投资回报率；软件内容复杂程度；可行性分析。第十一页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统② 组织资源。多媒体电子出版物的资源包括多种媒体信息，如文字、图形、图像、声音、动画和影视等。③ 编写多媒体脚本。多媒体脚本是多媒体电子出版物的核心。制作节目目标、大纲与表现手法；流程图与故事分镜头表；节目系统功能规划；交互式功能规划；定义制作环境平台与播放系统(硬件与软件工具)；屏幕画面设计；使用者界面设计/交互式设计；各种媒体脚本撰写；商品化包装设计；设计文件撰写与评估。第十二页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统④ 编辑资源。编辑资源就是把组织好多媒体电子出版物的资源变成计算机能够接受的资源。⑤系统制作。多媒体电子出版物需要有软件工程师根据预先编写好的多媒体脚本，将各种制作好的文字、图形、图像、音频、动画等多媒体资料，利用现成的编辑工具、著作工具或程序进行集成，生成最终产品。第十三页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统⑥ 产品测试和优化。 节目内容的正确性测试；系统功能测试；执行效率测试；跨平台兼容性测试；内部人员测试；外部人员测试。⑦ 生产、发行。经过检查、优化，确认没有任何问题，就可以刻录成盘。同时，还需要编写使用说明书和宣传材料，进行产品包装等工作。第十四页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统9.1.3多媒体数据库系统数据库系统的一个重要特征是数据独立性用户对数据的任何操作(如查询、修改)不再是通过应用程序直接进行，而必须通过向数据库管理系统(DBMS)发送请求实现。

DBMS能够实现对数据的统一管理，包括存储、查询、处理和故障恢复等，同时还保证数据在不同用户之间能够共享。第十五页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统1．多媒体对数据库设计的影响(1)数据量巨大且媒体之间量的差异也极大，从而影响数据库的组织和存储方法。(2)媒体种类的增多增加了数据处理的困难。(3)数据库的多解查询。(4)多媒体不仅改变了数据库的接口，使其声、图、文并茂，而且也改变了数据库的操作形式，其中最重要的便是查询机制和查询方法。(5)多媒体信息的分布对数据库体系结构带来了巨大的影响。主要是指以WWW全球网络为基础的分布。(6)传统的事务一般都是短事务，在多媒体数据库管理系统中也应尽可能采用短事务。(7)多媒体数据管理还要考虑版本控制的问题。第十六页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统

2．多媒体数据的管理扩展关系数据库和多媒体面向对象数据库。

3．多媒体数据库管理系统多媒体数据库管理系统(MDBMS)的基本功能概括如下：

(1)多媒体数据库管理系统必须能表示和处理各种媒体的数据。

(2)多媒体数据库管理系统必须能反映和管理各种媒体数据的特性，或各种媒体数据之间的空间或时间的关联。

(3)多媒体数据库管理系统除必须满足物理数据独立性和逻辑数据独立性外，还应满足媒体数据独立性。第十七页，共八十九页，编辑于2023年，星期五9.1多媒体应用系统(4)多媒体数据库管理系统的数据操作功能。 提供比传统数据管理系统更强的适合非格式化数据查询的功能；提供浏览功能；提供构造解功能；对非格式数据还应视不同媒体提供不同的操作。(5)多媒体数据管理系统的网络功能。(6)多媒体数据库管理系统应具有开放功能，提供多媒体数据库的应用程序接口(API，ApplicationProgramInterface)。(7)多媒体数据库管理系统还应提供事务和版本管理功能。第十八页，共八十九页，编辑于2023年，星期五9.2人机界面设计9.2.1人机界面简介1．人机界面概念狭义的人机界面是指计算机系统中的人机界面(Human-ComputerInterface，HCI)，又称人机接口、用户界面(UserInterface)，它是计算机科学中最年轻的分支之一。人机界面是计算机科学与心理学、图形艺术、认知科学和人机工程学的交叉研究领域，是人与计算机之间传递和交换信息的媒介，是计算机系统向用户提供的综合操作环境。第十九页，共八十九页，编辑于2023年，星期五9.2人机界面设计2．人机界面的研究内容它的研究领域很广，包括硬件界面、界面所处的环境、界面对人(个人或群体)的影响、软件界面及人机界面开发工具等。3．人机界面设计的发展趋势从目前来看，人机界面设计会朝着高科技化、自然化和人性化方向发展。第二十页，共八十九页，编辑于2023年，星期五9.2人机界面设计9.2.2软件人机界面设计

1．软件人机界面软件人机界面的主要功能是负责获取、处理系统运行过程中的所有命令和数据，并提供信息显示。软件人机界面设计主要有以下几种方式： 命令语言界面设计；菜单界面设计；数据输入界面设计；直接操纵和WIMP(Windows,Icons,Menus,Pointers)界面设计；交互输入输出界面设计；响应时间和显示速率；帮助和出错界面设计。第二十一页，共八十九页，编辑于2023年，星期五9.2人机界面设计2．屏幕界面设计原则界面整体设计应遵循以下几个基本原则。(1)用户原则(2)一致性(3)简洁性(4)可理解性屏幕界面设计要力求做到美观、均衡、有创造性。要能快速地吸引用户的注意力并准确传递信息。第二十二页，共八十九页，编辑于2023年，星期五9.2人机界面设计9.2.3WindowsXP操作系统的界面设计

WindowsXP的界面设计鲜艳、活泼，它具有以下几个特征。1．鲜艳丰富的色彩，柔软的线条散发出生命的气息，装扮了WindowsXP多彩的界面。2．赏心悦目标题栏和任务栏有一种软塑胶的感觉，丰富多彩的三维按钮期待着用户的选择。第二十三页，共八十九页，编辑于2023年，星期五9.2人机界面设计

3．操作的简便化

WindowsXP增强了使用的简便性。

4．个性化根据自己的爱好和行业特征，用户可以定制界面的色彩、字体、布局等。

5．网络化浏览形式随着网络技术的发展以及互联网的普及，软件的浏览形式越来越与网页的浏览形式相互融合，提供简单、一致的操作。第二十四页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发9.3.1多媒体著作软件多媒体著作软件涉及多媒体技术、计算机技术、网络技术和通信技术，包含多种媒体类型的应用软件，且具有交互性，一般以光盘或以网络为发行载体。多媒体软件一般具有以下特点：存储容量大；媒体种类多；电子化、网络化；良好的交互性。多媒体著作从本质上讲属于应用软件范畴，但有其自己的特殊性。第二十五页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发首先，它是基于内容的，即多媒体著作包含用户所需的全部内容，用户只能进行浏览和学习，而不能进行添加和修改；其次，多媒体著作不管以哪种类型表现，其最终目的都是用来传播信息，给人以某种特定知识与技能，从这个意义上来说，多媒体著作软件又称为多媒体CAI课件，即用于教学的软件。基于以上特点，多媒体著作软件的开发与一般的应用软件的开发是有区别的。简单地说，多媒体著作软件的开发可以综合教学设计和软件开发的方法。第二十六页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发9.3.2多媒体著作软件的开发步骤1．项目定义项目的定义是制定软件计划的第一步，包括以下内容： 确定多媒体著作的总体要求和适用范围。 确定所需的软、硬件支持。 分析开发多媒体著作软件系统的可行性。 多媒体应用程序的主要目的或要达到的目标是什么？ 使用该系统的用户有哪些类型？ 将来在什么操作系统下运行？ 需要或运行所具备的硬件条件是什么？将来使用什么介质发行？第二十七页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发2．人员组织多媒体著作软件项目的开发是一项复杂的系统工程，需要各类专业人员共同协作完成，多媒体著作开发小组应该包括如下几类人员；项目管理人员、内容专家、系统分析员和多媒体制作人员。多媒体制作人员的工作是把内容专家和系统分析员所提供的作品内容、设计思想、设计结构和设计模块变成能在计算机上运行的多媒体作品。第二十八页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发

3．教学设计教学设计是应用于教育领域的多媒体著作软件设计中所必需的重要一步，其主要任务是选择知识内容，划分知识单元，选择控制教学单元进度的策略等。

4．系统设计多媒体著作软件的系统设计主要包括封面设计、导言设计、屏幕界面设计、交互方式设计、导航策略设计和超文本结构设计等内容。也有的文献将多媒体著作软件的系统设计分为知识库设计、教师模块设计和学生模块设计三大部分，这类设计更适合于大型的多媒体著作软件创作系统。第二十九页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发

5．媒体素材的收集、整理与编辑

(1)声音媒体的录制声音媒体通常包括两种类型：MIDI音乐和WAV语音。录制语音，需要配备一个比较好的声卡、话筒，再加上一个相对安静的录音室和普通话标准的播音员。

(2)图像的制作在制作图像之前首先要确定多媒体作品的总体风格，然后再给这个作品定一个基调，这个基调包含了界面的主体颜色色调、音乐风格等，最后再围绕这个主体基调制作图像。第三十页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发(3)视频的录制视频素材的录制通常使用录像机或摄像机等，录制时要体现视频节目的主题。将录制好的视频内容通过视频采集卡输入到计算机，一般转化为AVI文件或MPG文件。(4)动画的制作动画的制作通常采用两种方法进行：一是通过专用动画制作工具；二是通过使用高级语言编写ActiveX控件程序来产生动画效果。第三十一页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发

6．作品的集成软件集成不是各种媒体素材的简单罗列或相加，而是要根据教学内容、教学目标，充分调动各种手段，发挥各种媒体的特性，并进行艺术方面的布局，探索最恰当的表现方式和方法，形成一种能充分表现多媒体著作软件内容并具一定美感的整体效果。第三十二页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发7．测试、调整与发行(1)测试单元测试；功能测试；效果测试。(2)评估与优化功能性；可靠性；可用性；经济性；维护性，通用性。(3)打包发行多媒体著作软件的发行是通过压缩或刻制成一张完整的光盘进行的。在程序打包之前，要对硬盘上的文件组织结构进行优化，并做好源程序的备份，最后根据发行介质是光盘还是网络，选择不同的打包发行方式。第三十三页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发9.3.3媒体元素的设计原则1．图形图像背景是多媒体著作软件中最重要的成分。背景决定了著作软件的基调和主题，有时背景还会决定开发的复杂性。背景的设计和选择应考虑以下因素： 著作软件的主题； 播放著作软件时所用的投影仪或显示器的显示能力：使用的存储媒体的存储能力； 放在背景上的文本的数量； 背景可以是纯色、渐变色及复杂的图形，如照片、地图和企业标志等。第三十四页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发三维图形，如三维标题、标志、漫游路径和建筑透视图，可以加强著作软件的真实性和深度。图表在与商业或训练有关的著作软件中，是表示事实和数字的良好途径。流程图以图形方式表示设计达到某目的或结果的顺序或逻辑过程。组织图表是团体、学校、企业或政府实体的组织结构的图形表示。线段艺术在表示方位或路线时，常用地圈或路线图表示，加强方位感。剪贴画在幻灯片和网页设计中大量使用。按钮或导航工具由图形或文本组成。文本是使用最广泛的多媒体构造元素。第三十五页，共八十九页，编辑于2023年，星期五9.3多媒体著作软件的开发2．视频与动画应尽量选用质量好的视频源。如果通过网络或有限容量的存储介质发布，应对视频进行压缩。播放时可以使用较小的窗口，这样看起来感觉质量较好。视频和动画的设计要用脚本来描述。3．声音声音的运用可以大大增强现场效果和感染力。设计声音应考虑表现目的、节奏、音量、过渡等。第三十六页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.1网页基础知识

1．网站作为承载多种媒体的网页文件和其他相关文件集合在一起，就构成了网站。

2．首页网站的首页就是浏览器中输入站点域名后打开的第一个页面，通常将其命名为“index.htm”(同index.html)或“default.htm”(同default.html)。第三十七页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

3．HTML(超文本标记语言)HTML语言是用来表示网上信息的符号标记语言，是目前在全球范围内发布网上信息时能够被广泛识别的语言，即WWW所使用的出版语言。

第三十八页，共八十九页，编辑于2023年，星期五9.4FrontPage2002用来制作网页的工具有两类：一类是文本编辑器，用户可直接在编辑器中对网页的HTML源代码进行编辑，并通过IE浏览器来预览代码的显示效果，如记事本、EditPlus等软件，但这类编辑器要求用户熟练掌握HTML知识；另一类是“所见即所得”的可视化网页编辑工具，用户可以直接在工作界面中插入文本、图片、视频等各种对象，应用程序会自动将所有对象转换成对应的HTML源代码，这类软件主要有FrontPage和Dreamweaver等，用户只需要对HTML语言有一定了解就可使用。第三十九页，共八十九页，编辑于2023年，星期五第四十页，共八十九页，编辑于2023年，星期五随着网络的高速发展，各种网站也随之产生，并以惊人的速度不断增加着。网站建设和网页制作越来越成为各大公司发展的重点。可是，众多的网页制作工具让人眼花缭乱，难以取舍。目前最为广泛使用的两大网页制作工具为Macromedia公司的Deamweavef3和Mlcrosoft公司的Frontpaqe2000做一个对比。

就网页制作本身而言，Dreamweaver和Frontpage有着许多相似的功能，如果说Frootpage是针对具有较强技术知识（比如能编程）的用户，Deamweaver则针对具有较高创意能力的用户，因为他们能设计更有视觉化效果的页面，下面就具体谈一谈。

第四十一页，共八十九页，编辑于2023年，星期五一、工作界面的不同

Dreamweaver提供给用户的是一个简洁的工作界面，主要体现在工作窗口和HTML源代码两方面。由于Dreamweaver采用浮动工具条方式，在需要时可以隐蔽所有的工具条，所以整个工作窗口都可用于显示你所制作的网页，让你的可视范围更大、更清晰。

Frontpage有着与MSWord相似的工作界面、工具条，可以通过工具栏随意隐藏。井可以快速查看HTNL源码和预览。对于一个刚开始从事网页制作的人来说，Frontpage会让你感到非常容易上手，因为它的工作模式，更容易为大多数人所接受。第四十二页，共八十九页，编辑于2023年，星期五

二、提供功能各有标点

1、Dreamweaver和Frontpage两个工具中的类似功能非常多。第四十三页，共八十九页，编辑于2023年，星期五

2、Dreamweaver注重原创，Frontpeg则注重自动化

Dreamweaver中制作动画可以使用TimeLine（时间轴），一个专门制作动画的工具。有了它即使你没有雄厚的Javascript经验和DHTML知识，也能作出动态网页。另外，利用TimeLine就完全不会被系统功能所束缚，设计者完全可以发挥个人创作才能，不论做怎样的动态页面。都能很快地把设计者的创作意图表现出来。在Frontpage中也可以通过插入组件中的字幕、横幅广告等快捷方法，制作一些动态页面，这些动画效果也是网页制作中最为常用的。通过它们确实能马上让你的网页动起来。并Frontpage在动态效果制作上要比Dreamweaver来得快些而且这些自动化的功能相对Dreamweaver的TimeLine而言更容易掌握。

第四十四页，共八十九页，编辑于2023年，星期五3、Dreammweaver和Frontpgn在功能提供上各有千秋

Dreamweaver的Behaviours功能，可以让你不用动手写任何Javascript代码就能制作出各种完美的网页特效，而且你不必担心不同版本的浏览器会有不同的显示效果。由Betlaviors写入的Javascrip代码十分经典。另外当你需要制作包含大量网页的网站，并旦大多数页面都包含了部分相同的内容时。如果每个页面都要手工创建，将浪费大量的时间在重复的工作上，所以便产主了Libry（资源库）功能，让你轻点几下鼠标，就能以逸待劳，实在高效。当然Frontpage也有将共享的代码放在一个独立的页面中做成模板的方便功能。不过Dreamweaver把这些功能系统化，让用户能更加方便的调用。Frontpage可以让你必花费大多的时间在素材的收集上，因为它的主题功能提供的40种左右的主题，让你可以快速产主出精美页面，完全不用再为使用什么背景图片，使用怎样的按钮伤脑筋，再加上网页过渡的功能，让你的网页表现更好的交互界面。，产主圆形放射效果的特效页面。

第四十五页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.2FrontPage2002简介

FrontPage2002是OfficeXP系列办公软件的成员，它具有“所见即所得”的功能，用户不需要对HTML了解太多，只需利用鼠标和各种菜单命令即可对网页中各类对象进行可视化编辑，创建出美观实用的网页。

FrontPage2002的窗口同Word2002的窗口十分类似，用户完全可以按照Word2002中的操作方式来使用FrontPage2002。其中一个比较重要的特点是，窗口左侧为“视图”栏，单击“视图栏”中的图标，就可以用不同的视图方式来查看网页和站点。一般使用默认的“网页”视图即可。窗口右侧和PowerPoint2002类似，提供了“新建网页或站点”等任务窗格，在其中单击相应命令就可以实现网页的新建、打开等操作。第四十六页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.3制作一张简单的网页1．准备工作在“我的文档”文件夹下新建一个名为“MyWebs”的文件夹作为网站的根目录，在根目录下创建一个名为“images”的文件夹用来储存网站中用到的图片、Flash动画、声音等文件。第四十七页，共八十九页，编辑于2023年，星期五9.4FrontPage20022．制作一张简单的网页启动FrontPage2002时，会自动创建一张新网页NewPagel.htm，同Word2002中一样，可以直接在网页中插入中英文、数字和各种符号等。和Word中有所区别的是，网页中的文字字号不像Word中那样可以设置任意大小，它只有七级，段落的格式设置和Word中也有一些小的差别。制作完成后，使用“文件”|“保存”命令，就会打开“另存为”对话框。在对话框中选择网页保存的位置，在“文件名”下拉列表框中为该网页命名，然后单击“保存”按钮即可。第四十八页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

3．浏览自己制作的网页如果想浏览自己制作的网页，一般可以采用以下几种方法： 在制作过程中，单击图9-6下方的“预览”按钮；使用“文件”|“用浏览器预览”命令，即可打开浏览器，浏览自己制作的网页；在“资源管理器”或“我的电脑”中找到该网页文件，双击该文件。第四十九页，共八十九页，编辑于2023年，星期五图9-6在网页中输入文字第五十页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.4建立一个完整的网站1．新建一个站点选择“文件”|“新建”|“网页或站点”命令，在工作区右侧就打开“新建网页或站点”任务窗格，在任务窗格中“新建”栏中选择“Web站点模板”命令，出现“Web站点模板”对话框。在“站点”选项卡中选择一种站点模板，在“指定新站点的位置”下拉列表框中直接输入或单击“浏览”按钮选择需要建立新站点的位置，单击“确定”按钮即可建立一个新站点。第五十一页，共八十九页，编辑于2023年，星期五9.4FrontPage2002在新建的只有一个空白网页的站点中，“index.htm”为默认的首页，images文件夹用来存放网页中所用到的图片等文件，_private文件夹用来存放FrontPage2002自动生成的一些关于网站属性的文件。第五十二页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

2．站点的管理站点管理可以在图9-9中所示的“文件夹列表”栏中进行。右击文件夹列表的站点根目录，在快捷菜单中选择“新建”|“网页”命令，即可新建一张网页，并显示在右侧网页窗格中。默认名称为“new_page_1.htm”。在新建网页上进行编辑之后，将其保存到站点根目录下的相应文件夹中即可完成新网页的创建，这时在文件夹列表中将出现该新网页的名称。第五十三页，共八十九页，编辑于2023年，星期五图9-9新建站点

第五十四页，共八十九页，编辑于2023年，星期五9.4FrontPage2002在“文件夹列表”栏中选定某一个文件夹右击，在弹出的快捷菜单中选择“新建”|“文件夹”命令，即可在当前文件夹下建立一个子文件夹。站点中的文件夹通常用来分门别类地存储网页中所用到的图片、音乐、视频等文档。此外，利用快捷菜单还可以实现对文件和文件夹的复制、移动和删除等操作。选择“文件”|“关闭站点”命令，可以关闭当前站点，选择“文件”|“打开站点”命令，可以打开站点。第五十五页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.5在网页中插入基本元素

1．在网页中添加文字在网页中添加文字与Word中的操作相似。

2．在网页中添加图片在网页中添加图片可为网页增色不少，如图9-11所示，操作步骤和编辑方法与Word中类似。在保存网页时，如果图片来自于网站根目录之外，则打开“保存嵌入式文件”对话框，在对话框中单击“更改文件夹”按钮可以选择图片存放的位置，直接单击“确定”按钮即可将其保存到网站根目录下。第五十六页，共八十九页，编辑于2023年，星期五图9-11图文并茂的个人网站首页第五十七页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

3．在网页中添加超链接

(1)链接到另一个网页现在就将图9-11“关于叮当”这4个字链接到对应的“关于叮当”的页面。方法是在网页中选中文本“关于叮当”，右击，在弹出的快捷菜单中选择“插入超链接”命令，打开“插入超链接”对话框。由于“关于叮当”的网页还未做好，可以在对话框中选择“新建文档”选项卡，并在“新建文档名称”文本框中输入该网页的名称，单击“确定”按钮即可新建一个网页并链接到该网页。第五十八页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

(2)链接到一个网址在“插入超链接”对话框中选择“原有文件或Web页”选项卡，并在地址栏中输入网址，单击“确定”按钮。

(3)链接到电子邮箱在“插入超链接”对话框中选择“电子邮件地址”选项卡，并在电子邮件地址栏中输入E-mail地址，单击“确定”按钮。第五十九页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

4．在网页中使用表格在网页中适当地使用表格，一是可以用列表的方式表现各种数据，二是有利于页面的排版。

(1)插入表格选择“表格”|“插入”|“表格”命令，打开“插入表格”对话框。在对话框中设置表格的行数和列数，调整表格的对齐方式、边框粗细、单元格边距、单元格间距等属性，设置表格的宽度，然后单击“确定”按钮，即可在网页中插入表格。第六十页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

(2)对表格的操作可以用Word中表格的处理方法来对网页中的表格进行各种增删、调整大小等操作。也可以通过“合并单元格”和“拆分单元格”等命令来对表格中的单元格操作。

(3)表格的设置单击“预览”按钮可以查看网页效果，如果不满意还可进行进一步设置。第六十一页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

5．在网页中添加背景图片选择“格式”|“背景”命令，或者右击，在弹出的快捷菜单中选择“网页属性”命令，打开“网页属性”对话框。选中“背景图片”复选框，并单击“浏览”按钮找到合适的背景图片，单击“确定”按钮即可为页面添加背景图片。

6．在网页中添加背景音乐插入背景音乐和插入背景图片的操作方法相似，选择“常规”选项卡，打开“网页属性”对话框。在“背景音乐”选项区域内单击“浏览”按钮选择需要加入网页的背景音乐，设置循环次数为“不限次数”后，单击“确定”按钮完成背景音乐的设置。此后，打开该网页即播放该背景音乐。第六十二页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

7．应用模板和主题

(1)网页模板选择“视图”|“任务窗格”命令，在窗口右侧显示“新建网页或站点”任务窗格。在任务窗格中“根据模板新建”栏下选择“网页模板”命令，打开“网页模板”对话框，在对话框的“常规”选项卡中选择需要的网页模板类型，单击“确定”按钮，即可在当前站点中创建一张与模板格式相同的新网页“new_page_l.htm”。只需替换图片和文字即可。第六十三页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

(2)站点模板在任务窗格中“根据模板新建”栏中选择“Web站点模板”命令，打开“Web站点模板”对话框。可以选择一种新建一个站点，或者在选择站点模板后，选中“添加到当前站点”复选框，将该模板添加到当前正在编辑的站点。

(3)应用主题① 选择“格式”|“主题”命令，打开“主题”对话框。② 在对话框中选择要应用主题的网页范围，并在主题列表中选择主题的类型，单击“确定”按钮即可将该主题应用到当前网页。第六十四页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.6在网页中添加其他元素

1．插入滚动字幕

(1)选择“插入”|“Web组件”命令，打开“插入Web组件”对话框。

(2)在“组件类型”中选择动态效果，并在右侧效果列表中选择“字幕”效果，单击“完成”按钮，打开“字幕属性”对话框。

(3)在“文本”文本框中输入字幕中的文字，设置表现方式、滚动方向、速度、字幕大小、重复和背景色等属性后，单击“确定”按钮即可在当前插入点处插入字幕。第六十五页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

(4)插入字幕后，还可以利用“格式”工具栏和“字幕属性”修改字幕。方法是选中字幕，在格式工具栏中可修改文字格式；在字幕上右击，在弹出的快捷菜单中选择“字幕属性”命令，在打开的“字幕属性”对话框中重新设置。第六十六页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

2．插入悬停按钮悬停按钮也是超链接的一种，只不过当鼠标指针移至悬停按钮时，按钮颜色会发生变化，丰富了网页的内容。将插入点移至“叮当学网页”所在的单元格，删除“叮当学网页”这几个字后，再选择“插入”|“Web组件”命令，打开“插入Web组件”对话框。在“组件类型”中选择“动态效果”，并在右侧效果列表中选择“悬停按钮”效果，单击“完成”按钮，打开“悬停按钮属性”对话框。第六十七页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

3．插入视频

(1)在FrontPage中，视频是作为图片的一种插入到网页中的。将插入点定位到需要插入视频的位置，选择“插入”|“图片”|“视频”命令，打开“视频”对话框，在对话框中选择要使用的视频文件(一般使用.avi格式)，单击“打开”按钮即可在插入点处插入视频。

(2)如果希望对插入的视频进行进一步的设置，可以在插入的视频上右击，在弹出的快捷菜单中选择“图片属性”命令，打开“图片属性”对话框，可在“视频”选项卡中对视频的来源、循环次数和延迟、开始播放的方式等进行设置。第六十八页，共八十九页，编辑于2023年，星期五9.4FrontPage20024．使用图像映射(1)选中需要添加图像映射的图片，在出现的“绘图”工具栏中选择恰当的热点绘制工具，在图片中需要添加热点的地方按下鼠标左键并拖动来绘制热点。(2)绘制完成后松开鼠标左键打开“插入超链接”对话框，可以在该对话框中为该热点设置超链接。第六十九页，共八十九页，编辑于2023年，星期五9.4FrontPage20025．应用网页过渡选择“格式”|“网页过渡”命令，打开“网页过渡”对话框。在“事件”下拉列表框中设置一种事件，在“过渡效果”列表框中选择一种效果，在“周期”栏中设置过渡效果的时间后，单击“确定”按钮即可完成过渡效果的设置。第七十页，共八十九页，编辑于2023年，星期五9.4FrontPage2002

6．应用动态HTML效果

(1)在网页中选定需要添加动态HTML效果的对象，这里选中标题“海阔天空的世界”，选择“格式”|“动态HTML效果”命令，打开“DHTML效果”工具栏。在工具栏中选定引发效果的事件，选择应用的效果及效果的具体设置后，即可完成动态HTML效果的设置。单击“删除效果”按钮可以删除该动态效果。

(2)设置完成的动态DHTML效果如图9.35所示，当浏览网页时将看到它会弹起。第七十一页，共八十九页，编辑于2023年，星期五图9.35第七十二页，共八十九页，编辑于2023年，星期五9.4FrontPage20029.4.7框架网页的使用1．新建框架网页

(1)选择“视图”|“任务窗格”命令，在窗口右侧显示“新建网页或站点”任务窗格。在任务窗格“根据模板新建”栏中选择“网页模板”命令，打开“网页模板”对话框。

(2)在对话框中选择“框架网页”选项卡，在列表中选择一种框架网页类型，单击“确定”按钮，即可新建一个框架网页。

(3)在框架网页中单击“设置初始网页”按钮，在出现的“插入超链接”对话框中查找需要在该框架内显示的网页；单击“新建网页”按钮，可以在该框架内显示一个新建网页，并在该网页上进行编辑。这里都选择新建网页，并按照前面所讲述的方法进行编辑。第七十三页，共八十九页，编辑于2023年，星期五9.4FrontPage20022．保存框架网页当框架网页的各个部分都编辑完成之后，需要对整个框架网页进行保存。在菜单栏中选择“文件”|“保存”命令，打开“另存为”对话框，按照提示步骤将框架网页的各个部分逐个保存。3．框架网页中的超链接在框架网页中设置超链接的步骤同一般超链接的设置相同，唯一区别是在“编辑超链接”对话框中要单击“目标框架”按钮，在“目标框架”对话框中设置超链接的目标框架。第七十四页，共八十九页，编辑于2023年，星期五我们在设计好站点之后，就可以将站点发布到WEB服务器了。只要安装个人WEB服务器，就可以建立自己的WEB服务器了。

在WINDOWS安装盘里有一个Add-ons\PWS目录，这个目录存放着WINDOWS个人网站服务器的装文件，我们执行这个目录下的“SETUP.EXE”应用程序就可以安装个人网站服务器。在安装完毕后，在WINDOWS任务栏的右方就会有个人网站服务器的图标出现。此时系统会提示我们要重新启动计算机。重新启动计算机后，我们双击个人网站服务器图标，进入个人WEB管理器，“HTTP：//xiaosong”