萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站的第一次改版

網站的第一次改版

  改版是一個痛苦的過程,整理、統一,再整理、再統一,折騰的很。但出於自己對網站的分崩離析的郁悶感,還是花了很大的力氣統一了整個頁面風格,感覺上完全是找罪受。2010年初建站的時候,把博客放在blog目錄下,把文檔放在docs目錄下,然後用的還是一個破舊的毫無信息量的主頁。那以後,我一直不停地寫博客,漸漸忽視了整個網站的維護。blog目錄日漸龐大,仿佛博客就是整個網站一般——結果,我只是在建站的一開始寫了一些文檔,隨後信息量幾乎完全傾斜到博客——但我一直堅信著:SwordAir.com是我的網站,而不只是我的博客。

  雖然主要只做了下面的4件事,但仍然花了相當多的時間。

  統一了網站頭尾、樣式、面包屑

  簡化了文檔的樣式

  單獨分離出工具頁,用於整理並存放一些自己的小工具

  開始填充廢棄了很久的記錄頁

  現在的頭部導航條很扁,只有區區50色,看起來也異常簡單和樸素,不過我卻相當喜歡。CSS裡使用了大量的box-shadow來制造漸變、線條、陰影和發光,所以IE8及以下只能看到扁平的純色。感興趣的朋友可以看看她是如何被做出來的。

網站的第一次改版 三聯

  所有的文檔都來看來更好了,明晰的標題和14px的字體看起來比以前舒服多了。

  比如 Redmine+Apache+SVN+Postfix完整配置指南,C語言標准庫 等等,這些文檔都是我以前花了很多時間寫出來的,盡管已經有一部分已經過期,比如在Ubuntu上簡單配置Redmine,但對我來說其依然是這個網站上最寶貴的東西。經此一改,突然覺得自己的文檔恢復了一些生機,乘著這股小清新我也該多加一些自己的文檔進去了:)

  其實很早就想把 工具頁 單獨拆分出去,現在終於這麼做了。當前裡面空空如也,不過我已經准備了一些常用的工具頁,打算以後持續的積累。而且今年的年度作品也算的上是一個工具,剛好可以放到裡面充充數,呵呵。

SwordAir  Logo

  SwordAir Logo兩年前,網站剛建立的時候我就開了一個記錄頁面,結果,完全沒用上,兩年來那個頁面一直只有這行字:“尚未有記錄”。而今我打算慢慢填充它,因為這個網站也已經成長了2年,我也希望它能繼續成長下去。同樣是在兩年前,我臨時繪制的網站Logo今天開始不再使用。不過我仍然要感慨下,一個臨時繪制的 logo居然就這麼使用了兩年之久…可見一開始以為只是臨時的東西,可能以後真心想改而卻又沒有改,這種情況應該極力在項目中避免。

  末日之年就快來臨,但願這次改版後,能夠用上個五六年,而那個時候,不知道我會在從事何種職業呢?

  作者:葵中劍

  文章來源:葵中劍's Blog

copyright © 萬盛學電腦網 all rights reserved