荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: Lg (创造人生的传奇), 信区: Linux
标  题: Linux 下的 Web 设计
发信站: BBS 荔园晨风站 (Mon Jul 19 11:18:25 1999), 站内信件

【 以下文字转载自 Lg 的信箱 】
【 原文由 liugang.bbs@melon.gznet.edu.cn 所发表 】
发信人: lanzj (nal), 信区: Linux
标  题: Linux 下的 Web 设计
发信站: 华南网木棉站 (Sun Jul  4 11:56:35 1999), 转信



                       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 =)。

--
※ 来源:.华南网木棉站 bbs.gznet.edu.cn.[FROM: 202.38.249.65]
--
※ 转寄:.华南网木棉站 bbs.gznet.edu.cn.[FROM: 210.39.3.50]
--
※ 转载:.BBS 荔园晨风站 bbs.szu.edu.cn.[FROM: 210.39.3.81]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店