您好, 访客   登录/注册

FrontPage网页制作

来源:用户上传      作者: 卢永华

  摘 要: 随着Internet的快速发展和计算机的普及,制作网站已成为人们展示自己、交流心得的重要手段,掌握一种网页制作方法也成为人们的时尚之选。FrontPage以其功能强大、容易上手、界面亲切而著称。
  关键词: FrontPage 创建站点 文字 图片 超链接
  
  现在流行网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的FrontPage,还有Adobe Pagemill 3.0――制作多框架,表单和Image map图像的网页工具,Netscape,等等。其中FrontPage更以其功能强大、容易上手、界面亲切而著称。利用它可以轻松的组织、编辑网页并将其发布到指定站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。
  现在就让我们从第一步的建立站点来踏上建造网上家园之旅。
  启动FrontPage,单击任务栏上“开始”按钮,从“程序”菜单中选择“Microsoft FrontPage”单击。便可打开FrontPage,FrontPage的界面可以分成菜单栏、工具栏、状态栏、视图窗和编辑器窗口5大部分。
  首先,我们来看创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点位置,单击“只有一个网页的站点”图标,单击“确定”按钮,这就建立好站点了。我们现在来看一下新站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。浏览者访问站点时首先进入的就是站点主页。主页名字一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页站点时,FrontPage就自动为我们创建了站点主页。
  尽管每一个站点都有一个主页,不过创建站点时我们仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标,这是FrontPage提供用来创建站点模板或向导。
  我们可以使用模板或向导来建立站点。单击“个人站点”图标,用它可以迅速创建一个个人站点,输入站点所在的位置,单击“确定”按钮,这样我们就创建了个人站点。个人站点模板已经为我们规划好了站点目录和建立了相关页面。现在我们点击一下“文件夹”按钮,双击index.htm图标。看,这就是我们的个人站点的主页。哎,好像有许多文字都不对,没关系,这些文字是可以改变的,现在写的是文字的用途,比如“主题”文字就是用来写网站标题的地方,我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式,双击photo.htm。也可以把风景图片换成自己的照片,只要在新建站点的基础上进一步修改就可以做出自己的个人站点。这不仅节省了许多力气,同时还给了初学者一个良好的起点。
  模板和向导有什么区别呢?我们安装软件时,一步步用对话框提示我们完成安装过程的程序就是一个向导。在FrontPage里,向导也是一种模板,不过它是一种特殊的模板,它会以对话框的形式辅助你完成站点的创建过程。
  现在我们选择“文件”菜单的“新建”选项,单击“站点”命令,你看,FrontPage提供了两个向导:公司展示向导、讨论站点向导,使用起来都很方便,你有兴趣也可以利用向导建立一个站点。
  创建页面最简单的方法就是单击FrontPage“常用”工具栏的“新建”按钮。它的右方有一个向下小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
  如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更多的选择。单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FrontPage提供的许多网页模板,我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑,这样就会省时省力很多。
  网上几乎所有的网页都使用图片加以点缀,在网页中插入适当的图片,能够产生图文并茂的效果。如果有一个图形,怎样把它放到网页上呢?
  首先要看你的图形是什么格式的,也就是它的扩展名是什么,只有扩展名为GIF和JPEG的图形文件才能成为我们页面的一部分。如果图形不是这种格式,使用其他格式的图形文件,在保存网页时FrontPage会提示做格式转换,FrontPage可以自动进行格式转换。
  现在我们看看怎么插入图形,选择“插入”菜单的“图片”命令,单击“来自文件”按钮。在默认情况下,FrontPage认为你要插入的图片总是放在你建立站点的目录或它的子目录下。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下,我们称这个目录为站点主目录。这些网页引用的图形一般也放在这个目录下。当然,我们也可以在这个目录下建立其他子目录,再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。
  使用图形可以使网页更加丰富多彩,而且我们还可以用图形来建立超链接,使网页相互联系起来。怎么用图形来建立链接呢?其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形,单击“常用”工具栏“超链接”按钮,选择主页文件“页面1.htm”,单击“确定”按钮,在普通模式中,按住CTRL键,就跳到主页页面了。
  怎样使网页布局更合理?我们可以在网页中使用表格。
  最常用的方法是:选择“表格菜单/插入/表格”项,在打开的对话框里设置你需要的表格属性,比如设置表格的“对齐方式”,“边框粗细”,等等,输入需要的行和列的数值,单击“确定”表格就创建完毕了。
  设计好的页面,应该检查它在浏览器中是否显示正常。一般只要切换到预览模式就可以了。单击“预览”选项卡,在预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页。即使是同一个页面,可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的,但是在NETSCAPE中又是那样显示的。所以,我们要在自己的机器上多装几个浏览器,用来检查网页的兼容性。选择“文件”菜单的“在浏览器中预览”选项,在浏览器列表框中选择不同的浏览器。(以INTERNET EXPLORER 5.0为例)单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
  怎样才能把自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢?我们把这种点击后会进行页面切换的网页界面元素叫超链接。下面来看一下用文字来建立链接。
  选择文字“主页”,单击“插入”菜单的“超链接”命令,在文件列表框内选择“页面1.htm”文件,注意在URL文本框中显示了该文件地址。单击“确定”按钮,超链接就制作成功了。我们切换到预览模式(单击预览按钮),当我们把鼠标指向“主页”两字时鼠标变成手形,单击它,就切换到主页了。
  为什么不在普通模式下试呢?因为普通模式主要是用来编辑网页的,当我们在普通模式下把鼠标指向“主页”两字时鼠标没有变成小手状,所以不能进行页面切换。不过如果按住CTRL键,鼠标就变成小手状。单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。
  这样我们就差不多完成了网页的制作步骤,最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作,包括超链接,页面等。
  
  参考文献:
  [1]甘登岱.边用边学FrontPage2000.人民邮电出版社,2000.10.
  [2]李振格.Office入门与提高.清华大学出版社,2001.2.
  [3]王超锋.网页制作.人民邮电出版社,2001.10.
  [4]黄洪杰.网页制作基础教程.电子工业出版,2007.8.


转载注明来源:https://www.xzbu.com/9/view-919116.htm