Linux 版 (精华区)

发信人: howdoit (第一个角球), 信区: Linux
标  题: Linux下的Web设计
发信站: 哈工大紫丁香 (Thu May 20 08:52:21 1999), 转信

"Linux公报...让Linux更富魅力!"

            Linux 下的 Web 设计

               By Matus Telgarsky      翻译： Gump

[译者按] 用 Linux 做 Web 服务器的人可能很多, 但是用 Linux 制

作主页的人可能并不多, 本文 

则介绍了如何在 Linux 下完成主页制作的所有工作。至于效果如何，

还得读者动手实践。[#] 

"Web" 是从一个为了使数据可以很容易的被不同的人存取的小项目发

起的。在当今，Web 已扮演着 

一个世界范围的数据存储仓库和通讯处的角色。大多数公司都有这样

一个位置，别人可以从 Internet 

上访问到它。现在每个人, 任何人都有 Web 主页。一个好的 Web 主

页能够吸引读者，很容易的传播 

信息。记住：另外有2,000,000个主页在讨论和你的主页相同的主题，

但是你需要用设计优良的页面来 

吸引人们。如果做的好，甚至可以吸引那些并不认识你的人对你感兴

趣。这篇文章将会简要的介绍如何 

在最好的操作系统之一，Linux 下创建一个具有吸引力的 Web 主页。

Web 主页设计简介

建立一个信息丰富，有趣的 Web 主页确实是一件难事。首先，一个

Web 主页必须是在审美上令人愉快 

的。这听起来有点可笑，但它是明显的事实。如果内容有好的外观布

局，人们阅读的时候会感到享受。 

另外，一个 Web 主页不能占用太多的带宽。你需要吸引许多的人，不

仅仅是那些家里有 155M 的光纤 

连接(OC-3)的人。有时候，为你的主页提供高带宽和低带宽的两个版

本是一个好办法。如果搜寻信息的 

某人来到你的主页，等待很长的时间才能进入，那么他会离开。同

样，眼睛精灵(eyecandy)也是个坏 

主意。两千个小东西在屏幕上移动，闪着亮光，这会打扰读者，最糟

糕的是会使他生气。我知道如果 

是我来到一个惹恼我的或是太慢的主页，我会转到我找到的下一个页

面。最后，要实用，简洁。现代 

的 HTML 提供了许多绝妙的方法来以很小的，精简的方式提供数据。

例如，在新的版本中，表格看起来 

非常好。(到 www.gnome.org 看一个例子)。排序或不排序的列表是显

示信息的一个简单而有效的方式。 

好，这些是简单的基础，现在让我们来动手做。 

编辑 HTML

一个真正的 Web 主页是手工做的。如果你写过CGI 脚本来产生HTML，

它就是完全由手工产生的(而且 

如果计算机自动化的来做这件事,它很可能是难以置信的低效率)。为

了清晰好读，html 文本应该有 

缩进排印和空格。不过，有一个 HTML 的编辑程序还是重要的，Linux

提供了许多。 

html 的编辑器之一是 vim 。新的版本自动检测编辑的文件类型，并

调入相关的关键词。Vim 会自动的 

用不同的颜色显示这些词，提示你的某些错误等等。Vim 可以从 

www.vim.org 获得，而它的一些简洁 

的模块(mods)则可以从 ftp.mandrake.net 得到。另一个编辑器是

Xemacs。Xjed 也能用于此工作。 

它们都能进行代码染色，做所有的其他花样，并且所有都以直觉的，

吸引人的 X 界面完成。 

HTML 编辑器们可能显得浅薄，然而它们的确有助于阅读代码，理解错

误，和迅速，有效，简洁的建立 

web 主页。 

图形

Web 页面需要图形。我并不是指华而不实的背景和巨大的徽标。我是

指那些与文字及其它部分相天衣 

无缝的结合的图形。同样，Linux 提供了许多方法来创建，编辑和浏

览图形。 

简单的图形元素可以由 xpaint 创建，xv 来浏览。不过做真正的东

西，你需要 GIMP(如果你还没有， 

只需去 www.gimp.org )。对那些不了解 GIMP 的人来说，它是 Linux

下的 Photoshop。大多数的 

photoshop 用户会同意，这个免费的应用程序无疑比 photoshop 更

好。并且它运行在 Linux 下。 

各种情况，如徽标，透明图，动画GIF，和上百万的东西都可以用

GIMP 来做。 使用 GIMP，一个 

原来看起来很糟糕的背景可以被修改得完美。一个看起来不太合适的

图像可以做成边缘淡入成透明 

或其他优美的效果。GIMP 是一个全面的工具，可以创建有吸引力的 

web 页面图形。对于一些用 

GIMP 的创造性的想法，你可以参考 www.gimp.org ，

contest.gimp.org , 和一些较早的 Linux 

Journal 的文章。 

图形必须与 Web 页面中的其他文字和其他信息。利用 GIMP 和其他的

工具，可以快速而容易的制作 

出专业质量的图形。记住；人们愿意停留在漂亮的主页，如果你创造

出与主页的其他部分非常协调的 

好的图形，那么你就是赢家。 

其它

多媒体中的其它类型在 Web 上也很常见。动画可以用 GIMP 来做，用

xanim 来看。Midi 的使用是 

越来越少了，所以并不重要。毕竟它打扰了很多人。 

背景方面需要注意。不要让背景刺伤人们的眼睛，使用 2 MB 的JPEG

文件，或是仅仅把事情弄的 

一团糟。有时候，一个非常简单的图案就是很好的背景

 slashdot.org 仅是本白)。背景应该是有趣 

的，但是不应该把文字弄的难读。新版的 HTML可以把表格做的非常漂

亮；一种方法是把文字放入 

背景里的一个表格里( www.gnome.org )。记住；如果人们无法读这个

页面，他们就会离开！ 

slashdot.org 之所以如此受欢迎，一个原因就是因为它的页面布局既

美又易读(kudos go to Rob)。 

一个经验之谈是使用单色或没有太多颜色变化的图像做背景。有一个

主意是先找出你想要做背景的 

东西，在协调一下你要用的颜色。但是这并不是绝对的；别让我犯

错，你可以打破规则，它只是在 

没有其它的可用时比较安全的方法。背景实际上是 web 页面设计中一

个非常困难的问题。 

随着浏览器的发展，存在着很多可能性。Netscape/Mozilla 是现在的

主流，主要因为它是免费的，并 

公布源代码(欢呼!)。KDE 也是不错的东西。有许多是在 GTK/GNOME

下开发的，并可以在 www.gnome.org 

找到。虽然它们是“在开发中”，不用担心用它们。它们绝对可以用

比 netscape 快两倍的速度来弥补 

这个缺点。 

实践！这是令人惊奇的，有那么多的途径可以创建信息丰富，组织优

良的 web 页面！好的 web 页面的 

例子是 www.gnome.org , www.gimp.org , slashdot.org 等。注意，

它们所有都没有阅读困难的问题， 

没有令人讨厌的显示，非常简洁，等等。如果你注意到一个你喜欢的

HTML 小把戏，可以调出它的源代 

码，记下主页的地址(做上标签)。 

结束语 

那么，现在你已做好准备快速的做出优雅的 web 页面，是吗？是的。

在你的脑中要始终记着这些基本 

原则。记住你需要人们来光顾你的页面。所需的图形和文本编辑器在

Linux 下很容易找到，而且免费。 

并且浏览你的作品的浏览器也不是问题。总之，玩得开心，做你喜欢

的页面，并且...用 Linux =)。 

  

                       版权所有 (C) 1999 NJLUG

           出版于第39期《Linux公报》1999年4月 中文版第六期

                            


--
☆ 来源:．哈工大紫丁香 bbs.hit.edu.cn．[FROM: bin@mtlab.hit.edu.cn]