FrontPage2003制作网站详解.docVIP

6.5 网页制作 大家在因特网上浏览过许多网站，查阅过许多资料，那么，这些网站是怎样建立的呢？制作网站要借助于制作网站的软件工具。制作网站的工具非常多，如FrontPage、Dreamweaver等，我们以FrontPage 2003为例，学习网站的制作。FrontPage 2003是Microsoft公司推出的Web站点创建和管理工具，它是微软Office成员之一。 FrontPage 2003是一个所见即所得的“傻瓜”型网页制作软件，你可以对HTML毫不了解的情况下轻松地制作出自己的网页来，你需要的只是用鼠标及键盘的简单操作。 6.5.1 FrontPage 2003的启动与退出 1．FrontPage 2003的启动 如图6-1所示，选择“开始”→“程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，即可启动FrontPage 。其界面如图6-1所示 图6-22 FrontPage 2003窗口 与以前版本的FrontPage不同，编辑模式按钮提供了“设计”模式、“拆分”模式、“代码”模式和“预览”模式，用户不必经过选择就可直接进入编辑器和资源管理器的窗口。FrontPage 2003提供了与Word类似的中文界面，使用户可以轻松地建立站点和编辑网页。 2．FrontPage 2003的退出 （1）单击“标题栏”右端的“关闭”按钮； （2）选择“文件”下拉菜单中的“退出”命令。 6.5.2 创建网站 任务 制作个人网站“鸿渐工作室” ★ 【任务说明】 某财经学校计算机专业张鸿渐同学多才多艺，在学完网页制作课程之后想在网上安个“家”。本任务以制作个人网站“鸿渐工作室”为例学习网站站点的建立过程。 【任务实施】 本任务包括的操作主要是，创建站点、在网站中加入网页等 1. 规划网站，绘制结构图 网站包含多个由超级链接连在一起的网页，所以，在建立网站之前，要明确这个网站由哪些网页组成，明确网页之间的关系。张鸿渐的作品很多，需要分类，在制作网站之前，首先画出网站的设计草图。如图6-23所示 图6-23 网站结构图 2. 创建网站 创建一个Web网站有两种方法。第一种方法是利用FrontPage的Web网站模板和向导，这种方法操作简单、速度快，比较适合建立大、中型的Web网站。第二种方法是逐个地创建网页文件，然后创建它们之间的链接关系，这种方法适合于网页数量不多的小型网站。 使用FrontPage模板创建网站的步骤： （1）启动FrontPage应用程序；选择【文件】/【新建…】命令，在窗口右侧打开“新建”任务窗格； 选择【新建网站】栏 “由一个网页组成的网站…”如图6-24。 （2）打开“网站模板”对话框， 如图6-25;在“指定新网站的位置”下拉列表框中选择新站点的保存位置，或者选择“浏览”按钮选择新站点的保存位置，也可以直接输入，本例直接输入“E:\webhongjian”。选择左边框中“只有一个网页的网站”选项，然后单击“确定”按钮。 图6-24 “新建”任务窗格 图6-25　“网站模板”对话框 （3）此时FrontPage就会自动创建一个单网页的网站，此网站只有一个网页，即主页。主页是一个站点的第一页，文件名通常为index.htm。在工具栏中单击“文件夹列表”按钮，出现文件夹列表，在这里可以看到所建网站的结构，如图6-26所示，其中的“images”文件夹是系统自动生成的用来存放图像文件的文件夹，。双击“index.htm”,打开主页的编辑界面，此时可以向主页中加入内容（加入内容的方法后面会有介绍），这样，一个简单的主页就制作完成了。 图6-26　建立网站后的窗口 3.在新建网站中加入网页 在实际应用中，仅有一个主页的站点是极少见的，接着上面的例子，向主页中加入新网页的操作步骤如下。 （1） 单击“新建”任务窗格中“新建网页”下的”空白网页“（快捷键“Ctrl+N”），FrontPage 2003将自动创建一个新的网页，该网页被命名为“new_page_1.htm”，但这个新页还未被加入站点中，现在站点中还只有主页这一个网页。 （2） 单击【文件】/【保存】命令，弹出“另存为”对话框，如图6-27，单击“更改标题”，在弹出的“输入文字”对话框中修改网页的标题名为“个人简介”如图6-28；单击“确定”，在“另存为”对话框“的文件名”文本框中更改网页的文件名为“jianjie”然后单击“保存”按钮，则新页“jianjie.htm”就被加入到站点中，在“文件夹列表”框中能够查看到。 图6-27 保存新建文件 图