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

1、简单网页的制作以个人简历为例1简单网页的制作以个人简历为例2学习目的学习目的(1)了解网站建立的过程和操作(2)掌握网页设计与建立链接的基本方法(3)掌握网站上传的方法简单网页的制作以个人简历为例3学习内容学习内容基础知识使用frontpage2000建立本地网站使用frontpage2000制作网页在网页之间建立超级链接本地网站上的内容发布到internet上简单网页的制作以个人简历为例41、frontpage基本操作基本操作依次单击【开始】、【程序】、依次单击【开始】、【程序】、【 microsoft frontpage】命令，就可启动】命令，就可启动frontpage。frontpage

2、窗口窗口2、启动、启动frontpage后，打开图后，打开图1所所示的示的frontpage窗口。窗口。一、基础知识一、基础知识简单网页的制作以个人简历为例5图1简单网页的制作以个人简历为例6视图栏： 用来选择不同的视图方式。网页查看方式： 可选择编辑网页的【普通】方式，查看网页代码的【html】方式和预览网页效果的【预览】方式来查看网页。文件夹浏览栏： 显示网站文件夹结构和文件。单击常用工具栏上的【文件夹列表】按钮，可以显示或关闭该栏。其他窗口元素与word相似。简单网页的制作以个人简历为例7二、使用二、使用frontpage2000建立本建立本地网站地网站 使用frontpage创建站点的

3、步骤如下所示。 1. 创建站点 打开frontpage，选择“文件|新建|网页或站点”命令，打开“新建网页或站点”子窗口(见图2)。在“新建”栏选择“空白站点”，打开“web站点模板”对话框，在“指定新站点的位置”文本框中输入新站点的名称，如“文学欣赏”，然后单击“确定”按钮(见图3)。简单网页的制作以个人简历为例8图2图3简单网页的制作以个人简历为例92 . 创建站点主页 在视图栏中单击“导航”按钮打开导航窗口，在工具栏上击“新建网页”图标在导航窗口中创建一主页(参见图4)。图4简单网页的制作以个人简历为例103. 命名主页 在“主页图标”上单击右键，在弹出的快捷菜单中选择“重命名”命令，将

4、“主页”改为“我的主页 ”，此页即为“我的主页 ”站点的主页。如图4所示。图4简单网页的制作以个人简历为例114. 创建子网页 点击选中“文学欣赏”图标后，若连续点击4次工具栏上“新建网页”按钮，则在主页下面创建4个子页，分别重命名为： 本人介绍、所学课程和成绩、奖惩情况和联系本人； (参见图)。简单网页的制作以个人简历为例12图5简单网页的制作以个人简历为例13三、使用三、使用frontpage2000制作网页制作网页 本实验以制作一个自我介绍的主页为例，简单说明如何来根据这个主题来收集有关素材，如何规划网页结构以突出该主题。1.设计制作“我的主页”首页 双击图4网页中“我的主页”图标进入“

5、我的主页”页面编辑窗口。 在第一行输入“我的主页”，然后设置格式为“隶书”、“36磅”、“居中”。输入“我的主页”后，回车。如图6所示。再单击“插入”菜单的“水平线”命令，在文字下插入一条水平线。右击该水平线，弹出快捷菜单，选择“水平线属性”设置其相关参数，如图7所示：简单网页的制作以个人简历为例14图6图7简单网页的制作以个人简历为例15 单击工具栏的“插入表格”按钮，插入一个的表格，右击表格，弹出快捷菜单，选择“表格属性”设置相关参数。将边框粗细设置为。如图8所示：图8简单网页的制作以个人简历为例16图92.设计制作设计制作“本人简历本人简历”网网页页简单网页的制作以个人简历为例173.制

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

7、在网页列表中选择网页“brjl.htm”，然后单击“确定”，见下图。依次类推，设置文本“课程和成绩”的超链接为“kccj.htm”；设置文本“奖惩情况”的超链接为“jcqk.htm”。如图10所示： 简单网页的制作以个人简历为例19图10简单网页的制作以个人简历为例20 在设置文本“联系本人”的超链接时，这里要指定一个邮箱地址，请在“url”文本框中输入“mailto:”。如图所示：图11简单网页的制作以个人简历为例21 按照上面的方式，设置其他网页上“返回”文本的超链接，链接指向网页“default.htm”。所有网页的链接建立好以后，将网页全部保存。然后，检查网页的链接是否正确。双击“文件

8、夹列表”窗口中“default.htm”文件，打开该网页。然后单击frontpage2000“视图”工具栏上的“超链接”按钮，即可显示出该网页所指向的所有网页，以及指向“default.htm”的所有网页。如图12所示：图12简单网页的制作以个人简历为例22五、本地网站上的内容发布到五、本地网站上的内容发布到internet上上 整个站点内的所有网页完成后，可以将站点发布到internet。一般提供个人主页服务的站点都要求使用ftp软件将网页文件上传到web服务器上这里我们就利用校园网上的一个免费的主页服务器。 校园网上主页服务器的地址，（55）,首先要在上面建立自己的

9、主页目录，主页目录用自己的学号。具体方法是使用ftp命令，或者教师帮助大家建立好。简单网页的制作以个人简历为例23 下面介绍如何利用ftp命令建立自己的主页目录。第一步：选择“附件”菜单上的“命令提示符”，切换到ms-dos方式。第二步：输入命令“ftp 55”后，回车。第三步：按照提示输入用户名：stud；密码：1234567。第四步：输入命令“mkdir 学号”。这里的“学号”指自己的学号。第五步：输入命令“bye”,退出ftp模式；再输入命令“exit”返回窗口界面。主页目录建立完成后，就可以将本地网站的网页发布上去，发布网页有许多方式，通常采用ftp命令。这里我们利用frontpage2000提供的网站发布功能。简单网页的制作以个人简历为例24 打开我们前面建立的网站，选择“文件”菜单的“发布站点”命令，弹出“发布站点”对话框，在“指定发布站点位置”下的文本框中输入站点发布位置“55/学号”，这里的学