网页网站制作教程.doc

第6章 网页制作软件FrontPage 2003 网页编辑器可以分为三大类，即文本型、标签型及所见即所得型。其中以所见即所得型为最佳。它使用方便，并可以大大提高网页制作的工作效率。在所见即所得型编辑器中，Frontage是功能组合最优的。FrontPage是建立和管理专业网站的简易工具Frontpage从面世以来，从FrontPage98、FrontPage2000、FrontPage2002到现在的FrontPage2003，已经经历了多个版本。FrontPage2003保留和发展了Frontpage的优秀功能，并根据用户的要求增加了许多新功能。Frontpage包括三大组成部分，即Frontpage Explorer、Frontpage Editor、Frontpage Server Extensions。它们提供了几乎所有的网页制作编辑工具，而且功能强大、效率极高。Frontpage资源管理器（Frontpage Explorer）是Web站点的资源管理器，通过它可以了解到Web站点中每一个文件的状态，并可以完成从站点创建、目录结构的管理，包括内容的上传校验链接、更名、转移目录后期的维护的全过程。FrontPage 是一款可视化的网页制作工具，它特别重视所见即所得，这也承袭了Microsoft Office的一贯风格 。即便是对于一个对网页设计完全没有基础的人，如一个画家，也可以通过直接在前台画格和对图象的拖拽来建立自己的网站。启动后，FrontPage 2003的界面。FrontPage 2003的界面和，占屏幕大部分空间的是工作区，所有的页面编辑都在其中完成。视图窗口按钮，代表不同的功能，它大大地方便了对站点和网页的制作和管理。 图6.1 FrontPage界面 6.2 网站规划 设计一个网站首先应该确定网站的目标，这非常重要。下面简要介绍一些有益的提示，可以为网站设定目标时提供帮助： 1. 一定要知道网站的受众是谁。比方说，网站是面向客户、雇员、学生、朋友还是家人？ 如果为公司设计网站，一定要保证目标明确而且可以量化。毕竟，公司更希望看到实际的成效，而这通常意味着该网站具体赢得了多少钱的利润，或是节省了多少小时的劳力。 2. 目标应保持简洁。几句话或是一小段就足够了。如果目标过于冗长，最终网站可能看起来要做许多事情。 3. 定义好网站的目标之后，草拟出类似图6.2所示的网站结构。在使用 FrontPage 创建网站之前草拟出网站的结构可以省去许多后续工作。绘制草图时要牢记设计目标。 图6.2 网站结构草图 4．草拟网页的通用布局，如图6.3所示。 在草拟布局时，需要考虑下列因素：网站中的每个网页是否带有相同的页眉和页脚；网站中每个网页的导航方式是否一致；是否有一些必须满足的市场需求，例如是否要保持某些字体和配色方案；网站在法律上是否有一些要求，如版权声明等。 图6.3 网页通用布局草图 5.定义好布局后，就可以填充内容了。例如，添加文本、超链接、图片和交互式按钮。这样可以使用 FrontPage 将粗略的草图转变为优雅且具专业风格的网页。 6.3 网站和视图 6.3.1网站 一个网站由一组 HTML 网页构成，它们通过超链接相互连接。图6.4展示了一个典型网站的示例。 图6.4 网站构成 实际上，这是一个最简单的网站形式。网站中还可以包含任意类型的文件，如字处理文档、多媒体、脚本和数据库。网站中甚至还可以嵌套其他网站，这种网站称为“子网站”。 FrontPage 网站是在 FrontPage 中创建的网站，它包含网页、图形、文档、多媒体等所需的任何类型的文件，如图6.5所示。FrontPage网站有两种类型：基于磁盘和基于服务器。简而言之，基于磁盘的网站是在自己的硬盘上创建，然后发布到 Web 服务器的 FrontPage 网站。在本地计算机上创建的网站，在最终被发布或复制到 Web 服务器之前，其他用户是无法访问的。基于服务器的网站是直接在 Web 服务器上创建和处理的网站，不需要额外的发布操作。 图6.5 FrontPage 网站 6.3.2网站创建 如果使用第三方程序（例如，Macromedia Dreamweaver 或者 HomeSite）制作了网站，可以通过单击“文件/打开网站”命令将该网站转换为 Microsoft FrontPage 网站。如果需要从头开始，步骤如下： 单击“文件/新建”命令，在屏幕右边弹出“新建”任务窗格，如图6.6所示。 图6.6 “新建”任务窗格图 图6.7 指定站点位置 2. 在“新建”任务窗格中，单击“由一个网页组成的网站”或者“其他网站模板”。单击“由一个网页组成的网站”，创建带有空白主页的 FrontPage 网站；单击