网络课件的组织与编制.ppt

网络课件的组织与编制.ppt

《网络课件的组织与编制.ppt》由会员分享，可在线阅读，更多相关《网络课件的组织与编制.ppt（16页珍藏版）》请在冰豆网上搜索。

（案例演示案例演示）一一网页制作初识网页制作初识二二创建站点创建站点三三网页表格的处理网页表格的处理四四网页图像处理网页图像处理五五在网页中使用超链接在网页中使用超链接六六图层及动态效果的应用图层及动态效果的应用第第3章章网络课件的组织与编制网络课件的组织与编制FrontPageFrontPage是由是由MicrosoftMicrosoft公司推出的新一代公司推出的新一代WebWeb网页制作工具。

网页制作工具。

FrontPageFrontPage使网页制作者能够更加方便、快捷地创建和发布网页，使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。

具有直观的网页制作和管理方法，简化了大量工作。

FrontPageFrontPage界面与界面与WordWord、PowerPointPowerPoint等软件的界面极为相似，等软件的界面极为相似，为使用者带来了极大的方便，为使用者带来了极大的方便，icrosofticrosoft公司将公司将FrontPageFrontPage封装入封装入OfficeOffice之中，成为之中，成为OfficeOffice家族的一员，使之功能更为强大。

家族的一员，使之功能更为强大。

1.1.课件示例：

主要网页画面、基本功能课件示例：

主要网页画面、基本功能2.2.网页的基本要素网页的基本要素网页的基本要素有网页的基本要素有:

文字、图形、链接标志、交互功能文字、图形、链接标志、交互功能文文文文字字字字:

文文字字性性网网页页还还可可以以利利用用浏浏览览器器中中“文文件件”菜菜单下的单下的“另存为另存为”功能将其下载，可对其进行编辑打印。

功能将其下载，可对其进行编辑打印。

文文字字性性网网页页一一定定要要注注意意编编排排，包包括括字字型型字字号号，内内容容的的层层次样式，是否需要变换颜色进行点缀等。

次样式，是否需要变换颜色进行点缀等。

一、一、网页制作初识网页制作初识标题标题标题标题:

表明本网页的主要内容表明本网页的主要内容,标题是醒目。

标题是醒目。

字号：

字号：

字号：

字号：

不宜太大会不宜太大会字型：

字型：

字型：

字型：

要慎重变换字体字型。

文本较多可以利用要慎重变换字体字型。

文本较多可以利用表格形式来实现。

表格形式来实现。

图形图形图形图形：

可以是绘制图形、图像，动画。

包括菜可以是绘制图形、图像，动画。

包括菜单按钮、背景。

格式常用单按钮、背景。

格式常用JPEGJPEG和和GIFGIF，具有跨平，具有跨平台特性，可以在不同操作系统支持的浏览器上显台特性，可以在不同操作系统支持的浏览器上显示。

示。

链接标志：

链接标志：

链接标志：

链接标志：

链接是网页中最根本的元素之一。

链接是网页中最根本的元素之一。

通过链接实现网页转到，精美的图形链接按钮，通过链接实现网页转到，精美的图形链接按钮，与网页融为一体。

与网页融为一体。

交互功能：

交互功能：

交互功能：

交互功能：

InternetInternet区别其他媒体的一个重要区别其他媒体的一个重要标志就是它的交互功能。

例如在商务网站上，数标志就是它的交互功能。

例如在商务网站上，数据库检索等信息。

可以利用表单来实现。

据库检索等信息。

可以利用表单来实现。

33网页制作和美化工具网页制作和美化工具Photoshop:

Photoshop:

图形处理软件，平面美术设计软件，功能完善、图形处理软件，平面美术设计软件，功能完善、性能稳定、使用方便，在几乎所有的广告、出版、软件公司性能稳定、使用方便，在几乎所有的广告、出版、软件公司是首选的平面制作工具。

是首选的平面制作工具。

Fireworks:

Fireworks:

由由MacromediaMacromedia公司开发的图形处理工具，是第一公司开发的图形处理工具，是第一套专门为制作网页图形而设计的软件。

套专门为制作网页图形而设计的软件。

Flash:

Flash:

是是MacromediaMacromedia公司开发的矢量图形编辑和动画创作的公司开发的矢量图形编辑和动画创作的专业软件，用它可以将音乐、声效、动画以及富有新意的界专业软件，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，制作出高品质的网页动态效果面融合在一起，制作出高品质的网页动态效果,广泛应用于广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。

作中。

44网页制作的基本步骤网页制作的基本步骤整体规划整体规划整体规划整体规划整体规划也就是组织网站的内容和设计整体规划也就是组织网站的内容和设计其结构，这样不仅可以很好地体现设计者的其结构，这样不仅可以很好地体现设计者的意图，也将使网站可维护性与可扩展性增强。

意图，也将使网站可维护性与可扩展性增强。

WebWeb结构结构结构结构类似于类似于InternetInternet的组成结构，各网页的组成结构，各网页之间形成网状连接，允许用户随意浏览。

之间形成网状连接，允许用户随意浏览。

主页页面1页面2页面3页面4页面5页面7页面8一级标题二级标题页面61FrontPage1FrontPage基本操作基本操作基本操作基本操作标题栏、菜单、常用工具栏、格式工具栏、窗口栏、状态栏标题栏、菜单、常用工具栏、格式工具栏、窗口栏、状态栏视图：

视图：

视图：

视图：

网页视图：

进行网页编辑网页视图：

进行网页编辑文件夹视图：

类似于文件夹视图：

类似于WindowsWindows资源管理器，用来对网站的目资源管理器，用来对网站的目录和文件夹进行管理录和文件夹进行管理报表视图：

用于查看与网页制作有关的各项参数。

报表视图：

用于查看与网页制作有关的各项参数。

导航视图：

用来显示和编辑网页的导航关系。

导航视图：

用来显示和编辑网页的导航关系。

超链接视图：

显示站点中的某个网页与其他网页之间的关超链接视图：

显示站点中的某个网页与其他网页之间的关系。

系。

任务视图：

用来查看网站和网页设计的完成情况。

任务视图：

用来查看网站和网页设计的完成情况。

二二创建站点创建站点22创建站点创建站点创建站点创建站点选选择择文文件件新新建建站站点点命命令令选选择择创创建建模模式式在在“指定新站点的位置指定新站点的位置”中输入新站点的位置中输入新站点的位置确定。

确定。

注注意意：

在在创创建建站站点点选选择择路路径径时时，最最好好选选择择某某个个文文件件夹夹作作为站点，而不要选某个盘（为站点，而不要选某个盘（FF盘）。

盘）。

导入一个已存在的站点导入一个已存在的站点导入一个已存在的站点导入一个已存在的站点要要导导入入一一个个站站点点，首首先先应应选选择择“文文件件”菜菜单单下下的的“导导入入”命令，然后根据提示，依次选择需导入的站点即可。

命令，然后根据提示，依次选择需导入的站点即可。

FrontPageFrontPage中还可以将一个已经存在的文件夹转换为站点中还可以将一个已经存在的文件夹转换为站点站点管理：

站点管理：

站点管理：

站点管理：

如重命名、删除等操作在文件夹视图中操作完成。

如重命名、删除等操作在文件夹视图中操作完成。

为站点添加网页为站点添加网页为站点添加网页为站点添加网页创建好站点文件夹后，就是为站点添加网页创建好站点文件夹后，就是为站点添加网页方法方法：

单击单击“新建网页新建网页”按钮，或者按快捷键按钮，或者按快捷键“CtrlCtrlNN”，自行插入网络内容，自行插入网络内容选择选择“文件文件”“”“新建新建”“”“网页或站点网页或站点”，在打开的，在打开的“新建网页或站点新建网页或站点”窗格中单击窗格中单击“网页网页模板模板”超级链接，利用网页模板创建网页超级链接，利用网页模板创建网页在网页设计中表格有一个重要的作用，就是设计页面布局。

在网页设计中表格有一个重要的作用，就是设计页面布局。

在网页设计中表格有一个重要的作用，就是设计页面布局。

在网页设计中表格有一个重要的作用，就是设计页面布局。

一个空白网页布置起来比较困难，尤其是一些复杂的页面。

这时可一个空白网页布置起来比较困难，尤其是一些复杂的页面。

这时可以利用表格将网页分成若干个单元格，每个单元格对应网页中的一个部以利用表格将网页分成若干个单元格，每个单元格对应网页中的一个部分。

然后，对每一部分分别进行设计和制作，这样就可以使复杂的网页分。

然后，对每一部分分别进行设计和制作，这样就可以使复杂的网页设计简化，网页清晰、有条理性。

设计简化，网页清晰、有条理性。

很多网页上有很多网页上有各种细线的布局效果各种细线的布局效果各种细线的布局效果各种细线的布局效果，使得页面简洁明快、条理清楚。

，使得页面简洁明快、条理清楚。

这些细线要么是用图像的方式生成，要么是利用表格的各种特性制作而这些细线要么是用图像的方式生成，要么是利用表格的各种特性制作而成。

使用表格实现这些细线可以使页面文件更小，下载更快，因此更为成。

使用表格实现这些细线可以使页面文件更小，下载更快，因此更为实用。

细线效果大致可以分为两类，一类是表格框线，另一类是各种横实用。

细线效果大致可以分为两类，一类是表格框线，另一类是各种横竖分隔线。

竖分隔线。

首先要规划页面的布置，表格平铺也可嵌套。

首先要规划页面的布置，表格平铺也可嵌套。

在用表格布置页面时，不能将整个网页的内容都放在一个大表格中，在用表格布置页面时，不能将整个网页的内容都放在一个大表格中，以免影响网页的下在速度。

以免影响网页的下在速度。

三三网页表格的处理网页表格的处理11创建表格创建表格创建表格创建表格使用菜单命令创建表格使用菜单命令创建表格使用菜单命令创建表格使用菜单命令创建表格准准确确地地设设置置表表格格的的行行、列列数数、表表格格属属性性如如边边框框宽度等宽度等表格表格插入插入表格命令表格命令使用命令按钮创建表格使用命令按钮创建表格使用命令按钮创建表格使用命令按钮创建表格“常用常用”工具栏中的工具栏中的“插入表格插入表格”按钮按钮绘制表格绘制表格绘制表格绘制表格视视图图工工具具栏栏表表格格（在在对对话话框框）手手绘绘表格按钮表格按钮将文本转换成为表格将文本转换成为表格将文本转换成为表格将文本转换成为表格选定文本，使用选定文本，使用“表格表格”“”“转换转换”命令。

命令。

22编辑表格编辑表格修改表格修改表格修改表格修改表格修改表格大小修改表格大小修改表格大小修改表格大小通过鼠标拖拽法可以粗略地调整表格的大小。

通过鼠标拖拽法可以粗略地调整表格的大小。

通通过过“表表格格属属性性”对对话话框框可可以以精精确确地地调调整整表表格格的的大大小。

小。

合并单元格合并单元格合并单元格合并单元格选定要合并的单元格，选定要合并的单元格，表格表格合并单元格合并单元格选选择择要要合合并并的的单单元元格格，在在选选中中的的单单元元格格中中单单击击鼠鼠标标右右键键，从从弹弹出出的的快快捷捷菜菜单单中中选选择择“合合并并单单元元格格”命命令。

令。

选选择择要要合合并并的的单单元元格格，单单击击“表表格格”工工具具栏栏上上的的“合并单元格合并单元格”按钮。

按钮。

拆分单元格拆分单元格拆分单元格拆分单元格拆拆分分单单元元格格与与合合并并单单元元格格是是两两个个逆逆操操作作。

拆拆分分单单元格就是将一个单元格拆分为多个单元格。

元格就是将一个单元格拆分为多个单元格。

将将光光标标放放在在要要拆拆分分的的单单元元格格内内，执执行行“表表格格”“”“拆拆分分单单元元格格”命命令令，在在该该对对话话框框中中选选择择“拆拆分分为为列列”或或“拆分为行拆分为行”，单击，单击“确定确定”按钮。

按钮。

将将光光标标放放在在要要拆拆分分的的单单元元格格内内，单单击击鼠鼠标标右右键键，从从弹弹出出的快捷菜单中选择的快捷菜单中选择“拆分单元格拆分单元格”命令。

命令。

将将光光标标放放在在要要拆拆分分的的单单元元格格内内，单单击击“表表格格”工工具具栏栏上上的的“拆分单元格拆分单元格”按钮。

按钮。

在表格中添加文字和图片在表格中添加文字和图片在表格中添加文字和图片在表格中添加文字和图片在表格中添加文字在表格中添加文字在表格中添加文字在