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

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