Download presentation
Presentation is loading. Please wait.
1
实验十三 简单网页的制作
2
实验目的 (1)了解网站建立的过程和操作 (2)掌握网页设计与建立链接的基本方法 (3)掌握网站上传的方法
3
实验内容 基础知识 使用FrontPage2000建立本地网站 使用FrontPage2000制作网页 在网页之间建立超级链接
本地网站上的内容发布到Internet上
4
一、基础知识 1、FrontPage基本操作 依次单击【开始】、【程序】、【 Microsoft
FrontPage】命令，就可启动FrontPage。 FrontPage窗口 2、启动FrontPage后，打开图1所示的FrontPage窗口。
5
图1
6
视图栏： 用来选择不同的视图方式。 网页查看方式： 可选择编辑网页的【普通】方式，查看网页代码的【HTML】方式和预览网页效果的【预览】方式来查看网页。 文件夹浏览栏： 显示网站文件夹结构和文件。单击常用工具栏上的【文件夹列表】按钮，可以显示或关闭该栏。 其他窗口元素与Word相似。
7
二、使用FrontPage2000建立本地网站 使用FrontPage创建站点的步骤如下所示。 1. 创建站点
1. 创建站点 打开FrontPage，选择“文件|新建|网页或站点”命令，打开“新建网页或站点”子窗口(见图2)。在“新建”栏选择“空白站点”，打开“Web站点模板”对话框，在“指定新站点的位置”文本框中输入新站点的名称，如“文学欣赏”，然后单击“确定”按钮(见图3)。
8
图2 图3
9
在视图栏中单击“导航”按钮打开导航窗口，在工具栏上击“新建网页”图标在导航窗口中创建一主页(参见图4)。
2 . 创建站点主页 在视图栏中单击“导航”按钮打开导航窗口，在工具栏上击“新建网页”图标在导航窗口中创建一主页(参见图4)。 图4
10
在“主页图标”上单击右键，在弹出的快捷菜单中选择“重命名”命令，将“主页”改为“我的主页 ”，此页即为“我的主页 ”站点的主页。如图4所示。
3. 命名主页 在“主页图标”上单击右键，在弹出的快捷菜单中选择“重命名”命令，将“主页”改为“我的主页 ”，此页即为“我的主页 ”站点的主页。如图4所示。 图4
11
4. 创建子网页 点击选中“文学欣赏”图标后，若连续点击4次工具栏上“新建网页”按钮，则在主页下面创建4个子页，分别重命名为： 本人介绍、所学课程和成绩、奖惩情况和联系本人； (参见图)。
12
图5
13
三、使用FrontPage2000制作网页 何来根据这个主题来收集有关素材，如何规划网页结构以 突出该主题。 1.设计制作“我的主页”首页
本实验以制作一个自我介绍的主页为例，简单说明如 何来根据这个主题来收集有关素材，如何规划网页结构以 突出该主题。 1.设计制作“我的主页”首页 双击图4网页中“我的主页”图标进入“我的主页”页面编辑窗口。 在第一行输入“我的主页”，然后设置格式为“隶书”、“36磅”、“居中”。输入“我的主页”后，回车。如图6所示。再单击“插入”菜单的“水平线”命令，在文字下插入一条水平线。右击该水平线，弹出快捷菜单，选择“水平线属性”设置其相关参数，如图7所示：
14
图6 图7
15
单击工具栏的“插入表格”按钮，插入一个４＊３的表格，右击表格，弹出快捷菜单，选择“表格属性”设置相关参数。将边框粗细设置为２。如图8所示：
16
2.设计制作“本人简历”网页 图9
17
3.制作“课程成绩”网页和“奖惩情况”网页 按照上面的操作，制作制作“课程成绩”网页和“奖惩情况”网 页分别取名为“kccj.htm”和“jcqk.htm”
18
四、在网页之间建立超级链接 超链接是Web网页之间的纽带。使用超链接使访问网站的 用户能够在丰富多彩的Web世界轻松地漫游，体验异国的风
采，以及进行网上通信、交流、购物，等等。没有超链接，网页 就失去其真正的意义。 创建超链接的步骤如下所示。 双击“文件夹列表”窗口中“default.htm”文件，打开该网页，用鼠标选择“本人简历”，然后单击工具栏上的“超链接”按钮后，弹出“编辑超链接”对话框,在网页列表中选择网页“brjl.htm”，然后单击“确定”，见下图。依次类推，设置文本“课程和成绩”的超链接为“kccj.htm”；设置文本“奖惩情况”的超链接为“jcqk.htm”。如图10所示：
19
图10
20
在设置文本“联系本人”的超链接时，这里要指定一个邮箱地
图11
21
按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default
按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default.htm”。所有网页的链接建立好以后，将网页全部保存。然后，检查网页的链接是否正确。双击“文件夹列表”窗口中“default.htm”文件，打开该网页。然后单击FrontPage2000“视图”工具栏上的“超链接”按钮，即可显示出该网页所指向的所有网页，以及指向“default.htm”的所有网页。如图12所示： 图12
22
五、本地网站上的内容发布到Internet上
整个站点内的所有网页完成后，可以将站点发布 到Internet。一般提供个人主页服务的站点都要求使 用FTP软件将网页文件上传到Web服务器上这里我们 就利用校园网上的一个免费的主页服务器。 校园网上主页服务器的地址，（ ）, 首先要在上面建立自己的主页目录，主页目录用自己 的学号。具体方法是使用FTP命令，或者教师帮助大 家建立好。
23
下面介绍如何利用FTP命令建立自己的主页目录。
第一步：选择“附件”菜单上的“命令提示符”，切换到MS-DOS方式。 第二步：输入命令“ftp ”后，回车。 第三步：按照提示输入用户名：stud；密码： 。 第四步：输入命令“mkdir 学号”。这里的“学号”指自己的学号。 第五步：输入命令“bye”,退出FTP模式；再输入命令“exit”返回窗口界面。 主页目录建立完成后，就可以将本地网站的网页发布上去，发布网页有许多方式，通常采用FTP命令。 这里我们利用FrontPage2000提供的网站发布功能。
24
打开我们前面建立的网站，选择“文件”菜单的“发布站点”命 令，弹出“发布站点”对话框，在“指定发布站点位置”下的文本框
中输入站点发布位置“ftp:// /学号”，这里的 学号，是同学们自己的学号。然后单击“发布”命令，主页即发布 成功。如图13所示： 图13
25
打开IE浏览器，在地址栏中输入主页地址“ 如果网站内容有所修改，只要在本地网站上修改好后，重新再按上面的步骤发布即可。
Similar presentations
