FrontPage2003制作网站详解

《FrontPage2003制作网站详解》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第六章计算机网络知识与网页制作6.5网页制作大家在因特网上浏览过许多网站，查阅过许多资料，那么，这些网站是怎样建立的呢？制作网站要借助于制作网站的软件工具。制作网站的工具非常多，如FrontPage、Dreamweaver等，我们以FrontPage2003为例，学习网站的制作。FrontPage2003是Microsoft公司推出的Web站点创建和管理工具，它是微软Office成员之一。FrontPage2003是一个所见即所得的“傻瓜”型网页制作软件，你可以对HTML毫不了解的情况下轻松地制作出自己的网页来，你需要的只是用鼠标及键盘的简单操作。6.5.1FrontPage2003

2、的启动与退出1．FrontPage2003的启动如图6-1所示，选择“开始”→“程序”→“MicrosoftOffice”→“MicrosoftOfficeFrontPage2003”命令，即可启动FrontPage。其界面如图6-1所示状态栏第5章编辑区第6章标题栏视图切换按钮当前文件名工具栏菜单栏图6-22FrontPage2003窗口与以前版本的FrontPage不同，编辑模式按钮提供了“设计”模式、“拆分”模式、“代码”模式和“预览”模式，用户不必经过选择就可直接进入编辑器和资源管理器的窗口。FrontPage2003提供了与Word类似的中文界面，使用户可以轻松地建立站点和

3、编辑网页。2．FrontPage2003的退出（1）单击“标题栏”右端的“关闭”按钮；（2）选择“文件”下拉菜单中的“退出”命令。23第六章计算机网络知识与网页制作6.5.2创建网站任务制作个人网站“鸿渐工作室”★【任务说明】某财经学校计算机专业张鸿渐同学多才多艺，在学完网页制作课程之后想在网上安个“家”。本任务以制作个人网站“鸿渐工作室”为例学习网站站点的建立过程。【任务实施】本任务包括的操作主要是，创建站点、在网站中加入网页等1.规划网站，绘制结构图网站包含多个由超级链接连在一起的网页，所以，在建立网站之前，要明确这个网站由哪些网页组成，明确网页之间的关系。张鸿渐的作品很多，需要

4、分类，在制作网站之前，首先画出网站的设计草图。如图6-23所示网文飘飘wangwen.htm首页Index.htm个人简介Jianjie.htm给我留言liuyan.htm应用技巧yingyong.htm站长原创yuanchuang.htm动画欣赏donghua.htm摄影作品sheying.htm图6-23网站结构图2.创建网站23第六章计算机网络知识与网页制作创建一个Web网站有两种方法。第一种方法是利用FrontPage的Web网站模板和向导，这种方法操作简单、速度快，比较适合建立大、中型的Web网站。第二种方法是逐个地创建网页文件，然后创建它们之间的链接关系，这种方法适合于网

5、页数量不多的小型网站。使用FrontPage模板创建网站的步骤：（1）启动FrontPage应用程序；选择【文件】/【新建…】命令，在窗口右侧打开“新建”任务窗格；选择【新建网站】栏“由一个网页组成的网站…”如图6-24。（2）打开“网站模板”对话框，如图6-25;在“指定新网站的位置”下拉列表框中选择新站点的保存位置，或者选择“浏览”按钮选择新站点的保存位置，也可以直接输入，本例直接输入“E:webhongjian”。选择左边框中“只有一个网页的网站”选项，然后单击“确定”按钮。图6-24“新建”任务窗格图6-25　“网站模板”对话框（3）此时FrontPage就会自动创建一个单

6、网页的网站，此网站只有一个网页，即主页。主页是一个站点的第一页，文件名通常为index.htm。在工具栏中单击“文件夹列表”按钮，出现文件夹列表，在这里可以看到所建网站的结构，如图6-26所示，其中的“images”文件夹是系统自动生成的用来存放图像文件的文件夹，。双击“index.htm”,打开主页的编辑界面，此时可以向主页中加入内容（加入内容的方法后面会有介绍），这样，一个简单的主页就制作完成了。图6-26　建立网站后的窗口23第六章计算机网络知识与网页制作3.在新建网站中加入网页在实际应用中，仅有一个主页的站点是极少见的，接着上面的例子，向主页中加入新网页的操作步骤如下。（1）

7、单击“新建”任务窗格中“新建网页”下的”空白网页“（快捷键“Ctrl+N”），FrontPage2003将自动创建一个新的网页，该网页被命名为“new_page_1.htm”，但这个新页还未被加入站点中，现在站点中还只有主页这一个网页。（2）单击【文件】/【保存】命令，弹出“另存为”对话框，如图6-27，单击“更改标题”，在弹出的“输入文字”对话框中修改网页的标题名为“个人简介”如图6-28；单击“确定”，在“另存为”对话框“的文件名”文本框中更改网页的文