打造一个新的天堂1

网页制作是什么？

　　网页制作就是根据网页效果图，把它实现成浏览器中可以浏览的网页。我们已经使用过或者听别人介绍过很多的网页制作工具。FrontPage，Dreamweaver，GoLive等等这些都是我们平常所知道的网页设计软件，而FrontPage毫无疑问是一个简单易用，功能强大的网页制作工具。

　　如今FrontPage推出了新的版本，他依旧是和Office 一起推出的，不过不同于以往的是，新版本Office系列软件不再是以年份来命名了，使用了新的命名方式，MicroSoft公司将其冠名为Office XP，XP是单词Experience（“体验”）的缩写。所以我们下面介绍的就是FrontPage XP。毫无疑问，我们下面的网页制作过程将是一个不同于以往的全新的体验过程。

设计初步――新建站点

• 启动FrontPage XP，如果是第一次启动FrontPage XP时，会发现新版的FrontPage在用户界面上做了一些改动，在右边有一个几乎占据屏幕五分之一空间的任务窗（图一），集中了一些主要的命令，而这些任务命令会随着你操作的不同而改变。实际上，Office XP的每一个应用程序，从Outlook到Publisher，都有任务栏。
  

图一 FrontPage XP界面

• 我们选择空白站点，因为我们需要建立的是一个站点，而不仅仅是一个页面，当然，我们在网站建立的过程中需要添加页面的时候，当然是选择建立一个空白页面了。然后弹出Web站点模版窗口，实际上又很多模版可供选择，如：个人站点，公司展示站点，客户支持站点等等，这些模板都是很不错的选择。为了简单起见，我们选择个人站点，图二就是用个人站点模版建立的站点的页面。
  

图二 用个人站点模板建立的站点的页面

• 我们先切换到超链接视图状态看看FrontPage XP是如何设计整个站点的吧。

图三 超链接视图

　　左边的树状结构列出了所有的页面，可以通过按加号和减号来扩展和收缩。右边列出当前页的连接，同样也可以通过按加号和减号来扩展和收缩。

基本要素――文字、超链接、图像

• 先新建一个页面吧，还是从一个空白的页面开始。
  

　　首先是对页面属性的设置，在网页上右键单击，选择网页属性，当然你也可以通过选择主菜单中的文件->属性，然后在弹出的对话框中就可以设置页面属性了，如图四。

　　常规设置的是页面标题，位置，背景音乐以及使用的脚本等等；背景设置的是背景颜色，图片以及链接的颜色等等；边距设置的是页面边距等等；此外还可以设置自定义变量和语言选项等等。

• 文本在网站上的应用是最广泛的，一个内容充实的网站必然会用到大量的文本，而怎样编辑好这些文本成了摆在我们面前的第一问题。在以往的HTML编写中，经常要考虑文本前后的HTML标签，这实在是一种麻烦的事。不过在FrontPage XP中，这变成了一种简单的事情了。我们在页面中简单的添加几个字符，然后就可以通过工具栏中改变字符的属性等等，一切就像在Word中操作一样。
  

图五 设置字符属性的格式工具栏

　　对于具体的字符属性设置，可以在选择要设置的字符以后点击右键，然后选择字体，你可以看到一个更加强劲的字体的设置选项。

• 如果觉得这样的设置不够规范，或者太烦了，自己懒的动手，FrontPage XP也为你提供了一种方便的方法――设置主题，在FrontPage XP中，用户可以使用的主题数有67个。每一个主题都有不同的外观和风格，包括按钮、背景、字体等。用户不仅可以在一个网页中采用一种主题，而且可以在整个网站中采用一种主题。而且，现在的FrontPage XP，拥有更多的可操作性，你可以随心所欲的修改这些主题风格。
  

图六 主题风格

• 当然，对于字符，我们也可以给他设置超级链接，选中字符以后点击右键，选择超链接，然后在超链接设置对话框中你可以发祥FrontPage XP的超链接设置比任何一个版本的FrontPage都要强，甚至于比Dreamweaver等工具强多了。
  

图七 超链接设置

　　不仅可以设置当前文件夹，浏览过的页面以及近期使用的文件，而且可以是文档中的书签，新建文档，电子邮件地址，当然可以是直接的页面地址。我们在这里设置成Http://www.microsoft.com/china。

• 对于页面上的任何内容，我们可以加上动态HTML效果，选中打算加上效果的字符，图片等等，然后在主菜单中选择格式->动态HTML效果，然后就可以设置具体的DHTML效果了，格式是在（选择一种事件）应用（选择一种效果）（选择设置）。
  

图八 动态HTML效果

　　对于网页的过渡，在主菜单的格式->网页过渡中也可以设置。不要小看了这个小小的动态HTML效果和网页过渡，如果运用恰当的话，他可以为你的网页增色不少。

• 在网页设计上，图形并不只单纯地表达一项信息或意义，还可以表现一个网站的风格、加强网站的特色。FrontPage XP提供了很多绘画工具，习惯使用Word和PowERPoint用户一定不会对这些绘图工具感到陌生。用户还可以利用Office 剪贴板把其它Office应用程序中制作的图片粘贴到FrontPage XP中。FrontPage XP中虽然不能直接制作现在网络上流行使用的GIF、JPEG等格式的文件，但是可以间接的插入其他软件制作好的文件。在主菜单里选择
  

　　上面我们介绍的是FrontPage XP中网页基本元素――文字，链接，图像文件的制作，从下面开始，我们介绍是FrontPage XP中的一些高级技术。虽然称为高级技术，不过他们在FrontPage XP中仍然是很容易就可以实现的。