歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux綜合 >> Linux資訊 >> 更多Linux >> Linux下的Web設計

Linux下的Web設計

日期:2017/2/27 9:46:24   编辑:更多Linux
  [譯者按] 用 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 =)。



Copyright © Linux教程網 All Rights Reserved