利用Frontpage网页制作(一)_清风_百度空间

一、网站内容简介

在建立网站之前,让我们先来了解一些基本的概念和这些概念之间的相互关系。

  因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。
  这些文件大致可分为三类:{dy}类描述资源结构、位置,引导浏览者访问该网站,通常以“.htm”或者“.html”为扩展名,称为网页文件;第二类是网页文件所连接到的图像、音频与视频等资源文件;如果网站还包括交互性内容,可能还会有第三类文件,即Web数据库和程序文件。

注释:HTML(Hypertext Markup Language )超文本标记语言

二、Frontpage软件介绍

FrontPage2003是OFFICE2003的组件之一,启动方法如左图,只需要在“开始-->>程序”中选择“Microsoft Office-->>Microsoft office FrontPage 2003”即可。
启动FrontPage2003后可以看到该软件的主要界面包含以下几部分:
  1. 菜单栏,如“文件”、“编辑”、“视图”等下拉菜单项;
  2. 工具栏,提供了各种快捷工具按钮,如“新建”、“打开”、“保存”等;
  3. 格式栏,可设置网页文字的字体、字号、颜色等属性;
  4. 网页编辑区,启动FrontPage2003后会打开一个新网页“new_page_1.htm”,并进入设计视图。
对比以前的版本,Frontpage2003在页面的右方增加了一个任务窗格,方便用户快速地使用某些网页设计中需要用到的功能。

如左图示例中在启动完该软件时,任务窗格会显示

三、新建站点

在创建网站之前我们事先在硬盘中建立一个存放站点所有文件的目录,如d:\robot。

在FrontPage中点击“文件-->>新建”,在打开的窗口中可以看到自动建立站点的各种向导和模板。

新建 FrontPage 网站的位置是 “新建网页或网站” 任务窗格。该任务窗格提供两种创建网站的方法:

  • 你可以单击 “由一个网页组成的网站” 链接。此操作将创建带有空白主页的 FrontPage 网站,以便你开始工作。
  • 你可以单击 “其他网站模板” 链接。此操作将创建带有预设的网页、图像和设计主题的 FrontPage 网站。
如果你选择使用模板创建网站,则应该在左侧的 “网站模板” 对话框中选择所需的模板。

下一步是指定 FrontPage 网站的位置。这一步非常重要。所要采取的操作取决于你选择的是创建基于磁盘的网站还是基于服务器的网站。

  • 如果你已经决定创建基于磁盘的网站,请指定你计算机上的位置。例如:C:\My Documents\My Web Sites\MyWebSite。
  • 如果你已经决定创建基于服务器的网站,请指定运行 FrontPage Server Extensions 或 SharePoint Services 的 Web 服务器上的位置。例如:http://MyServer/MyWebSite。
如果你的计算机上包含有不是在 FrontPage 中创建的网站(因此不是 FrontPage 网站),你可以转换它。要转换这个网站,请执行下列步骤:
  1. “文件” 菜单上,单击 “打开网站”
  2. 单击 “是” 将 FrontPage 元数据添加到文件夹中。

这是创建网站的另一种方法。如果你使用其他程序(如 Macromedia Dreamweaver 或 HomeSite)制作了网站,则可以将其转换为 FrontPage 网站。这将赋予你使用 FrontPage 设计功能的能力以及手动管理能力。

要添加的信息仅仅是两个文件夹: _vti_cnf 文件夹和 _vti_pvt 文件夹。请注意这不会将任何东西添加到你创建的 HTML 网页中。

四、管理网站

现在你已经掌握了 FrontPage 网站的创建方法,我们将进一步介绍可用于管理和设计网站的各种 视图

FrontPage 中包含两种视图 : 网站 视图和 网页 视图。大多数情况下,处理整个网站时,应使用“网站”视图;处理单独的网页时,应使用“网页”视图。

我们首先介绍“网站”视图。

当你打开网站并单击 “网站” 选项卡时,“网站”视图按钮将显示在底部。 此处只显示了其中三个视图。

在该插图中,选中的是 “文件夹” 视图。通过这个视图,可以看到构成 FrontPage 网站的所有文件和文件夹,它很像 Windows? 资源管理器。你可以在此处添加、移动、重命名、打开和删除文件。

当你需要发布你的网站时,就要使用 “远程网站” 视图。

在你指定了要将网站发布到的位置后,此视图的外观将与此处的示例相似。

  • 网站的本地版本出现在左边。
  • 远程网站出现在右边。

这个视图非常有用,通过它不仅可以将网站发布到远程 Web 服务器,还可以通过将网站从 Web 服务器发布到本地磁盘来进行备份。你还可以通过单击一次按钮来同步远程网站和本地网站,使它们保持一致。

另一个功能强大的视图是 “报表” 视图,它包含许多可以针对你的网站运行的诊断报表。

有些报表仅用于对网站进行简单地总结,如网站中文件的数量。但另外一些对排除故障是非常有帮助的。三个最有用的排除故障报表是:

  • 未链接文件报表 这个报表查找网站中所有无链接指向的文件。例如,你最近可能向网站添加了新的网页或文件,但是忘记了提供链接以使人们能够进行访问。
  • 慢速网页报表 这个报表查找人们需要花很长时间才能下载和浏览的网页。
  • 断开的超链接报表 这个报表查找任何没有链接到有效位置的链接。

五、新建网页

前几课介绍了如何规划和建立网站,还介绍了如何使用各种视图在 FrontPage 程序中浏览。但是,网页本身是如何创建和设计的呢?应该如何操作呢?

本课将介绍这一过程。但我们将着重于一些基础知识的介绍,如添加页面布局、设置文本格式,以及插入超链接和图片。如果你渴望尽快设计出自己的网页,这节课就可以帮你实现这一愿望。

页面布局是网页的骨架。你可以通过它以类似网格的方式安排和放置文本和图形。创建布局的常见方式是使用 HTML 表格

如果愿意,可以通过绘制表格和单元格从头设计布局。此过程会使你受益匪浅,但是从头做起会花费较长时间。(实际上,我们后面的课程里会专门讲授此过程。)不过,如果你希望快速而轻松地执行这一任务,可以从 “布局表格和单元格” 任务窗格中选择准备好的布局,如插图中所示。在下面的练习单元中,我们将介绍如何执行此操作。

注意 还可以使用其他方法创建布局。例如,可以使用框架或图层。有关这些主题的详细信息,我们在后续课程里将会学到。

我们不打算过多地介绍如何在网页中添加文本。毕竟,该操作十分简单:你可以键入文本,也可以复制文本并将其粘贴到网页中。但是,你也可以从其他文件导入文本;例如,可以从 Microsoft Word 文档导入文本。

当文本位于网页上之后,你可能需要对它应用样式。下面的插图说明了如何使用 “样式” 框为文本应用样式。

  1. 首先选择一些文本…
  2. 然后单击 “样式” 框…
  3. {zh1}从列表中选择一种样式并应用它。

本示例中,选择了“标题 1”样式。“标题 1”是标准的 HTML 样式。默认情况下,它是采用字体为“宋体”的大文本。但是,如果要创建自己的样式并将其应用到文本,该怎么办?在“提高应用篇”单元中,我们将介绍如何操作。

试想,一个没有图片的网页会是什么样子?肯定会令人索然无味。当今,图片是吸引读者眼球不可或缺的内容。

要插入你计算机上的图片,请单击 “插入” 菜单,指向 “图片” ,然后单击 “来自文件” 。你可以从此处找到硬盘驱动器上的图片。

网站的诱人之处就在于丰富的内容和灵活的链接,一个没有链接的“网站”只不过是各种素材的胡乱堆砌。

使用 FrontPage 向网页添加超链接非常简单。下面的插图说明了如何开始操作。

  1. 首先选择一些文本或一张图片。
  2. 然后单击 “插入” 菜单…
  3. {zh1}单击 “超链接”

提示 用于插入超链接的键盘快捷方式是 Ctrl+K。如果记住该快捷方式有困难,只需想一想 hyperlink(超链接)中的{zh1}一个字母“K”即可。

当然,超级链接的种类很多(如邮件链接、图片热点链接等),我们会在后面的课程中不断学习。

在使用文本、图片和超链接完成布局的填充之后,应始终使用 “在浏览器中预览” 命令来确保布局能够在 Web 浏览器中正确显示。

在第三节中,我们讲到预览网页的快速方法是切换到 “预览” 视图。但是,请注意,“预览”视图是基于 Internet Explorer 显示网页的。如果希望网页适应其他浏览器,应确保安装了这些浏览器,然后使用 “在浏览器中预览” 命令预览网页。

六、设置网站标题

 

网页标题就是网页在浏览的时候,显示在浏览器窗口左上角的标题文字。这个标题可以让访问者了解该页的内容。

 

方法一:使用网站的文件夹视图修改网页标题。

1、切换到网站的文件夹视图。

2、选择需要修改标题的网页文件。

3、在网页的标题栏处单击一下左键,出现修改标题的输入框(或选择右键弹出菜单的“属性”)。

4、设置好新的网页标题后按回车或用鼠标在空白地方单击一下即可。

 

方法二:修改网页属性

1、打开要设置标题的网页

2、在网页上单击鼠标右键,从弹出的快捷菜单中选择“网页属性”选项。

3、打开“网页属性”对话框,在“常规”面板内修改标题。

4、完成后按确定退



郑重声明:资讯 【利用Frontpage网页制作(一)_清风_百度空间】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——