简单网页的制作以个人简历为例.ppt

简单网页的制作以个人简历为例.ppt

《简单网页的制作以个人简历为例.ppt》由会员分享，可在线阅读，更多相关《简单网页的制作以个人简历为例.ppt（25页珍藏版）》请在冰豆网上搜索。

简单网页的制作学习目的学习目的n

（1）了解网站建立的过程和操作n

（2）掌握网页设计与建立链接的基本方法n（3）掌握网站上传的方法学习内容学习内容n基础知识n使用FrontPage2000建立本地网站n使用FrontPage2000制作网页n在网页之间建立超级链接n本地网站上的内容发布到Internet上n1、FrontPage基本操作基本操作n依次单击依次单击【开始开始】、【程序程序】、【MicrosoftnFrontPage】命令，就可启动命令，就可启动FrontPage。

nFrontPage窗口窗口n2、启动、启动FrontPage后，打开图后，打开图1所所示的示的FrontPage窗口。

窗口。

一、基础知识一、基础知识图1n视图栏：

用来选择不同的视图方式。

n网页查看方式：

可选择编辑网页的【普通】方式，查看网页代码的【HTML】方式和预览网页效果的【预览】方式来查看网页。

n文件夹浏览栏：

显示网站文件夹结构和文件。

单击常用工具栏上的【文件夹列表】按钮，可以显示或关闭该栏。

n其他窗口元素与Word相似。

二、使用二、使用FrontPage2000建立本建立本地网站地网站n使用FrontPage创建站点的步骤如下所示。

n1.创建站点n打开FrontPage，选择“文件|新建|网页或站点”命令，打开“新建网页或站点”子窗口（见图2）。

在“新建”栏选择“空白站点”，打开“Web站点模板”对话框，在“指定新站点的位置”文本框中输入新站点的名称，如“文学欣赏”，然后单击“确定”按钮（见图3）。

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

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

如图4所示。

图4n4.创建子网页n点击选中“文学欣赏”图标后，若连续点击4次工具栏上“新建网页”按钮，则在主页下面创建4个子页，分别重命名为：

本人介绍、所学课程和成绩、奖惩情况和联系本人；（参见图）。

图5三、使用三、使用FrontPage2000制作网页制作网页n本实验以制作一个自我介绍的主页为例，简单说明如n何来根据这个主题来收集有关素材，如何规划网页结构以n突出该主题。

n1.设计制作“我的主页”首页n双击图4网页中“我的主页”图标进入“我的主页”页面编辑窗口。

n在第一行输入“我的主页”，然后设置格式为“隶书”、“36磅”、“居中”。

输入“我的主页”后，回车。

如图6所示。

再单击“插入”菜单的“水平线”命令，在文字下插入一条水平线。

右击该水平线，弹出快捷菜单，选择“水平线属性”设置其相关参数，如图7所示：

图6图7n单击工具栏的“插入表格”按钮，插入一个的表格，右击表格，弹出快捷菜单，选择“表格属性”设置相关参数。

将边框粗细设置为。

如图8所示：

图8图92.设计制作设计制作“本人简历本人简历”网网页页n3.制作“课程成绩”网页和“奖惩情况”网页n按照上面的操作，制作制作“课程成绩”网页和“奖惩情况”网n页分别取名为“kccj.htm”和“jcqk.htm”四、在网页之间建立超级链四、在网页之间建立超级链接接n超链接是Web网页之间的纽带。

使用超链接使访问网站的n用户能够在丰富多彩的Web世界轻松地漫游，体验异国的风n采，以及进行网上通信、交流、购物，等等。

没有超链接，网页n就失去其真正的意义。

n创建超链接的步骤如下所示。

n双击“文件夹列表”窗口中“default.htm”文件，打开该网页，用鼠标选择“本人简历”，然后单击工具栏上的“超链接”按钮后，弹出“编辑超链接”对话框,在网页列表中选择网页“brjl.htm”，然后单击“确定”，见下图。

依次类推，设置文本“课程和成绩”的超链接为“kccj.htm”；设置文本“奖惩情况”的超链接为“jcqk.htm”。

如图10所示：

图10n在设置文本“联系本人”的超链接时，这里要指定一个邮箱地n址，请在“URL”文本框中输入“mailto:

”。

如图所示：

图11n按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default.htm”。

所有网页的链接建立好以后，将网页全部保存。

然后，检查网页的链接是否正确。

双击“文件夹列表”窗口中“default.htm”文件，打开该网页。

然后单击FrontPage2000“视图”工具栏上的“超链接”按钮，即可显示出该网页所指向的所有网页，以及指向“default.htm”的所有网页。

如图12所示：

图12五、本地网站上的内容发布到五、本地网站上的内容发布到Internet上上n整个站点内的所有网页完成后，可以将站点发布n到Internet。

一般提供个人主页服务的站点都要求使n用FTP软件将网页文件上传到Web服务器上这里我们n就利用校园网上的一个免费的主页服务器。

nn校园网上主页服务器的地址，（210.35.207.155）,n首先要在上面建立自己的主页目录，主页目录用自己n的学号。

具体方法是使用FTP命令，或者教师帮助大n家建立好。

n下面介绍如何利用FTP命令建立自己的主页目录。

n第一步：

选择“附件”菜单上的“命令提示符”，切换到MS-DOS方式。

n第二步：

输入命令“ftp210.35.207.155”后，回车。

n第三步：

按照提示输入用户名：

stud；密码：

1234567。

n第四步：

输入命令“mkdir学号”。

这里的“学号”指自己的学号。

n第五步：

输入命令“bye”,退出FTP模式；再输入命令“exit”返回窗口界面。

n主页目录建立完成后，就可以将本地网站的网页发布上去，发布网页有许多方式，通常采用FTP命令。

n这里我们利用FrontPage2000提供的网站发布功能。

n打开我们前面建立的网站，选择“文件”菜单的“发布站点”命n令，弹出“发布站点”对话框，在“指定发布站点位置”下的文本框n中输入站点发布位置“ftp:

/210.35.207.155/学号”，这里的n学号，是同学们自己的学号。

然后单击“发布”命令，主页即发布n成功。

如图13所示：

图13n打开IE浏览器，在地址栏中输入主页地址“http:

/210.35.207.155/学号”，即可访问所建网站。

n如果网站内容有所修改，只要在本地网站上修改好后，重新再按上面的步骤发布即可。