下载
第2学时从一个网页编写应用程序开始
在一个所见即所得(WYSIWYG)的网页编辑器(如本书所包括的FrontPageExpress)中工作
时，网页看上去(只有少量的例外)就是大多数访问者在网络上所看到的那样。
这是一个非常有用的功能；如果没有它，网页的作者就必须在编写HTML代码的同时猜
测他们的网页的外观。为了检查他们的工作，就必须在浏览器中打开此文件，然后再回到
HTML代码来进行调整。对于所见即所得(WYSIWYG)的编辑器，就可以在同一个窗口中边看
边做所有的事情，生动并且形象。
本学时介绍了FrontPageExpress的一般操作，从而在以后几个学时中，开始处理特定的编
写任务时，就可以知道使用哪些方法。在本学时的最后，你将能够回答如下问题：
?如何打开FrontPageExpress？
?如何开始、保存并且在FrontPageExpress中重新打开网页？
?如何测试网页在线的外观效果？
?能否打印我的工作？
本学时假定了已经从本书附带的CD-ROM中安装了应用程序，正如
在附录A中所描述的安装在CD-ROM中的应用程序。
2.1打开FrontPageExpress
在安装FrontPageExpress(如附录A中所示)了之后，在Windows的“开始”菜单中就自动
地添加了一个用于打开此应用程序的快捷方式。
?要打开FrontPageExpress，首先单击“开始”按钮，然后选择“程序”、“Internet
Explorer”、“FrontPageExpress”(见图2-1)。
图2-1打开FrontPage
Express
?要关闭FrontPageExpress，选择“文件”、“退出”，或者单击FrontPageExpress窗口的右
上角的“X”按钮(见图2-2)。
一打开FrontPageExpress的时候，就会自动打开一个新的、空白的网
页文件。这就可以立即开始输入，从而开始创建第一个网页。
2.2查看FrontPageExpress的工具栏
在FrontPageExpress中，通过单击它的三个工具栏：标准、格式和表格(见图2-3)上面的
按钮就可以做很多的事情。关于这些工具栏，将会在后续的22个学时中逐步讲解。现在，只
须要知道它们在哪里就够了。
大多数的按钮很容易通过它们的图标来区分。但是要注意，在工具
栏上的每一个按钮(或者列表框)都有一个“工具提示”，它是一个名字，
显示它可以区分其它按钮。
要知道任何按钮或者列表框的名字，只需将鼠标指向它(不要单击)并
停留片刻，按钮的名字就会出现。
为了快速地看到在一个工具栏中所有的按钮的名字(以帮助你快速定
位一个特定的按钮)，指向最左边的按钮或者列表框，直到其工具提示出
现(不要单击)。然后慢慢地将指针沿着此行移向右边。在通过每一个按钮
的时候，它的名字就会出现。
工具栏是以靠近FrontPageExpress窗口顶部的三行按钮显现的，而且每一个都可以被显示
(以备使用)或者隐藏(以腾出屏幕空间来检查你的作品)。下面的“动手实践”就显示了如何来
显示和隐藏工具栏。
16分分第一部分分第一步，第一个网页下载
图2-2关闭FrontPage
Express
动手实践：隐藏和显示工具栏
1)打开FrontPageExpress，查看在菜单下面的三行按钮，见图2-4。
2)单击“查看”项。在菜单中，当前正在显示的每一个工具栏的名字前面都有一个选中
记号，见图2-5。
3)要隐藏一个工具栏就单击它的名字。
4)如果要重新显示一个已经隐藏的工具栏，就重复第2步和第3步。
第2学时从从一个网页编写应用程序开始从从17下载
图2-3在FrontPageExpress
所做的任何事情，都
可以通过单击三个工
具栏上的按钮，以及
在列表框中进行选取
来进行
标准
表单格式
图2-4第1步：打开FrontPage
Express，然后检查这
些工具栏
图2-5第2步：打开“查看”
菜单
2.3开始一个新的网页
在第3学时“快速完成一个个人网页”中，将会讲述如何使用FrontPageExpress的个人主
页向导来开始创建一个非常棒的主页。但是，不使用那个向导，也可以创建一个完全空白的
网页，并按照你的意愿在里面添加内容，就像下面的“动手实践”所描述的。
其实，用什么方式开始并不重要—真正重要的是知道有这两种方法，从而就可以在任
何指定的时候选择所需要的方法。
动手实践：开始一个新的网页
1)选择“文件”、“新建”，见图2-6。
2)选择“普通网页”，然后单击“确定”，见图2-7。
18分分第一部分分第一步，第一个网页下载
图2-6第1步：选择“文件”、
“新建”
图2-7第2步：选择“普通
网页”、“确定”
在“新建网页”对话框中的其它选项—“表单页向导”、“调查表
单”、“确认表单”—都是帮助你向网站添加交互的表单的，这样访问
者就可以用它来回答问题，或者提供反馈(参见第19学时“设计在空白处
填写的表单”)。
3)开始输入并格式化网页的内容(这些将在本书后面的学时中学到)，见图2-8。
2.4存储并命名文件
不管是否用向导(参见第3学时)来创建它，还是乱写一气，都应该尽早而且时常保存你的
新网页。
关于网页的文件名
当在FrontPageExpress中保存一个文件时，赋予它一个名字—假定这个名字就是发布时
要存储在网站服务器上的名字。那么当发布网页的时刻到来时，名字就可能很麻烦。
比如说，在Windows95、98、NT，甚至苹果机上，都允许在文件名中使用空格和标点符
号，但是在给网页文件命名的时候就不能这样做。FrontPageExpress允许这么做，但是在发布
文件的时候，你就会发现浏览器不能够打开它们。
总之，只要使用.htm或者.html扩展名并且去除空格和标点符号，就可以给你的网页文件
取任何喜欢的名字。当然，可以通过确保你的文件名符合“8.3”文件名规则，进而避免某些
类型的兼容性问题，这个“8.3”规则就是说文件名不可以超过8个字符，而其扩展名则不可
以超过3个字符(.htm而不是.html)，如：
nedsnell.htm
同样，当一个网页是一个多网页的网状结构的首页时，通行的方法是将它命名为
index.html。大多数的网络服务器都是这样设置的，当有一个访问者指定了网址或者目录，而
第2学时从从一个网页编写应用程序开始从从19下载
图2-8第3步：输入吧！
没有指定特定的文件时，就自动地打开这个index.html文件。然而，这只是当你在服务器上有
自己的目录时才会奏效。一般情况下是有的。但是如果你和其他人分享同一个目录，那么你
就不一定是第一个放置名叫index.html文件的人，所以服务器可能不会接收你的文档。鉴于此
原因，拥有自己的服务器(参见第21学时“发布你的网页”)并找出它的命名规则，然后再确定
HTML文件的最后名字有时将是最好的选择。
在创建一个多网页的网站时，将所有的网页文件存储在你的PC上的
同一个目录是很重要的。这样做不仅会使发布变得容易些，而且对于别
的任务，比如说创建网页之间的链接，也会变得简单些。
最好的方法是在你的PC上创建一个新的空目录，然后将所有组成网
站的文件存储在其中—这不仅仅是HTML文件，还包括其它用来播放的
文件，如图像文件。
动手实践：保存一个文件
1)单击标准工具栏上的存储按钮，或者选择“文件”、“保存”，见图2-9。
2)单击“按文件”，见图2-10。
3)选择一个保存网页文件的文件夹(要创建一个新的文件夹来存储的话，单击创建新文件
夹按钮)，见图2-11。
4)单击“另存为文件”对话框上面的“保存”按钮。
20分分第一部分分第一步，第一个网页下载
图2-9第1步：选择“文件”、
“保存”
图2-10第2步：单击“按文
件”按钮
在图2-10中的对话框中，注意有一个空间可以给网页取个标题。
FrontPageExpress已经自动在网页的顶部填写此文本以当作其标题(如果
网页是空的，那么自动赋予的标题将会是“无标题的普通网页”)。
在任何时候，你都可以很容易地改变网页的标题，选择网页的标题
其实是有很多事情要考虑的。到目前为止，只要接收FrontPageExpress给
网页自动提供的就行了。在第5学时“选择一个标题、文本颜色和其它网
页基本属性”中，将会学习如何来改变此标题—并选择一个真正适合的
网页标题。
在第一次存储过一个文件之后，在重新存储时就无须做第2至4步。
仅仅做第1步就可以存储了。
2.5编辑已经存储过的网页
在网页上工作时，有可能要通过一系列的编辑过程来创建它们。那时，将须要打开已存
在的文件并在完成的时候关闭它们。如下的“动手实践”就讲述了，在它们上面工作时，如
何关闭以及如何重新打开它们。
动手实践：关闭和重新打开网页
1)要关闭一个网页文件(而不关闭FrontPageExpress)，选择“文件”、“关闭”，见图2-12。
2)要打开一个刚刚使用过的网页文件，选择“文件”，然后在“文件”菜单的底部选择网
页的文件名，见图2-13。
第2学时从从一个网页编写应用程序开始从从21下载
图2-11第3步：选择一个文
件夹
图2-12第1步：选择“文件”、
“关闭”来关闭一个
文件
2.6打开一个最近没有使用的网页文件
如果要编辑的一个文件不在最近编辑的文件之中的话，它的名字将不会出现在“文件”
菜单中，也就是不会像在前一个“动手实践”中的第2步所显示的那样。这里是打开你的PC上
的任何网页文件的方法。
动手实践：打开你的PC上的任何网页文件
1)选择“文件”、“打开”，见图2-14。
22分分第一部分分第一步，第一个网页下载
图2-13第2步：要打开一个
文件，单击在“文
件”菜单底部的名
字
图2-14第1步：选择“文件”、
“打开”
图2-15第2步：单击“浏览”
按钮
浏览按钮
2)单击“浏览”，见图2-15。
3)使用“搜寻”列表来找到网页文件所存储的文件夹，见图2-16。
4)在“打开文件”对话框中选择文件的名字，然后单击“打开”，见图2-17。
2.7在浏览器中检验新网页
在FrontPageExpress中，网页的外观将和在因特网上用浏览器查看时的效果极其一致。但
是，不时用浏览器预览那个网页，进而评价它的真实外观还是一个相当好的想法。
在一些不同的浏览器中查看此网页也是一个很好的想法，这样可以
确保它对于每一个在线的人都可以表现很好，不管他使用的是什么浏览
器。在第六部分“在线发布网页”中，将讲述更多关于测试网页外观的
知识。
动手实践：在浏览器中打开网页
1)关闭FrontPageExpress，见图2-18。
2)在Windows中，找到网页文件的文件图标，见图2-19。
第2学时从从一个网页编写应用程序开始从从23下载
图2-16第3步：使用“搜寻”
列表来打开文件所
存储的文件夹
图2-17第4步：单击文件的
名字，然后单击
“打开”按钮
图2-18第1步：关闭FrontPage
Express
3)双击这个图标以打开此文件。
在你的PC上，可能已经安装了不同的浏览器。但是总有一个浏览器
被设置为“缺省”浏览器。缺省浏览器就是在双击文件图标时自动打开
那个浏览器。
2.8打印网页
在开发网页的时候，你可能发现不时地打印它们是很有用的。检查网页的打印输出可能
会帮助发现一些印刷或者其它错误，在线浏览的时候，这些错误可能容易被忽略。
要打印正在编辑的网页，单击工具栏上的打印按钮，或者选择“文件”、“打印”。此页就
将打印出和浏览器中完全一样的结果—文本格式和图片都被包含在打印输出中，但是任何
曾经添加的背景样式都被忽略了，从而使得文本清晰易读。网页被分解成适当尺寸的大块以
适应打印纸的大小。
尽管你可能想打印出网页以备参考，但是别将打印输出的结果当作
是网页的在线外观的精确表达。
2.9课时小结
本学时中FrontPageExpress做了很多—事实上太多，甚至于草拟了一个外表。在本学时
中，仍然没有开始真正的工作，不过已经知道了如何进入、退出FrontPageExpress，以及在其
中的一些初步运用。尽管这些任务非常平常，但是它们却是高效的网页编写所不可或缺的基
础。你已经开始接近这个目标了。
24分分第一部分分第一步，第一个网页下载
图2-19第2步：在Windows
中，找到文件的图
标
但是尽管如此，有一件事情是FrontPageExpress所不能够的：智能。它不能够说出所创建
的内容是否有良好的组织、良好的表现或者编写良好。而且尽管它非常忠实地应用了HTML
标记，但是它还是不能够告诉你是否选择了最高效率的标记来表达手头的内容。
也就是说，FrontPageExpress仅仅是时间和体力的替代品，而不能够代替决策。要编写一
个高效的网络文档，首先必须获得万维网的感觉。你将在后面的学习过程中不断熟悉这种感
觉。但是也必须研究在线时所看到的那些网页，并在思路上对设计理念和喜欢的某些方法进
行分类—包括那些让人生厌、迷惑的方法。
2.10专家答疑
问题：从“启动”菜单上打开FrontPageExpress似乎是一个缓慢而费力地行动，必须一直
从“程序”、“InternetExplorer”到“FrontPageExpress”。难道没有一个快捷方式吗？
解答：的确没有快捷方式—但是可以自己创建一个：
1)单击“开始”按钮，任何选择“程序”、“InternetExplorer”、“FrontPageExpress”。
2)右击FrontPageExpress项，在出现的菜单项上，选择“拷贝”。
3)在Windows的桌面上单击任何地方，来关闭菜单。
4)右击Windows的桌面，并在出现的菜单中，单击“粘贴”。
一个FrontPageExpress的快捷方式就出现在Windows的桌面上。要想在任何时候打开
FrontPageExpress，只要双击这个快捷方式就可以了。
第2学时从从一个网页编写应用程序开始从从25下载
|
|
