FrontPage2002简易教程 深圳大学师范学院 综合教育处.

Presentation on theme: "FrontPage2002简易教程 深圳大学师范学院 综合教育处."— Presentation transcript:

1 FrontPage2002简易教程 深圳大学师范学院 综合教育处

2 前期准备 首先在心中对自己的网站有通盘的考虑。先建立三个单页，分别放置“要作为页头的网站LOGO及横向排列的主要链接按钮”、“要作为左侧纵向排列的主要链接按钮”和“要作为页底的板权说明及 联系方式”。这三方面内容，并分别命名(作为例子，在此各以“top.htm”、“left.htm”和“down.htm”命名)后保存于WEB文件夹下。

3 快速建站八步曲 1、首先插入一个1行1列表格，将表格的粗细、单元格间距、边距都设为0，再给表格及单元格以恰当的宽度(一般以像素为单位且 之间最好)，最后给表格以“居中”属性。

4 2、先置光标于上述单元格内，再点按“插入”菜单中的“嵌入式框架”命令(这是比FrontPage2000多带的一项新功能)，然后就会看到带有两种选择设置按钮的默认尺寸为300*150像素的“嵌入式框架”(下图1)

5

6 3、点按“设置初始页”按钮，从你的WEB夹中找到要显示在此框架中的网页“top.htm”并确定(下图2)

7 4、确定后，你会发现它带有滚动条且尺寸不适！不要紧，只须将鼠标指向其边缘并单击，当四周出现带有8个黑色矩形点时表示已经选中，然后双击，在弹出的“嵌入式框架属性”框中，据需设置好框架及其边距的宽度高度、去掉“显示边框”前的“√”、并设置滚动条的显示状态为“不显示”(下图3)，最后确定退出！(注：保存浏览若感觉不满足再回来修改！)

8

9 5、再在上述表格下方新插入一个1行2列的表格，设置其宽度上表一致，并根据需要设置好两个单元格宽度，然后仿照上述步骤在左侧单元格中将“left
5、再在上述表格下方新插入一个1行2列的表格，设置其宽度上表一致，并根据需要设置好两个单元格宽度，然后仿照上述步骤在左侧单元格中将“left.htm”作为嵌入式框架页面并设置好相关属性值。

10 6、然后，拷贝第一个表格到每二个表格的下方后，将引入的框架网页“top. htm”改为“down
6、然后，拷贝第一个表格到每二个表格的下方后，将引入的框架网页“top.htm”改为“down.htm”，并重新设置好其各属性值以使其适应“down.htm”页中的内容。(也可再次重复前4个步骤进入 “down.htm”)

11 7、保存后，先将此页命名为“index.htm”，再通过拷贝得到多个(你的主要链接按钮有多少就拷贝多少个)，然后分别命好名(可用最省事的命名方式，如：001.htm、002.htm、XXX.htm)

12 8、编辑状态下，分别打开“top. htm”和“left
8、编辑状态下，分别打开“top.htm”和“left.htm”两个页面，对各主要按钮设置链接到相关页面。此处特别提醒：凡是嵌入式页面中的链接按钮，要注意目标页面的打开方式，设置成“整页”(top)方式打开(下图4)。

13

14 最后，保存退出，运行“index. htm”，并逐一点击相关链接链接！可以发现，仅仅是一次性地对“top. htm”和“left
最后，保存退出，运行“index.htm”，并逐一点击相关链接链接！可以发现，仅仅是一次性地对“top.htm”和“left.htm”两个页面作过链接，所有页面上就都起作用了，这正是“嵌入式框架页面”的巨大魅力所在！

15 转换图片格式 启动FrontPage后，在编辑页面，将光标插入到页面中的任一位置，然后点击菜单栏的“插入→图片→来自文件”，选择要转换的图片文件，点击“确定”后，这张图片便插入到了页面中了。此时我们在图片上点击右键，选中“图片属性”打开其属性面板，在常规选项卡的“类型”中看到有三个单选项：GIF、JPG以及PNG，即图片可以转换为的三种格式，此外还有图片质量设置项。

16 假设我们插入的这张图片为BMP格式，我们选中单选项“JPG”则可以将它转换为JPG格式，图片质量的设置建议不要低于默认值的75%，否则图片质量可能会损失较大。在外观选项卡中，通过修改宽度和高度的数值就能改变图片的尺寸(也可以在页面中通过拖动图片边框来实现)。属性都设置好以后，按下“确定”按钮，页面中便呈现出图片的实际效果了。最后点击“文件→保存文件”将页面保存下来，注意在提示“保存嵌入式文件”时，将图片文件保存在你指定的一个目录就可以了。

17 创建导航栏 　导航栏其实就是一组超链接，典型的导航栏将有一些指向站点的主页和主要网页的超链接，它是用来帮助网站访问者浏览站点的工具，或者称其为“网站地图”更为贴切。导航栏可以是按钮或者文本超链接

18 你可以在你的站点的每个网页上显示一个导航栏，这样你站点的访问者就可以既快又容易地转向站点的主要网页。
你可以组织导航视图模式下的网页来创建当前站点的导航结构。这个导航结构显示出你站点里网页之间彼此相关联的情形，你可选择“格式”菜单中的“共享边框”命令，来让FrontPage 2000自动设置导航栏。

19 认识导航结构 　　 以下示例显示出一个站点的结构(图3)，我们来仔细看看这些网页间的关系：

20 为站点设置导航结构 在导航视图里，你可以做下面这些事：
　　若要为当前导航结构添加现有网页，可单击文件夹列表里的网页，然后拖曳到你想要将其放置的位置。 　　若要移动导航结构里的网页，可在该网页上单击，然后拖曳到其他位置，例如在另一网页之下或其旁边。 　　若要赋予网页一个有意义的标题，可在网页上单击鼠标右键，然后在快捷菜单上单击 “重命名”，再编辑名称。 　　若要在现有网页下增加新网页，可在现有网页上单击鼠标右键，然后在快捷菜单上单击“新建网页”。例如∶你可以在主页之下添加网页。 　　若要添加外部网页(不在你站点里的网页)，可在你想添加外部超链接的网页上单击鼠标右键，然后在“URL”框中指定目标地址。 　　若要删除导航结构里的网页，可单击该网页，然后按Delete键。再单击“将本网页从所有导航栏中删除”。

21 制作网页的动态效果 1、点击“格式”菜单中的“动态HTML效果”，这时在窗口中就会出现“动态HTML效果”的工具栏(图1)。
2、选择相应的元素，在“开启”对话框的下拉菜单中选择引发动画的事件。共有四种引发动画的事件：“单击”，指当鼠标单击时引发动态效果；“双击”，鼠标在双击时引发动态效果；“鼠标悬停”，鼠标放在网页的元素上时引发动态效果；“网页加载”，指引发动画效果是在网页被开启时产生。可以根据不同的要求进行引发事件的选择。

22 3、在“启用”框中的下拉菜单中可以选择动画效果的类型。这些类型是根据选择的元素与引发动画的事件的不同而不同。“飞出”，指网页中的字体或图片在特定的事件下从屏幕上飞出；“格式”，用于网页元素的外观设置；“交换图片”，用于图片动画的交换；在选择鼠标悬停为引发事件时，还会有如“飞入”、“跳跃”、“波动”等一系列的动态效果。

23 4、在“选择设置”框的下拉菜单中选择效果的设置。“对飞出的设置”，可以对方向式移动类型做出选择；“对格式进行设置”，可以对字体的颜色、大小、效果、间距等进行设置；“对边框进行设置”，可以更改边框或底纹格式等；“交换图片的效果”，在选择对图片的效果中，可以更改图片。 　 这样动态的HTML效果就设置完成了，我们还可以对同一个元素应用多重效果，如在网页加载时进行波动，在单击鼠标时更换图片，在双击鼠标时出现文本框。

24 表格设计与实践 一、表格与单元格要区分清楚
在FrontPage中，一定要正确认识表格与单元格的不同。表格是用菜单工具或工具按钮得到的表格整体，包括一个以上的行和列；单元格则是表格当中的一个或多个单元，我们既可以设置表格的属性，还可以就表格中的一个或多个单元格分别设置属性。通过表格属性的设置可以把握一个表格的整体特征；通过单元格属性的设置可以将一个表格内部布置得“绚丽多彩”。 　　注意：单元格中包含的仍然是表格，这不矛盾。

25 二、表格与单元格的属性设置要区分清楚 如果你在A处点鼠标右键，选中“表格属性”进行设置，那么这种设置将对最外层的大表格起作用。对A单元格中包含的小表格不起作用。 　如果你在B处点鼠标右键，选中“表格属性”进行设置，那么这种设置将仅对其中的小表格起作用。具体使用时希望能注意，有时因为该选择单元格属性设置时误选了表格属性，结果会让你“百思不得其解” 。

26 三、表格属性的设置 1.对齐与浮动 2.单元格边距 3.使用暗边框、亮边框颜色设置，结合表格线粗细及单元格边距 4.指定宽度和指定高度项的设置 5.表格线粗细 6.使用背景图片

27 网站目录建立及管理 创建站点的目录，首先同样是要在网页视图模式下，确定插入新创建的目录的地方。
　　提示：可以在包含其他内容的网页上创建目录，也可以直接在本网页上创建目录。如果想为大型站点创建目录，应该创建一个特殊的只包括目录的网页。 　　然后在"插入"菜单上，指向"组件"，然后单击"目录"命令。 　　接着在"目录初始点的网页URL"框，键入网页的相对URL，将其作为目录的起点，也可以单击"浏览"确定目录的起始网页。 　　提示：起点决定哪些网页在目录的最左边，由起始网页中的超链接指向的网页在目录中缩进一个层次。 　　在"标题字号"框中，选择目录标题(顶层项目或初始网页)的段落样式。要在目录中去除起始网页，单击"无"。 　　提示：如果目录所在的网页又是目录中的起始网页，目录标题的超链接将指向同一网页。例如，如果您在index.htm网页上创建目录，并且目录的起点就是index.htm(同一网页)，目录的标题的超链接将连接到index.htm。如果想避免出现这样的循环超链接，请单击"无"，它在"标题字号"框中。

28 注意： 　　1、如果站点中包含多个超链接，而且指向同一网页，而您又想在目录中只显示一次该网页，请选中"每一个网页只显示一次"复选框。 　　2、要包括站点中没有任何超链接指向的网页，请选择"显示没有任何链入超链接的网页"复选框。 　　3、要在任何网页被编辑时重新计算目录，请选择"编辑任何其他网页时，重新计算目录"复选框。重新计算大型站点的目录将会花费不少时间，在选中这个复选框后，您可能发现保存网页的时间更长了。如果不选中这个复选框，您可以打开并保存包含目录的网页手工生成目录。

29 谢谢 更多请参考