实验十三 简单网页的制作

实验目的 (1)了解网站建立的过程和操作 (2)掌握网页设计与建立链接的基本方法 (3)掌握网站上传的方法

实验内容 基础知识 使用FrontPage2000建立本地网站 使用FrontPage2000制作网页 在网页之间建立超级链接 本地网站上的内容发布到Internet上

一、基础知识 1、FrontPage基本操作 依次单击【开始】、【程序】、【 Microsoft FrontPage】命令，就可启动FrontPage。 FrontPage窗口 2、启动FrontPage后，打开图1所示的FrontPage窗口。

图1

视图栏： 用来选择不同的视图方式。 网页查看方式： 可选择编辑网页的【普通】方式，查看网页代码的【HTML】方式和预览网页效果的【预览】方式来查看网页。 文件夹浏览栏： 显示网站文件夹结构和文件。单击常用工具栏上的【文件夹列表】按钮，可以显示或关闭该栏。 其他窗口元素与Word相似。

二、使用FrontPage2000建立本地网站 使用FrontPage创建站点的步骤如下所示。 1. 创建站点 1. 创建站点 打开FrontPage，选择“文件|新建|网页或站点”命令，打开“新建网页或站点”子窗口(见图2)。在“新建”栏选择“空白站点”，打开“Web站点模板”对话框，在“指定新站点的位置”文本框中输入新站点的名称，如“文学欣赏”，然后单击“确定”按钮(见图3)。

图2 图3

在视图栏中单击“导航”按钮打开导航窗口，在工具栏上击“新建网页”图标在导航窗口中创建一主页(参见图4)。 2 . 创建站点主页 在视图栏中单击“导航”按钮打开导航窗口，在工具栏上击“新建网页”图标在导航窗口中创建一主页(参见图4)。 图4

在“主页图标”上单击右键，在弹出的快捷菜单中选择“重命名”命令，将“主页”改为“我的主页 ”，此页即为“我的主页 ”站点的主页。如图4所示。 3. 命名主页 在“主页图标”上单击右键，在弹出的快捷菜单中选择“重命名”命令，将“主页”改为“我的主页 ”，此页即为“我的主页 ”站点的主页。如图4所示。 图4

4. 创建子网页 点击选中“文学欣赏”图标后，若连续点击4次工具栏上“新建网页”按钮，则在主页下面创建4个子页，分别重命名为： 本人介绍、所学课程和成绩、奖惩情况和联系本人； (参见图)。

图5

三、使用FrontPage2000制作网页 何来根据这个主题来收集有关素材，如何规划网页结构以 突出该主题。 1.设计制作“我的主页”首页 本实验以制作一个自我介绍的主页为例，简单说明如 何来根据这个主题来收集有关素材，如何规划网页结构以 突出该主题。 1.设计制作“我的主页”首页 双击图4网页中“我的主页”图标进入“我的主页”页面编辑窗口。 在第一行输入“我的主页”，然后设置格式为“隶书”、“36磅”、“居中”。输入“我的主页”后，回车。如图6所示。再单击“插入”菜单的“水平线”命令，在文字下插入一条水平线。右击该水平线，弹出快捷菜单，选择“水平线属性”设置其相关参数，如图7所示：

图6 图7

单击工具栏的“插入表格”按钮，插入一个４＊３的表格，右击表格，弹出快捷菜单，选择“表格属性”设置相关参数。将边框粗细设置为２。如图8所示：

2.设计制作“本人简历”网页 图9

3.制作“课程成绩”网页和“奖惩情况”网页 按照上面的操作，制作制作“课程成绩”网页和“奖惩情况”网 页分别取名为“kccj.htm”和“jcqk.htm”

四、在网页之间建立超级链接 超链接是Web网页之间的纽带。使用超链接使访问网站的 用户能够在丰富多彩的Web世界轻松地漫游，体验异国的风 采，以及进行网上通信、交流、购物，等等。没有超链接，网页 就失去其真正的意义。 创建超链接的步骤如下所示。 双击“文件夹列表”窗口中“default.htm”文件，打开该网页，用鼠标选择“本人简历”，然后单击工具栏上的“超链接”按钮后，弹出“编辑超链接”对话框,在网页列表中选择网页“brjl.htm”，然后单击“确定”，见下图。依次类推，设置文本“课程和成绩”的超链接为“kccj.htm”；设置文本“奖惩情况”的超链接为“jcqk.htm”。如图10所示：

图10

在设置文本“联系本人”的超链接时，这里要指定一个邮箱地 址，请在“URL”文本框中输入“mailto:jxufe@jxufe.edu.cn”。如图所示： 图11

按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default 按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default.htm”。所有网页的链接建立好以后，将网页全部保存。然后，检查网页的链接是否正确。双击“文件夹列表”窗口中“default.htm”文件，打开该网页。然后单击FrontPage2000“视图”工具栏上的“超链接”按钮，即可显示出该网页所指向的所有网页，以及指向“default.htm”的所有网页。如图12所示： 图12

五、本地网站上的内容发布到Internet上 整个站点内的所有网页完成后，可以将站点发布 到Internet。一般提供个人主页服务的站点都要求使 用FTP软件将网页文件上传到Web服务器上这里我们 就利用校园网上的一个免费的主页服务器。 校园网上主页服务器的地址，（210.35.207.155）, 首先要在上面建立自己的主页目录，主页目录用自己 的学号。具体方法是使用FTP命令，或者教师帮助大 家建立好。

下面介绍如何利用FTP命令建立自己的主页目录。 第一步：选择“附件”菜单上的“命令提示符”，切换到MS-DOS方式。 第二步：输入命令“ftp 210.35.207.155”后，回车。 第三步：按照提示输入用户名：stud；密码：1234567。 第四步：输入命令“mkdir 学号”。这里的“学号”指自己的学号。 第五步：输入命令“bye”,退出FTP模式；再输入命令“exit”返回窗口界面。 主页目录建立完成后，就可以将本地网站的网页发布上去，发布网页有许多方式，通常采用FTP命令。 这里我们利用FrontPage2000提供的网站发布功能。

打开我们前面建立的网站，选择“文件”菜单的“发布站点”命 令，弹出“发布站点”对话框，在“指定发布站点位置”下的文本框 中输入站点发布位置“ftp://210.35.207.155/学号”，这里的 学号，是同学们自己的学号。然后单击“发布”命令，主页即发布 成功。如图13所示： 图13

打开IE浏览器，在地址栏中输入主页地址“http://210.35.207.155/学号”，即可访问所建网站。 如果网站内容有所修改，只要在本地网站上修改好后，重新再按上面的步骤发布即可。