frontpageDY文档格式.docx
《frontpageDY文档格式.docx》由会员分享，可在线阅读，更多相关《frontpageDY文档格式.docx（36页珍藏版）》请在冰豆网上搜索。
2.8.2背景图案的选择………………………………………………………15
2.8.3背景音乐………………………………………………………………16
2.9设置网页过渡效果…………………………………………………………16
2.10保存网页.................................………………………………………..……17
第三章超链接……………………………………………………………….…….19
3.1了解超链接…………………………………………………….…………19
3.2建立与原有文件的链接……………………………………….…..…19
3.3修改链接颜色……………………………………………………………21
3.4图像映射…………………………………………………………………22
3.4.1创建热点………………………………………………………….23
3.4.2设置默认热点……………………………………………………24
3.5绘制图形的超链接……………………………………………………24
3.6取消链接……………………………………….………………………….24
3.6.1取消文本链接………………………………………….…………25
3.6.2取消图像链接……………………………………………………25
第四章简单认识HTML………………………………………………………27
4.1HTML标记…………………………………………….………………27
4.2文件结构………………………………………………………………27
4.2.1文件框架………………………………………………………27
4.2.2划分段落…………………………………………………………28
引言
多媒体技术是将文字、数据、声音、图像、静态图像及活动图像等集成在一起的技术。
随着多媒体硬件环境和软件环境的不断完善，目前，大部分计算机软件开发中都涉及多媒体软件技术的应用。
如今计算机应用已进入社会的各个领域。
基于多媒体的成果从视、听上给人以新的，更加形象的感受。
FrontPage从问世以来，就一直是网页制作与开发软件领域的佼佼者，无论是在独立的Web站点管理和Web页面创建方面，还是在团队协作工作等方面都有新的突破。
Frontpage2002作为Office2002中的一个重要组件，是Office注重网络与Internet应用的一个重要体现。
FrontPage2002既继承了以前版本的传统功能，又采用了与Office2002其他组件一致的工作界面和易学易用的操作方式，它涉及到站点的管理与创建，内容的更新与分布、图片库的应用、日常任务和语言等内容，使用户对Web站点内容的创建变得更加容易、对Web站点的控制和管理变得更加方便，而且支持多用户联机协作共同开发Web站点。
第一章建网前奏
建网流程主要包括对网站、网页相关概念的理解、软硬件环境、主题的策划、资料的收集，最后就是使用工具软件完成制作、上传网站、定期维护网站等之类的操作。
本文只介绍网页制作相关内容，对网站上传及维护等工作不作介绍。
网页的学名称为HTML文件，是一种可以在WWW上传输，并被浏览器认识和翻译成页面显示出来的文件。
HTML是HYPERTEXTMARKUPLANGUAGE（超文本标记语言）的英文缩写。
“超文本”就是指页面内可以包含图片、连接，甚至音乐，程序等非文字的元素。
制作网页，首先规划框架，列出内容大纲，同时也要考虑到以后可能的扩充性，还必须考虑每个网页之间的连接关系，连接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。
第二章网页初建
本章通过介绍FrontPage2002的网页创建流程，包括网页新建、插入文本、插入图片、表格应用以及网页保存等，将“校园导航系统”网页制作流程及所用技术展现出来，同时，也使读者了解FrontPage的基本应用。
2.1创建网页
创建网页最简单的方法是单击标准工具栏的“新建”按钮，也可使用FrontPage2002提供的网页模板。
在窗口里，打开“文件”菜单，执行其中的“新建网页或站点”命令，选择想要的模板后，按“确定”按钮。
如下图所示：
图1新建网页或站点指示图
图2使用网页模板指示图
2.2文本
网页文件的核心是文本，虽然网页内漂亮的图片、生动的多媒体、规范的表格、交互式按钮很吸引人，但文本却是支撑WEB的基础。
2.2.1输入文本
在输入文本之前，必须先在FrontPage2002窗口的编辑区内定位插入点，新输入的文本总是出现在插入点之后的。
随着网页内输入文本内容的增多，插入点将自动从左到右地逐渐移动，并在每行的最右端自动进行折行，此时的插入点将移动至第二行的开始处。
按回车键之后，将在网页上创建新的段落，与众不同的是，在前、后两个段落之间会自动地插入一个空行。
通过“剪切”按钮、“粘贴”按钮的操作，不仅可在网页内进行文本的移动，还可以在不同网页之间进行文本的移动。
通过“复制”、“粘贴”按钮的操作，可在网页内部、不同网页之间实现网页文本的复制。
2.2.2修饰文本
在网页内输入文本之后，其字体、字号、颜色、效果等都是使用FrontPage2002提供的默认设置。
FrontPage2002提供了“字体”对话框与格式工具按钮，用户可以按照自己的需要，对文本的格式进行修改。
·
设置网页文本字体：
（1）在FrontPage2002窗口内，选择准备进行字体设置的文本。
如果不选择文本，那么插入点之后输入的内容将采用新设置的字体。
（2）打开“格式”菜单，执行其中的“字体”命令，打开如图所示的“字体”对话框。
（3）在“字体”列表框内选择文本的新字体，此时在右下角的预览框内将给出所选文本字体的形状。
（4）单击“确定”按钮。
调整文本字号
网页文本的字号可区分为七个级别，其中第一级文本最小（8磅），第七级最大（36磅）。
常用的文本字号或默认设置室第三级，这一级相当于12磅。
更改文本的字号时，可先选择文本的内容，然后使用下列方式之一对文本的字号进行设置：
*在“字体”对话框内，从“大小”列表框内选择文本的新字号。
*打开格式工具栏的“字号”列表框，设置网页文本的大小。
如果未选择网页文本，就对文本字号进行了更改，新的字号设置将对插入点之后输入的文本内容生效。
在必要的情况下，可以设置一个不同于第三级的基础字号，但这要求了解HTML的知识。
2.3图片
恰当地插入图片之后，可以活跃网页的气愤，帮助网络访问者获得感兴趣的信息，但WEB浏览器内显示的图片格式是受限制的，只有扩展名GIF与JPEG的图片文件才能成为网页的一部分。
当在网页插入其他格式的图片文件是时，FrontPage2002将自动进行图片格式的转换：
把具有256色或更少颜色的图片转换为GIF格式的图片，而将多于256色的图片转换为JPEG格式的图片。
2.3.1插入图片：
（1）在打开的网页文件内确定插入图片的位置。
（2）打开“插入”菜单的“图片”子菜单，执行“来自文件”命令，或者直接按标准工具栏的“插入图片”按钮，打开如图所示的“图片”对话框。
（3）打开“搜索”下拉列表框，选择当前站点图片文件的保存位置。
在默认的情况下，当前站点的图片文件保存在“Image”文件夹内。
（4）在图片文件列表框内选择图片文件的名称，此时在右侧的预览框内将出现所选图片的预览效果。
（5）单击“确定”按钮。
也可使用当前站点的图片、硬盘中的图片、WEB上的图片，也可能使用OFFICE剪贴画库里的一些图片进行插入等操作。
2.3.2处理图片
单击插入到网页内的图片时，在它的周围将出现八个黑色标记，同时在FrontPage2002窗口内出现图片工具栏，如下图所示，用于对图片进行简单的编辑处理，例如设置透明背景、旋转图片、剪切图片、添加文本、创建热点等。
在网页内插入图片之后，通过“裁剪”按钮的操作，可以大致地调整图片尺寸，通过“图片外观”对话框的操作，可以精确地定义它的显示尺寸。
由于它与插入点处的文本处于同一行内，Frontpage2002提供了控制图片与文本的对齐方式、修改图片的显示尺寸的功能，使图片与整个网页的布局相协调。
为了突出图片在网页内的显示，可以给它添加一个黑色边框。
双击插入的图片，或者用右键快捷菜单里的“图片属性”命令，将会出现“图片属性”对话框，选择其中的“外观”选项卡，如图所示：
通过选择调整图片的尺寸以及对齐方式等。
2.4插入艺术字
浏览网页时，首先看到的往往是网页的标题。
插入一个醒目的标题必会起到很好的效果。
FrontPage2002提供了插入艺术字功能，给网页制作带来了极大的方便。
（1）将光标放在要插入艺术字的位置，执行菜单栏中的“插入”下“图片”下的“艺术字”命令，打开“‘艺术字’库”对话框，选择艺术字；
也可以选择快捷菜单的“插入艺术字”，也可打开“‘艺术字’库”对话框。
如图所示。
（2）单击“确定”按钮后，在“编辑‘艺术字’文字”对话框中，输入文字后，在单击“确定”按钮。
2.5活用表格
目前大多数网页都是利用表格来制作的。
利用表格的最大好处是，格式化数据，轻松安排、定位文本和网页的相关对象，比如图片、视频等等，让制作者能方便地编辑对象，而不会影响到其他表格或者单元格里的对象。
表格是由表格行、列组成的，它的最小空间是单元格。
2.5.1创建表格
在网页内插入表格时，使用工具按钮与表格菜单的机会较多，它们用于插入规定行、列数目的表格。
对于那些随意性比较强的设计来说，表格工具也许是最好的选择，通过简单的拖动就可以在网页内插入表格，并可对表格的行、列进行调整。
使用“插入表格”按钮创建表格
（1）在插入表格的网页内单击，确定表格的插入点。
（2）单击常用工具栏的“插入表格”按钮，打开“插入表格”下拉列表框。
（3）在下拉列表框内移动鼠标，列表框下方显示表格行、列数目的变化。
（4）确定表格行与列的数目之后释放鼠标。
新创建的表格将采用默认的表格属性，最显著的特点就是表格列将均分FrontPage2002窗口的宽度。
无论表格列的数目如何变化，它总是100%地占据编辑区域的整个宽度。
当然，如果FrontPage2002窗口的宽度，这些表格的宽度也将自动地调整。
使用表格命令创建表格
（1）在打开的网页内确定表格的插入点。
（2）打开“表格”菜单的“插入”子菜单，执行“表格”命令，打开如图示的“插入表格”对话框。
（3）在“大小”栏的“行”数字框内输入、选择表格的行数。
（4）在“大小”栏的“列”数字框内输入、选择表格的列数。
（5）在“布局”栏的“对齐方式”下拉列表框内，设置表格在网页上的对齐方式。
在“左”、“中”、“右”、“重排”与“默认值”5种对齐方式中选择其一。
（6）在“布局”栏的“边框粗细”数字框中指定表格边线的宽度。
如果表格具有可见的边线，将会比较容易处理。
（7）在“布局”栏的“单元格边距”数字框中输入、选择单元格的突起程度。
（8）在“布局”栏的“单元格间距”列表框中输入、选择单元格与内容之间的距离。
（9）启用“指定宽度”复选框之后，选中“像素”单选按钮，表示将以“像素”为单位指定表格的宽度；
选中“百分比”单选按钮，表明将以浏览器窗口的百分比设置表格的宽度。
（10）单击“确定”按钮。
2.5.2操作单元格
插入单元格
在单元格内单击之后，打开“表格”菜单的“插入”子菜单，执行其中的“单元格”命令即可完成插入单元格的操作，新插入的单元格将出现在所选单元格的左侧。
合并单元格
合并单元格就是将两个以上的单元格合并成一个较大的单元格，并且单元格的内容也将合并在一起。
选择需要合并的多个单元格之后，可选择下列步骤之一进行单元格的合并操作：
*单击表格工具栏的“合并单元格”按钮。
*打开“表格”菜单，执行“合并单元格”命令。
*单击表格工具栏的“清除”按钮，删除单元格之间的边线。
填充单元格
在表格的单元格内单击，确定填充内容的插入点，打开“插入”菜单，在“文件”、“图片”、“表单”、“组件”等命令中选择其一。
也可以通过“粘贴”、“复制”等功能对单元格进行填充。
调整边线着色
当单元格边线的宽度大于1个像素时，就可对边线进行着色。
在默认的情况下，单元格的边线颜色将采用表格的边线颜色，FrontPage2002允许用户选择、定义自己所喜爱的任何颜色对单元格边线进行着色处理。
为了增加单元格的层次感，还可使用两种深浅不同的颜色定义单元格的边框。
（1）移动插入点至单元格内，也可以选择多个单元格。
（2）右击打开快捷菜单，执行“单元格属性”命令，打开“单元格属性”对话框。
（3）在“边框”栏中，打开“颜色”下拉列表框，选择、定义单元格边线的颜色。
（4）打开“亮边框”下拉列表框选择一种较浅的颜色，单元格的右侧、下侧边线将采用所设置的颜色。
（5）打开“暗边框”下拉列表框选择一种较深的颜色，单元格的左侧、上侧边线将采用所设置的颜色。
（6）单击“确定”按钮。
改变单元格的大小
在单元格内输入、填充内容之后，它的大小将随着填充物的变化而自行调整。
改变单元格的大小时，可将鼠标移动至单元格的边线处，当指针变成水平箭头时，水平地拖动鼠标，即可改变单元格地宽度；
当指针变成垂直箭头时，垂直地拖动鼠标，即可改变单元格地高度。
这种方法的特点时方便、快捷，但不能精确地定义单元格地大小，除非通过“单元格属性”对话框来进行设置。
2.5.3修改表格的行与列
多个连续地单元格将构成表格地行或列，由于在WEB网页内大量存在的是规则表格，因此对表格行与列的操作，要比单元格的操作更频繁一些，它们对表格外观的改变也是最显著的。
插入行或列
将插入点固定在单元格内，单击表格工具栏的“插入行”按钮，将在单元格的上方插入一个空行，并且插入行的列数与单元格所在行的列数完全相同。
这相当于将单元格所在的行复制到上方，只不过复制行的内容是空的。
使用菜单命令，可在表格内一次性地插入多个空白行，并且可以选择表格行出现的位置。
删除行或列
对于表格内多余地行与列，可以进行删除操作。
在删除之前，需要选择这些准备删除的内容，可以是表格内连续的行或列，也可以是不连续的行或列，然后按照下列步骤之一进行操作:
*单击表格工具栏的“删除单元格”按钮。
*打开“表格”菜单，执行“删除单元格”命令。
表格内的行与列删除之后，其中所包含的内容也一起被删除，并且剩余的行与列将扩展到原表格的大小。
如果需要撤销进行的删除操作，可单击常用工具栏的“撤销”按钮，或者打开“编辑”菜单，执行其中的“撤销删除”命令。
2.6添加WEB组件
FrontPage2002提供的动态效果包括悬停按钮、字幕与横幅广告管理器。
悬停按钮是具有动态效果的活动按钮。
将鼠标移动至悬停按钮时，能显示出动态特性，单击按钮之后，该按钮的颜色将发生变化，并在WEB浏览器窗口内打开所定义的连接目标。
字幕是一个在网页内滚动显示的文本，用于发布一些重要的通知与公告。
横幅广告管理器可以轮换地显示一组图片，每幅图片在浏览器窗口地停留时间、过渡效果是可以预订的。
2.6.1字幕效果
FrontPage2002的组件功能使字幕应用简单化，只需在打开的“字幕属性”对话框内进行简单的选择、设置操作，就可将生动形象、形式多样的字幕插入到当前网页。
创建字幕
（1）在网页内确定字幕的插入位置，或者选择字幕的文本内容。
（2）执行“插入”菜单的“WEB组件”命令，打开“插入WEB组件”对话框。
（3）在“组件类型”列表框内选择“动态效果”。
（4）在“选择一种效果”列表框内选择“字幕”。
（5）单击“完成”按钮，打开如下图所示的“字幕属性”对话框。
（6）在“文本”文本框中输入字幕内容，如果在网页内选择了作为字幕的文本内容，则该文本将出现在文本框内，可对它进行简单的编辑操作。
（7）单击“确定”按钮。
在网页内选择格式文本之后，再打开“字幕属性”对话框，就可以再网页内创建带格式的字幕。
在网页的“普通”编辑模式下，创建的字幕在网页内与普通文本没有任何区别。
只有在预览或浏览器窗口内，字幕才能在窗口内水平地滚动起来。
在默认情况下，字幕滚动的范围将占据整个窗口，用鼠标单击字幕时，在它地周围将出现黑色地标记，将字幕固定在边框内。
使用鼠标拖动标记，即可改变字幕在高度与滚动的范围。
将鼠标移动至字幕内，拖动鼠标即可改变字幕在网页内地位置。
选择字幕之后，按Delete功能键将删除创建的字幕。
第一次创建的字幕将使用FrontPage2002提供的默认参数，与字幕有关的参数包括：
滚动方向、延迟时间、移动方式、背景颜色、大小尺寸等。
FrontPage2002允许对上述参数进行调整，使创建的字幕更具个人特点。
在多个字幕内使用相同的文本内容，却设置不同的运动速度，将在浏览器窗口内看到连续变化的动画效果。
修改字幕参数
（1）在网页内双击字幕，打开如上图所示的“字幕属性”对话框。
（2）在“方向”栏内设置字幕水平滚动的方向，从左到右，或者使从右到左。
（3）在“速度”栏的“延迟”数字框内设置字幕从消失到重新出现的时间间隔。
数值越大，表明字幕在窗口内再次出现的延迟时间越长。
该延迟时间以“毫秒”为单位。
（4）在“速度”栏的“数量”数字框内设置字幕在浏览窗口每次移动的偏移量，偏移量越大，字幕移动得越快，但波动较大。
偏移量是以“像素”为单位得。
（5）在“表现方式”栏内设置字幕在浏览窗口的表现方式。
（6）在“大小”栏中设置字幕边框的高度与宽度，用户可以选择“像素”为单位，也可以使用浏览窗口的百分比来设置字幕边框的大小。
（7）在“重复”栏中设置字幕运动的次数，如果启用“连续”复选框，则表示始终有字幕在窗口内滚动。
（8）打开“背景色”列表框设置滚动字幕的背景色。
（9）单击“确定”按钮。
字幕在网页内的表现形式有3种：
在默认的情况下，字幕以“滚动条”的表现方式出现，当最后一个字符从浏览器窗口消失时，字幕将重新出现在字幕边框的另一侧；
选择“幻灯片”表现方式，当字幕的第一个字符接触字幕边框的一侧时，字幕将重新出现在字幕边框的另一侧；
选择“交替”表现方式时，当字幕的第一个字符滚动到字幕边界时，字幕立即向相反的方向运动，这样字幕的完整内容始终出现在浏览器窗口内。
2.6.2横幅广告管理器
FrontPage2002提供的横幅广告管理器就是一个简单、易用的广告管理器，它将多帧画面组成广告的内容，在浏览器窗口循环播放。
每帧画面的显示时间、过渡效果时可以预订的，还可通过设置超连接的方式，给出广告内容的详细资料。
（1）在网页内指定横幅广告出现的位置。
（2）打开“插入”菜单，执行“WEB组件”命令，打开“插入WEB组件”对话框。
（4）在“选择一种效果”列表框内选择“横幅广告管理器”。
（5）单击“完成”按钮，打开如图所示的“横幅广告管理器属性”对话框。
（6）在“宽度”、“高度”文本框内输入横幅广告的显示尺寸，它时以“像素”为单位的。
（7）打开“过渡效果”下拉列表框，选择广告画面之间进行过渡的效果模式。
（8）在“每幅图片显示（秒）”文本框内输入每帧画面在浏览器窗口的显示时间，它是以“秒”为单位的。
（9）在“连接到”文本框内输入横幅广告的链接目标。
（10）在“显示图片”栏内，单击右侧的“添加”按钮，将打开“添加横幅广告图片”对话框，确定广告第一帧画面图片文件的URL。
（11）单击“确定”按钮之后，返回“横幅广告管理器属性”对话框，第一帧画面的URL出现在“显示图片”列表框内。
（12）重复上述第（10）、（11）两步操作，将广告所需的多帧个画面插入到列表框内。
（13）单击“确定”按钮。
在“显示图片”栏内，除了“添加”按钮之后，还包括其它3个按钮：
单击“上移”和“下移”按钮，可改变所选画面在广告种的播放顺序，最直接的反映就是列表框内图片文件的排列顺序发生了变化；
单击“删除”按钮之后，即可将所选的图片文件从横幅广告内删除。
2.7绘图
FrontPage2002也提供了一些基本绘图功能，而“校园导航系统”的总图等正是由基本图形组成，下面，根据使用情况进行一些简单介绍。
2.7.1开始绘图
打开“视图”菜单下“工具栏”命令，选择“绘图”选项，FrontPage2002界面下端将出现绘图工具栏。
除了基本的直线、箭头、长方形、圆形以外，可使用“自选图形”进行选择绘图。
点击“自选图形”，如下图所示，选择好后，在网面上拖动，将出现所选图形。
出现的图形周围一般有10个点。
8个黑色圆点为定位点，图形的大小可以通过鼠标拖动定位点进行调整；
中间1个绿色点可以调整图形的角度；
黄色菱形点为图形卷曲程度（折）点，通过拖动鼠标，可以改变图形卷曲程度。
2.7.2添加文字
绘制好图形后，点击右键快捷键，选择“添加文字”命令，这时，图形中间将出现虚线框，可以进行添加文字工作。
添加好的文字可以通过“格式”菜单下的命令进行修饰，也可以点击右键，选择“字体”命令进行修饰。
2.7.3颜色更改
图形填充色调整
单击右键，选择“文本框格式”命令，将出现“设置自选图形格式”对话框，在“颜色和线条”选项卡中，选择“填充颜色”可以改变图形的填充颜色；
调节“透明度”百分比，可以调节图形处
升级会员 