网页制作004

下载 第4学时 在其它应用程序中开始编写网页 对你来说，时间是急迫的—这是一个问题。我是怎么知道你的这些问题的呢？在所有 适合于网页编写初学者的书中，你选择了承诺在特定时间内传授完知识的那一本。根据我所 了解的读者对象，我重点强调了那些能够使你快速得到一个好网页的方法。 除了在前一个学时的“个人主页向导”中发现的以外，没有任何方式比使用模板，或者 用在其它应用程序(比如说文字处理器)中已经创建的内容，更能够节省时间的了。在本学时， 将讲述这两种获得网页的方法。在本学时的末尾，你将能够回答如下的问题： • 如何能够将手头的材料—比如说在文字处理器中输入的个人简历和小册子—转换成 网页，而不用从头开始？ • 可以用文字处理器或者桌面发布应用程序来创建网页吗？ • 模板是什么，在哪里能够找到模板，以及如何才能够在开始创建网页的时候，运用它们 来节省时间和精力。 4.1 从你的字处理器、桌面发布或者其它应用程序中开始 一个网页，如果仔细一想，其实就是一个文档。它是一个以 H T M L文件 格式 pdf格式笔记格式下载页码格式下载公文格式下载简报格式下载 存储的文档， 但是除此以外，它和其它产生文档的应用程序所创建的文档就没有什么不同，这些应用程序 包括文字处理器(微软的Wo r d、Wo r d P e r f e c t)、桌面发布应用程序(微软的P u b l i s h e r、A d o b e P a g e M a k e r)以及演示程序(微软的P o w e r P o i n t)。 如果这些应用程序可以将已经创建的文档存储为 H T M L文件，那么它们就可以是全功能 的网页编写工具，是吧？大多数情况下(除非仍然用几年前的版本)，这些应用程序可以有选择 地将已经创建的文件保存为H T M L文件。 所以如果有这些应用程序，那也许就可以： • 打开已经创建的文档—简历、处方、故事、广告、小册子、请愿书，任何一切—然 后在一系列的单击之后将它们转换为 H T M L文件，以备在FrontPage Express中编辑和改 善(不用重新输入)。 • 可以在移交到FrontPage Express之前，利用这些应用程序的特性，在这些应用程序中开 始新的网页。比如说，Wo r d有拼写检查和语法检查，而 FrontPage Express没有。在一个 有很多文本的长网页中，错误很容易被忽略。你也许会更愿意在 Wo r d中创建这样的网 页并做一下拼写检查，然后再保存为 H T M L格式并移交给FrontPage Express。 • 完全在另一个应用程序中创建和发布文件，而且从不使用 FrontPage Express。如果在其 它应用程序中的网页编写能力可以满足你的需要，就可以选择这种方式。 以下的几页描述了可以使用哪些流行的应用程序来创建网页的方法。对于很多运行于 Wi n d o w s 9 5 / 9 8 / N T上的其它一些流行的创建文档的应用程序，它们的最新版本中都提供类似 的能力。 如果在另一个应用程序中创建一个文档，并将它保存为 H T M L文件， 然后再在FrontPage Express中打开以进一步完善的话，也许就会在网页中 看到各种各样的问号标记。 虽然有点扰眼，但是这些标记通常不代表任何实际的问题。要了解 更多，参见本学时后面标题为“将各种类型的文件输入到 F r o n t P a g e E x p r e s s之中”的部分。 当想要将一个已存在的文档完全转换为一个网页的时候，本学时中 涉及的技术将是一种很好的方法。 但是如果所要做的只是拷贝文档的一部分—比如说一些图片或者表 格—到一个网页中，就无须用这些技术。相反，可以很方便地从任何 Wi n d o w s应用程序中拷贝文本、 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 、图片以及链接并粘贴在 F r o n t P a g e E x p r e s s中编辑的任何网页中。参见第 5学时的“选择一个标题、文本颜色 和其它一些网页基本属性”，在其中可以学习到如何拷贝和粘贴。 4.1.1 在Word中开始网页 随着每一个新版本的推出，微软将 Wo r d 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 成了一个更象混合的网页编写 /文字处理的应 用程序。在Wo r d 9 7中就有很好的网页编写能力，而在 Wo r d 2 0 0 0中则更好。 在这两个应用程序中，可以将任何文件保存为一个 H T M L文件，从而可以作为网页而被 发布，或者在 FrontPage 2000中打开并编辑。而且，不管是哪个程序，都可以基于 Wo r d中的 向导和模板来从头开始创建新的网页。下面的“动手实践”就讲述了如何使用在 Wo r d 2 0 0 0中 的这些特性。 取决于在安装Wo r d (或者微软的O ff i c e，其中包含了Wo r d )时所选择的 选项，Wo r d中的网页编写能力也 许可 商标使用许可商标使用许可商标使用许可商标使用许可商标使用许可 能没有包含在安装中。 如果发现不能够开展如下的“动手实践”的话，很可能意味着 Wo r d 的网页编写工具在安装时被忽略了。要添加它们，插入 Wo r d或者O ff i c e的 软件光盘，启动安装程序，选择添加 /删除部件，然后确保在更新安装时 选择了网页编写部件。 动手实践：将一个Wo r d文件保存为一个网页 1) 在Wo r d中打开此文件。 2) 选择“文件”、“保存为网页”，见图4 - 1。 3) 选择一个文件夹并单击“保存”，见图4 - 2。 动手实践：在Word 2000中开始一个新网页 1) 打开Wo r d。 36分分第一部分分第一步，第一个网页 下载 2) 选择“文件”、“新建”。 3) 单击“网页”标签，见图4 - 3。 4) 选择那个名字最符合你的要求的模板图标，然后双击它，见图 4 - 4。 第4学时从在其它应用程序中开始编写网页从从37 下载 图4-1 第2步：在Wo r d中选 择“文件”、“保存为 网页” 图4-2 第3步：选择一个文 件夹并单击“保存” 图4-3 第3步：单击“网页” 标签 在第4步中，可以看到，除了各种各样的网页模板外，还有一些网页 向导的图标。双击它们以打开一个向导，它会引导你一步一步地创建一 个新网页。 得到的结果比在FrontPage Express的“个人主页向导” (参见第3学时 的“快速完成一个个人网页” )中所获得的要来得漂亮。但是也更复杂， 也更难有效地编辑。 如果有Wo r d，我建议你试试它的网页向导，只是为了实践一下。但是， 也建议不要试图用它来创建任何重要的东西，除非你有了更多的经验。 5) 在Wo r d中做你所喜欢的编辑，然后保存它。文件就已经是一个 H T M L文件，所以，在 任何时候，都可以从Wo r d切换出来并在FrontPage Express中继续工作，或者发布它，见图4 - 5。 在Wo r d中打开新网页之后，你也许会注意到， Wo r d中的外观和你所 习惯的是有些区别的。这里有不认识的工具栏按钮，以及一些新的菜单 选项。 38分分第一部分分第一步，第一个网页 下载 图4-4 第4步：选择一个模 板 图4-5 第 5步：编辑文件， 然后保存它 这里有一Wo r d的We b版面视图的工具，We b版面视图是一个特殊的视 图，在其中Wo r d的工具都变成在网页上工作所需要的那些类型。当你在 一个H T M L文件上工作时，Wo r d总是自动地切换到We b版面。 4.1.2 在Publisher 2000中制作网页 像Wo r d一样，桌面出版应用程序(微软的P u b l i s h e r)也允许你创建新的网页以及将现有的 出版物转换成H T M L文件。 因为P u b l i s h e r是一个设计成创建打印出版的应用程序，它的格式和布局远比网页所可能 有的要来得复杂，所以在转换它们之后，出版物若呈现出非常不同的外观，就不用惊讶了。 P u b l i s h e r如实地反映了所有的文本和图片以及出版物总体的组织，而且它尽可能保持了 总体的设计，但是从根本上来说，网页的版本从来不是此打印版本的一个准确匹配(它也不应 该是—打印世界的设计原则并不总是适合于在线的领域)。 • 要将一个已有的 Publisher 2000出版物转换为一个网页，首先打开此出版物，然后选择 “文件”、“从当前出版物创建网站”。(注意，如果出版物包括了多于一页的内容，P u b l i s h e r将 让每一页都变成一个单独的H T M L文件，并且在每一页上提供跳转到其它网页的链接。) • 要在Publisher 2000中开始一个新的网站，请看如下的“动手实践”。 动手实践：在Publisher 2000中开始一个新的网站 1) 打开在Publisher 2000。 2) 在目录中的向导列表中，选择“网站”，见图4 - 6。 3) 选择符合你的爱好的网站设计，然后单击“开始向导”，见图4 - 7。 4) 使用向导选项，或者P u b l i s h e r的普通编辑工具，来编辑你想要的网页，见图 4 - 8。 5) 当可以保存时，选择“文件”、“保存为网页”。 第4学时从在其它应用程序中开始编写网页从从39 下载 图4-6 第2步：单击向导列 表中“网站” 网站向导 4.2 将各种类型的文件输入到FrontPage Express之中 仅仅选择“文件”、“打开”，就可以在FrontPage Express中打开任何H T M L文件，不管它 是在其中创建的，还是在另一个应用程序中创建的(参见第 2学时的“从一个网页编写应用程 序开始”)。 但是假如有另外一种文件格式的文档，并且，既没有合适的应用程序来编辑它，又找不 到哪个应用程序可以将它转换为 H T M L格式，怎么办？ 你也许会很高兴地发现，可以将很多不同类型的文件“引入”到 FrontPage Express之中来 —将它们转换成在FrontPage Express 中可以编辑，并且可以在We b上发布的H T M L文件。下 一个“动手实践”将讲述如何来操作。 但是，在此之前，注意那些引入的文件(和在其它应用程序，如Wo r d和P u b l i s h e r，中创建 40分分第一部分分第一步，第一个网页 下载 图4-7 第3步：选择一种网 站 设 计 ， 然 后 单 击 “开始向导” 图4-8 第4步：编辑新网站 的网页)通常会在FrontPage Express中产生一些令人胆战心惊的小问号图标，就像在图 4 - 9中所 显示的那样。 问号标记指出在哪个文件中包含有一些格式指令(从其它应用程序中带过来的)，而 FrontPage Express不知道如何处理这些标记。尽管它们看起来有点象一个负担，但是它们并不 一定包含有什么真正的问题。它们是一些 FrontPage Express所不能够识别的特定格式，但是它 们在网页中却可以被很好的理解。 可以删除这些图标(以及它们可能用的任何格式)，就像它们是一些印刷错误一样：单击它 们并按下D e l e t e键。但是在做这件事情之前，先在浏览器中查看一下此文件(如第2学时中所描 述的那样)。你也许会喜欢此格式，并且想要对这些小的问题置之不管。 将此文件引入FrontPage Express中的结果也许有很好的格式，也许是 一团糟，取决于开始创建时的文件类型。 大多数情况下，即使格式没有被很完好地引入，仍然可以将原始文 件中的所有文本成功地引入，这样就节省了重新输入的麻烦。重新安排 格式比重新输入要快得多。 动手实践：从另一个应用程序中引入一个文件到 FrontPage Express中 1) 在FrontPage Express中，选择“文件”、“打开”。 2) 运用“搜寻”列表来找到那个包含有想要打开的文件的文件夹，见图 4 - 1 0。 第4学时从在其它应用程序中开始编写网页从从41 下载 图4-9 问 号 图 标 指 明 了 FrontPage Express 所不能识别的格式指 令 图4-10 第2步：运用“搜寻” 列表来找到那个包 含有要引入的文件 的文件夹 在找到包含此文件的目录之后，如果它的图标和名字没有在“打开 文件”的对话框中出现时，不用担心。在完成第 3步后，此文件就会出现 了。 3) 打开“文件类型”列表，然后选择要引入的文件的文件类型，见图 4 - 11。 4) 单击在文件列表中的文件图标，然后单击“打开”，见图4 - 1 2。 5) 当你保存文件的时候，它将被存储为一个 H T M L文件。 假定你在上面的“动手实践”中，走到了第 3步，而且所需要的文件 类型没有出现在“文件类型”的列表之中，怎么办？ 如果在你的计算机上有任何一个应用程序可以打开那个想要引入的 文件的话，那么就有两个选择。首先在那个应用程序中打开此文件，然 后按照下面的步骤进行： 42分分第一部分分第一步，第一个网页 下载 图4-11 第3步：从“文件类 型”的列表中选择此 文件的类型 图4-12 第4步：选择此文件， 然后单击“打开” 1) 选择“文件”、“保存为”，然后打开“保存为”对话框中的“保存 类型”列表。如果看到任何列出的文件类型是 FrontPage Express可以引入 的文件类型的话，将此文件保存为那种格式，然后再引入它。 或者： 2) 使用“拷贝”和“粘贴” (参见第5学时)功能，从而将原始文件中 所需要的任何东西拷贝到FrontPage Express中的网页中。 4.3 用模板工作 如果网页是华夫饼干的话，模板就是 B i s q u i c k。 新术语 模板 是一个已经做好的网页，可以很方便地编辑它—用自己的文本取代模板的 文本—以快速创建一个新的、自定义的网页，其中包含了此模板的某些设计元素。 作为网页的第一步，相对于从草稿开始，模板提供了一种建造网页的快速，并且很容易 的方式，而且它们还允许在设计文档的时候有较大的灵活性，比那些诸如 FrontPage Express的 “个人主页向导”，或者Wo r d的“网页向导”之类的向导所能够提供的灵活性还要大。 当需要创建一个相当复杂的网页的时候，模板会显得尤其有价值—可能让你感觉到超 越了自己的编写技巧—而且不是很有把握知道如何来实现。 4.3.1 什么是模板 模板就是一个 H T M L文件，其中填充的主要是一些毫无意义的样板内容，而不是实际的 内容。预制的文件已经组织并格式化好，有段落属性、水平线和其它在本书后面将要学习来 创建的各种各样的东西。一个模板也可以包括很多网页中的基本内容元素：主题、标题、主 体、签名、适当的链接等等(如果你不能够识别网页的这些部分，请复习第 1学时“理解网页 的编写”)。 第4学时从在其它应用程序中开始编写网页从从43 下载 图4-13 在浏览器窗口中查 看的一个还没有被 编辑的模板 通过用自己的内容取代样板内容，并留下那些装饰内容，你就可以很快地创建一个很有 吸引力的、高效率的网页，而无须在组织结构或者格式上花时间。当然，如果你决定要改变 从模板创建而得的网页的组织结构或者格式的话，也是可以的，正如在 FrontPage Express中可 以编辑任何H T M L文件一样。 图4 - 1 3显示的是一个用于人力资源部门的网页模板。图 4 - 1 4显示了一个我用自己的内容取 代模板的文字之后所创建的一个网页。比较这些特征，并观察两者仅有的区别就是文字内容。 注意我是如何能够利用模板的组织结构、奇特的水平线、以及那些换了字符之后仍然沿用的 格式。 4.3.2 到哪里能够找到模板 可以在很多地方找到模板。网页编写应用程序，比如说微软的 FrontPage 2000的完全版本 通常就包含了一些模板。 目前，最好的方法就是在线去寻找。可以在网页编写网站上发现很多好的、自由版权的 模板。下面的这些U R L就提供了一些好的切入点： • 位于w w w. w e b d i n e r. c o m / t e m p l a t e s /的Web Diner的模板页(见图4 - 1 5)。 • 位于b a m t e c h . h y p e r m a r t . n e t / t e m p l a t e s . h t m的B A M技术的We b模板页。 • 位于w w w p c d . s t a n f o r d . e d u / m o g e n s / i n t r o / t e m p l a t e s . h t m l的斯坦福的蜘蛛小组(S p i d e r’s G r o u p)的模板。 注意，对于在线发现的任何模板的一个拷贝，首先必须存储在你的硬盘上，然后才可以 编辑它。 取决于此模板是如何在线显示的，可以选择两种方法用来将一个模板保存到你的硬盘上： • 如果模板是以文件提供的(或者，更有可能是在 Z I P文档中的文件)，那就只要像其它文 件一样，将它下载到你的P C上(如果需要的话，解压缩)。 44分分第一部分分第一步，第一个网页 下载 图4-14 添加了真实内容之 后，模板被编辑成 一个真实的网页 • 如果此模板以一个网页出现在浏览器上，那就需要将此页保存到你的硬盘上。在 Internet Explorer中浏览此页面的时候，选择“文件”、“保存为”。 4.4 将模板编辑成你自己的网页 在模板被保存到硬盘上之后，就可以编辑、扩充、重新排布格式、或者删除它的任何部 分。在一些情况下，你也许会发现你无须改变很多—模板的任何地方都已经表达了所需要 表达的，不要管它。 但是，大多数你将看到的文本是必须被替换或者删除的。在以后的学时中，将详细讲述 如何编辑网页，但现在只须要开个头(毕竟模板是要快速工作的目标)，如下是一些快速编辑的 技术： • 要替换整个段落，首先从头到尾将此段落加亮，其方法是将鼠标指针指向此段落的左边， 然后双击。然后输入新的内容。这段就立即被删除，并被所输入的内容所取代。新的段 落和所替换的段落有完全相同的段落属性。 • 如果只是替换一个段落的某个部分，首先将想要替换的内容加亮(在选择区的开始单击， 保存住直到拖拉到其末尾，然后释放)，然后输入新的内容。此加亮的部分就被删除， 并被所输入的内容取代。 • 要删除一幅图像，单击它(就是选择它)然后按下D e l e t e键。 编辑模板的唯一的诀窍就是改变内容，而不动及已有的格式。最后，想象一下如下的问 题是有益的：在每一个段落之间，应该有一些在编辑时不能丢失或者损坏的隐藏格式指令。 要确保你没有无意替换了格式，请避免删除段落之间空格的操作。比如说， • 当编辑指针(每当输入或者编辑文本的时候就出现的高的垂直线条)出现在一块文字的最 前面的时候，不要按B a c k s p a c e键。 • 当编辑指针出现在一块文字的最末尾的时候，不要按 D e l e t e键。 • 如果无意之间改变了属性，单击 FrontPage Express 的标准工具栏上的“撤销”按钮，然 第4学时从在其它应用程序中开始编写网页从从45 下载 图4-15 Web Diner那里聚集 了很多免费的网页 模板的资源 后再做其它事情。 4.5 课时小结 讲述了一些准备知识，这只是 教程 人力资源管理pdf成真迷上我教程下载西门子数控教程protel99se入门教程fi6130z安装使用教程 的三个学时，而你仍然要学习在网页中填充文本、图 片和链接的基本方法。但是目前已经知道了三种方法—“个人主页向导”、“在其它应用程 序中开始”以及“模板”—来制作一个不错的网页。 鉴于已经感受了那种匆匆忙忙的即时的满足，下面的四个学时将提供一个静下心来的机 会，将在每一个网页中都最重要的部分—“文字”—上进行工作。 4.6 专家答疑 问题：我能够做我自己的模板吗？ 解答：当然可以。事实上，如果你在创建很多类似的网页的话，这样做会为你节省大量 时间。 要制作你自己的模板，只要建造一个网页，其中包含了你可能在各个项目中都要使用的 元素。通过打开和编辑那个模板文件，你就可以创建新的网页，确信是以一个新的文件名保 存创建的内容(使用“文件”、“另存为”)从而使模板本身保持不变并准备好为以后新的页提供 服务。 问题：我能否将在线时看到的“酷”的网页用作模板？ 解答：是也不是。(你不是很讨厌那样回答的吗？) 技术上，你当然可以攫取任何在线时看到的网页，将它保持在 P C上，在 F r o n t P a g e E x p r e s s中打开它并编辑之。这样做的一个方法就是在 Internet Explorer 5中访问此网页，然后 单击I E 5的工具栏上的“编辑”按钮。这个按钮在你的 P C上所设置的“缺省”网页编辑器中打 开此网页。(这可能是FrontPage Express，但是如果凑巧安装了另外一个编写应用程序，那么 此文件也许在那个程序中打开。)然后，你就可以编辑并在P C上保存此文件。 获得相同结果的另一种方式就是先访问此网页，然后就在 I E 5的菜单上选择“文件”、“保 存为”。用于保存此网页文件(图片和所有的东西)的一个对话框就在你的P C上打开了。在你保 存了此文件后，你就可以从因特网上断开，然后在 FrontPage Express中打开此文件来编辑。 但是即使你可以这么做，你也不应该做。因为有一个理由，就是此网页和它的内容(包括 图片)有可能是有版权的，这就意味着使用它的任何部分都是犯了大忌。而且即使不是版权保 护的，这也是其他人的工作，所以如果你偷了它的话，将会给自己带来坏的报应。你也许会 认为如果你改变了所有的字符和图片，而只是借用了它的版面，那就可以了。然而，在大多 数情况下，下面的H T M L代码可能也是受版权保护的，那么你仍然是失败的。 另外一方面，你并不须要拷贝任何人的工作。你有工具来实现你所需要的任何东西，而 且是独立地完成，在后面的 2 0学时内你就可以拥有那些技巧。在那之后，你所需要的就是少 许的练习。 46分分第一部分分第一步，第一个网页 下载 第4 学时在其它应用程序中开始编写网页 4.1 从你的字处理器、桌面发布或者其它应用程序中开始 4.1.1 在Word 中开始网页 4.1.2 在Publisher 2000 中制作网页 4.2 将各种类型的文件输入到FrontPage Express 之中 4.3 用模板工作 4.3.1 什么是模板 4.3.2 到哪里能够找到模板 4.4 将模板编辑成你自己的网页 4.5 课时小结 4.6 专家答疑