配色: 字号:
第4学时 在其它应用程序中开
2012-09-21 | 阅:  转:  |  分享 
  
下载

第4学时在其它应用程序中开始编写网页

对你来说,时间是急迫的—这是一个问题。我是怎么知道你的这些问题的呢?在所有

适合于网页编写初学者的书中,你选择了承诺在特定时间内传授完知识的那一本。根据我所

了解的读者对象,我重点强调了那些能够使你快速得到一个好网页的方法。

除了在前一个学时的“个人主页向导”中发现的以外,没有任何方式比使用模板,或者

用在其它应用程序(比如说文字处理器)中已经创建的内容,更能够节省时间的了。在本学时,

将讲述这两种获得网页的方法。在本学时的末尾,你将能够回答如下的问题:

?如何能够将手头的材料—比如说在文字处理器中输入的个人简历和小册子—转换成

网页,而不用从头开始?

?可以用文字处理器或者桌面发布应用程序来创建网页吗?

?模板是什么,在哪里能够找到模板,以及如何才能够在开始创建网页的时候,运用它们

来节省时间和精力。

4.1从你的字处理器、桌面发布或者其它应用程序中开始

一个网页,如果仔细一想,其实就是一个文档。它是一个以HTML文件格式存储的文档,

但是除此以外,它和其它产生文档的应用程序所创建的文档就没有什么不同,这些应用程序

包括文字处理器(微软的Word、WordPerfect)、桌面发布应用程序(微软的Publisher、Adobe

PageMaker)以及演示程序(微软的PowerPoint)。

如果这些应用程序可以将已经创建的文档存储为HTML文件,那么它们就可以是全功能

的网页编写工具,是吧?大多数情况下(除非仍然用几年前的版本),这些应用程序可以有选择

地将已经创建的文件保存为HTML文件。

所以如果有这些应用程序,那也许就可以:

?打开已经创建的文档—简历、处方、故事、广告、小册子、请愿书,任何一切—然

后在一系列的单击之后将它们转换为HTML文件,以备在FrontPageExpress中编辑和改

善(不用重新输入)。

?可以在移交到FrontPageExpress之前,利用这些应用程序的特性,在这些应用程序中开

始新的网页。比如说,Word有拼写检查和语法检查,而FrontPageExpress没有。在一个

有很多文本的长网页中,错误很容易被忽略。你也许会更愿意在Word中创建这样的网

页并做一下拼写检查,然后再保存为HTML格式并移交给FrontPageExpress。

?完全在另一个应用程序中创建和发布文件,而且从不使用FrontPageExpress。如果在其

它应用程序中的网页编写能力可以满足你的需要,就可以选择这种方式。

以下的几页描述了可以使用哪些流行的应用程序来创建网页的方法。对于很多运行于

Windows95/98/NT上的其它一些流行的创建文档的应用程序,它们的最新版本中都提供类似

的能力。

如果在另一个应用程序中创建一个文档,并将它保存为HTML文件,

然后再在FrontPageExpress中打开以进一步完善的话,也许就会在网页中

看到各种各样的问号标记。

虽然有点扰眼,但是这些标记通常不代表任何实际的问题。要了解

更多,参见本学时后面标题为“将各种类型的文件输入到FrontPage

Express之中”的部分。

当想要将一个已存在的文档完全转换为一个网页的时候,本学时中

涉及的技术将是一种很好的方法。

但是如果所要做的只是拷贝文档的一部分—比如说一些图片或者表

格—到一个网页中,就无须用这些技术。相反,可以很方便地从任何

Windows应用程序中拷贝文本、表格、图片以及链接并粘贴在FrontPage

Express中编辑的任何网页中。参见第5学时的“选择一个标题、文本颜色

和其它一些网页基本属性”,在其中可以学习到如何拷贝和粘贴。

4.1.1在Word中开始网页

随着每一个新版本的推出,微软将Word设计成了一个更象混合的网页编写/文字处理的应

用程序。在Word97中就有很好的网页编写能力,而在Word2000中则更好。

在这两个应用程序中,可以将任何文件保存为一个HTML文件,从而可以作为网页而被

发布,或者在FrontPage2000中打开并编辑。而且,不管是哪个程序,都可以基于Word中的

向导和模板来从头开始创建新的网页。下面的“动手实践”就讲述了如何使用在Word2000中

的这些特性。

取决于在安装Word(或者微软的Office,其中包含了Word)时所选择的

选项,Word中的网页编写能力也许可能没有包含在安装中。

如果发现不能够开展如下的“动手实践”的话,很可能意味着Word

的网页编写工具在安装时被忽略了。要添加它们,插入Word或者Office的

软件光盘,启动安装程序,选择添加/删除部件,然后确保在更新安装时

选择了网页编写部件。

动手实践:将一个Word文件保存为一个网页

1)在Word中打开此文件。

2)选择“文件”、“保存为网页”,见图4-1。

3)选择一个文件夹并单击“保存”,见图4-2。

动手实践:在Word2000中开始一个新网页

1)打开Word。

36分分第一部分分第一步,第一个网页下载

2)选择“文件”、“新建”。

3)单击“网页”标签,见图4-3。

4)选择那个名字最符合你的要求的模板图标,然后双击它,见图4-4。

第4学时从在其它应用程序中开始编写网页从从37下载

图4-1第2步:在Word中选

择“文件”、“保存为

网页”

图4-2第3步:选择一个文

件夹并单击“保存”

图4-3第3步:单击“网页”

标签

在第4步中,可以看到,除了各种各样的网页模板外,还有一些网页

向导的图标。双击它们以打开一个向导,它会引导你一步一步地创建一

个新网页。

得到的结果比在FrontPageExpress的“个人主页向导”(参见第3学时

的“快速完成一个个人网页”)中所获得的要来得漂亮。但是也更复杂,

也更难有效地编辑。

如果有Word,我建议你试试它的网页向导,只是为了实践一下。但是,

也建议不要试图用它来创建任何重要的东西,除非你有了更多的经验。

5)在Word中做你所喜欢的编辑,然后保存它。文件就已经是一个HTML文件,所以,在

任何时候,都可以从Word切换出来并在FrontPageExpress中继续工作,或者发布它,见图4-5。

在Word中打开新网页之后,你也许会注意到,Word中的外观和你所

习惯的是有些区别的。这里有不认识的工具栏按钮,以及一些新的菜单

选项。

38分分第一部分分第一步,第一个网页下载

图4-4第4步:选择一个模



图4-5第5步:编辑文件,

然后保存它

这里有一Word的Web版面视图的工具,Web版面视图是一个特殊的视

图,在其中Word的工具都变成在网页上工作所需要的那些类型。当你在

一个HTML文件上工作时,Word总是自动地切换到Web版面。

4.1.2在Publisher2000中制作网页

像Word一样,桌面出版应用程序(微软的Publisher)也允许你创建新的网页以及将现有的

出版物转换成HTML文件。

因为Publisher是一个设计成创建打印出版的应用程序,它的格式和布局远比网页所可能

有的要来得复杂,所以在转换它们之后,出版物若呈现出非常不同的外观,就不用惊讶了。

Publisher如实地反映了所有的文本和图片以及出版物总体的组织,而且它尽可能保持了

总体的设计,但是从根本上来说,网页的版本从来不是此打印版本的一个准确匹配(它也不应

该是—打印世界的设计原则并不总是适合于在线的领域)。

?要将一个已有的Publisher2000出版物转换为一个网页,首先打开此出版物,然后选择

“文件”、“从当前出版物创建网站”。(注意,如果出版物包括了多于一页的内容,Publisher将

让每一页都变成一个单独的HTML文件,并且在每一页上提供跳转到其它网页的链接。)

?要在Publisher2000中开始一个新的网站,请看如下的“动手实践”。

动手实践:在Publisher2000中开始一个新的网站

1)打开在Publisher2000。

2)在目录中的向导列表中,选择“网站”,见图4-6。

3)选择符合你的爱好的网站设计,然后单击“开始向导”,见图4-7。

4)使用向导选项,或者Publisher的普通编辑工具,来编辑你想要的网页,见图4-8。

5)当可以保存时,选择“文件”、“保存为网页”。

第4学时从在其它应用程序中开始编写网页从从39下载

图4-6第2步:单击向导列

表中“网站”

网站向导

4.2将各种类型的文件输入到FrontPageExpress之中

仅仅选择“文件”、“打开”,就可以在FrontPageExpress中打开任何HTML文件,不管它

是在其中创建的,还是在另一个应用程序中创建的(参见第2学时的“从一个网页编写应用程

序开始”)。

但是假如有另外一种文件格式的文档,并且,既没有合适的应用程序来编辑它,又找不

到哪个应用程序可以将它转换为HTML格式,怎么办?

你也许会很高兴地发现,可以将很多不同类型的文件“引入”到FrontPageExpress之中来—

将它们转换成在FrontPageExpress中可以编辑,并且可以在Web上发布的HTML文件。下

一个“动手实践”将讲述如何来操作。

但是,在此之前,注意那些引入的文件(和在其它应用程序,如Word和Publisher,中创建

40分分第一部分分第一步,第一个网页下载

图4-7第3步:选择一种网

站设计,然后单击

“开始向导”

图4-8第4步:编辑新网站

的网页)通常会在FrontPageExpress中产生一些令人胆战心惊的小问号图标,就像在图4-9中所

显示的那样。

问号标记指出在哪个文件中包含有一些格式指令(从其它应用程序中带过来的),而

FrontPageExpress不知道如何处理这些标记。尽管它们看起来有点象一个负担,但是它们并不

一定包含有什么真正的问题。它们是一些FrontPageExpress所不能够识别的特定格式,但是它

们在网页中却可以被很好的理解。

可以删除这些图标(以及它们可能用的任何格式),就像它们是一些印刷错误一样:单击它

们并按下Delete键。但是在做这件事情之前,先在浏览器中查看一下此文件(如第2学时中所描

述的那样)。你也许会喜欢此格式,并且想要对这些小的问题置之不管。

将此文件引入FrontPageExpress中的结果也许有很好的格式,也许是

一团糟,取决于开始创建时的文件类型。

大多数情况下,即使格式没有被很完好地引入,仍然可以将原始文

件中的所有文本成功地引入,这样就节省了重新输入的麻烦。重新安排

格式比重新输入要快得多。

动手实践:从另一个应用程序中引入一个文件到FrontPageExpress中

1)在FrontPageExpress中,选择“文件”、“打开”。

2)运用“搜寻”列表来找到那个包含有想要打开的文件的文件夹,见图4-10。

第4学时从在其它应用程序中开始编写网页从从41下载

图4-9问号图标指明了

FrontPageExpress

所不能识别的格式指



图4-10第2步:运用“搜寻”

列表来找到那个包

含有要引入的文件

的文件夹

在找到包含此文件的目录之后,如果它的图标和名字没有在“打开

文件”的对话框中出现时,不用担心。在完成第3步后,此文件就会出现

了。

3)打开“文件类型”列表,然后选择要引入的文件的文件类型,见图4-11。

4)单击在文件列表中的文件图标,然后单击“打开”,见图4-12。

5)当你保存文件的时候,它将被存储为一个HTML文件。

假定你在上面的“动手实践”中,走到了第3步,而且所需要的文件

类型没有出现在“文件类型”的列表之中,怎么办?

如果在你的计算机上有任何一个应用程序可以打开那个想要引入的

文件的话,那么就有两个选择。首先在那个应用程序中打开此文件,然

后按照下面的步骤进行:

42分分第一部分分第一步,第一个网页下载

图4-11第3步:从“文件类

型”的列表中选择此

文件的类型

图4-12第4步:选择此文件,

然后单击“打开”

1)选择“文件”、“保存为”,然后打开“保存为”对话框中的“保存

类型”列表。如果看到任何列出的文件类型是FrontPageExpress可以引入

的文件类型的话,将此文件保存为那种格式,然后再引入它。

或者:

2)使用“拷贝”和“粘贴”(参见第5学时)功能,从而将原始文件中

所需要的任何东西拷贝到FrontPageExpress中的网页中。

4.3用模板工作

如果网页是华夫饼干的话,模板就是Bisquick。

新术语模板是一个已经做好的网页,可以很方便地编辑它—用自己的文本取代模板的

文本—以快速创建一个新的、自定义的网页,其中包含了此模板的某些设计元素。

作为网页的第一步,相对于从草稿开始,模板提供了一种建造网页的快速,并且很容易

的方式,而且它们还允许在设计文档的时候有较大的灵活性,比那些诸如FrontPageExpress的

“个人主页向导”,或者Word的“网页向导”之类的向导所能够提供的灵活性还要大。

当需要创建一个相当复杂的网页的时候,模板会显得尤其有价值—可能让你感觉到超

越了自己的编写技巧—而且不是很有把握知道如何来实现。

4.3.1什么是模板

模板就是一个HTML文件,其中填充的主要是一些毫无意义的样板内容,而不是实际的

内容。预制的文件已经组织并格式化好,有段落属性、水平线和其它在本书后面将要学习来

创建的各种各样的东西。一个模板也可以包括很多网页中的基本内容元素:主题、标题、主

体、签名、适当的链接等等(如果你不能够识别网页的这些部分,请复习第1学时“理解网页

的编写”)。

第4学时从在其它应用程序中开始编写网页从从43下载

图4-13在浏览器窗口中查

看的一个还没有被

编辑的模板

通过用自己的内容取代样板内容,并留下那些装饰内容,你就可以很快地创建一个很有

吸引力的、高效率的网页,而无须在组织结构或者格式上花时间。当然,如果你决定要改变

从模板创建而得的网页的组织结构或者格式的话,也是可以的,正如在FrontPageExpress中可

以编辑任何HTML文件一样。

图4-13显示的是一个用于人力资源部门的网页模板。图4-14显示了一个我用自己的内容取

代模板的文字之后所创建的一个网页。比较这些特征,并观察两者仅有的区别就是文字内容。

注意我是如何能够利用模板的组织结构、奇特的水平线、以及那些换了字符之后仍然沿用的

格式。

4.3.2到哪里能够找到模板

可以在很多地方找到模板。网页编写应用程序,比如说微软的FrontPage2000的完全版本

通常就包含了一些模板。

目前,最好的方法就是在线去寻找。可以在网页编写网站上发现很多好的、自由版权的

模板。下面的这些URL就提供了一些好的切入点:

?位于www.webdiner.com/templates/的WebDiner的模板页(见图4-15)。

?位于bamtech.hypermart.net/templates.htm的BAM技术的Web模板页。

?位于wwwpcd.stanford.edu/mogens/intro/templates.html的斯坦福的蜘蛛小组(Spider’s

Group)的模板。

注意,对于在线发现的任何模板的一个拷贝,首先必须存储在你的硬盘上,然后才可以

编辑它。

取决于此模板是如何在线显示的,可以选择两种方法用来将一个模板保存到你的硬盘上:

?如果模板是以文件提供的(或者,更有可能是在ZIP文档中的文件),那就只要像其它文

件一样,将它下载到你的PC上(如果需要的话,解压缩)。

44分分第一部分分第一步,第一个网页下载

图4-14添加了真实内容之

后,模板被编辑成

一个真实的网页

?如果此模板以一个网页出现在浏览器上,那就需要将此页保存到你的硬盘上。在

InternetExplorer中浏览此页面的时候,选择“文件”、“保存为”。

4.4将模板编辑成你自己的网页

在模板被保存到硬盘上之后,就可以编辑、扩充、重新排布格式、或者删除它的任何部

分。在一些情况下,你也许会发现你无须改变很多—模板的任何地方都已经表达了所需要

表达的,不要管它。

但是,大多数你将看到的文本是必须被替换或者删除的。在以后的学时中,将详细讲述

如何编辑网页,但现在只须要开个头(毕竟模板是要快速工作的目标),如下是一些快速编辑的

技术:

?要替换整个段落,首先从头到尾将此段落加亮,其方法是将鼠标指针指向此段落的左边,

然后双击。然后输入新的内容。这段就立即被删除,并被所输入的内容所取代。新的段

落和所替换的段落有完全相同的段落属性。

?如果只是替换一个段落的某个部分,首先将想要替换的内容加亮(在选择区的开始单击,

保存住直到拖拉到其末尾,然后释放),然后输入新的内容。此加亮的部分就被删除,

并被所输入的内容取代。

?要删除一幅图像,单击它(就是选择它)然后按下Delete键。

编辑模板的唯一的诀窍就是改变内容,而不动及已有的格式。最后,想象一下如下的问

题是有益的:在每一个段落之间,应该有一些在编辑时不能丢失或者损坏的隐藏格式指令。

要确保你没有无意替换了格式,请避免删除段落之间空格的操作。比如说,

?当编辑指针(每当输入或者编辑文本的时候就出现的高的垂直线条)出现在一块文字的最

前面的时候,不要按Backspace键。

?当编辑指针出现在一块文字的最末尾的时候,不要按Delete键。

?如果无意之间改变了属性,单击FrontPageExpress的标准工具栏上的“撤销”按钮,然

第4学时从在其它应用程序中开始编写网页从从45下载

图4-15WebDiner那里聚集

了很多免费的网页

模板的资源

后再做其它事情。

4.5课时小结

讲述了一些准备知识,这只是教程的三个学时,而你仍然要学习在网页中填充文本、图

片和链接的基本方法。但是目前已经知道了三种方法—“个人主页向导”、“在其它应用程

序中开始”以及“模板”—来制作一个不错的网页。

鉴于已经感受了那种匆匆忙忙的即时的满足,下面的四个学时将提供一个静下心来的机

会,将在每一个网页中都最重要的部分—“文字”—上进行工作。

4.6专家答疑

问题:我能够做我自己的模板吗?

解答:当然可以。事实上,如果你在创建很多类似的网页的话,这样做会为你节省大量

时间。

要制作你自己的模板,只要建造一个网页,其中包含了你可能在各个项目中都要使用的

元素。通过打开和编辑那个模板文件,你就可以创建新的网页,确信是以一个新的文件名保

存创建的内容(使用“文件”、“另存为”)从而使模板本身保持不变并准备好为以后新的页提供

服务。

问题:我能否将在线时看到的“酷”的网页用作模板?

解答:是也不是。(你不是很讨厌那样回答的吗?)

技术上,你当然可以攫取任何在线时看到的网页,将它保持在PC上,在FrontPage

Express中打开它并编辑之。这样做的一个方法就是在InternetExplorer5中访问此网页,然后

单击IE5的工具栏上的“编辑”按钮。这个按钮在你的PC上所设置的“缺省”网页编辑器中打

开此网页。(这可能是FrontPageExpress,但是如果凑巧安装了另外一个编写应用程序,那么

此文件也许在那个程序中打开。)然后,你就可以编辑并在PC上保存此文件。

获得相同结果的另一种方式就是先访问此网页,然后就在IE5的菜单上选择“文件”、“保

存为”。用于保存此网页文件(图片和所有的东西)的一个对话框就在你的PC上打开了。在你保

存了此文件后,你就可以从因特网上断开,然后在FrontPageExpress中打开此文件来编辑。

但是即使你可以这么做,你也不应该做。因为有一个理由,就是此网页和它的内容(包括

图片)有可能是有版权的,这就意味着使用它的任何部分都是犯了大忌。而且即使不是版权保

护的,这也是其他人的工作,所以如果你偷了它的话,将会给自己带来坏的报应。你也许会

认为如果你改变了所有的字符和图片,而只是借用了它的版面,那就可以了。然而,在大多

数情况下,下面的HTML代码可能也是受版权保护的,那么你仍然是失败的。

另外一方面,你并不须要拷贝任何人的工作。你有工具来实现你所需要的任何东西,而

且是独立地完成,在后面的20学时内你就可以拥有那些技巧。在那之后,你所需要的就是少

许的练习。

46分分第一部分分第一步,第一个网页下载

献花(0)
+1
(本文系无为有法521...首藏)