Linux下的Web设计
时间：2007-02-17 来源：PHP爱好者
[译者按] 用 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 =)。
非常全面的一个php技术网站,php 爱好者站 http://www.ｐｈｐｆａｎｓ.net 有相当丰富的文章和源代码.
"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 =)。
非常全面的一个php技术网站,php 爱好者站 http://www.ｐｈｐｆａｎｓ.net 有相当丰富的文章和源代码.
相关阅读 更多 +
