No.57
April 22 2007
恩,經過漫長的修改blog,終於終於......終於我受不了了。
說有多困難多曲折,沒有人幫助,只能靠著看各家網站的原始碼去反推到底該怎麼編寫xhtml和css。但我終於還是完成了,可能還是有點小問題,不過我可以很自豪地端上餐桌了^^y
這次,還特別挑戰table less的架構。恩,總之為了維護方便,css也成熟等還有各式各樣的理由,所以便決定將結構與表現部份分開撰寫。唉,這就是一切困難的開始。
之前的改版,頂多換換顏色,改改字。這次在考慮讀者的舒適度,還有操作性,以及管理者(就是me)本身關注的區塊,一一做設計and規劃。
然後就開始從頭學起什麼是div 什麼是float: right class跟id的不同,總之呢,我大概被訓練到只看code就能在腦中想像整個排版了(原來programmer都是這麼厲害的)。中間幫助最大的真的就是shinobi本身提供的工具,預覽正確度大約能到99%。
然後我就得在firefox和ie7之間一直換來換去,想辦法平衡兩者的差距。尤其是那種不明所以的小空隙,或是錯位,實在有的時候寫到很想摔什麼(可是也沒東西摔orz)。
最特別就是某晚受到大萌神的指點,幫助很大,大感激。
最後為了字型的部份,煩惱許久。我雖然愛用meiryo (vista內建的日文字體)能有很好的中英日文支援性還沒有鋸齒,不過我知道很多人都沒有,都還在用xp。所以,最後只好在能接受的程度下指定字體。
嘛...有點不知所云,不過,總之這次的改版,真的學了很多,很多。自學真的很累,不過成就感也非一般就是 ^^
之前的改版,頂多換換顏色,改改字。這次在考慮讀者的舒適度,還有操作性,以及管理者(就是me)本身關注的區塊,一一做設計and規劃。
然後就開始從頭學起什麼是div 什麼是float: right class跟id的不同,總之呢,我大概被訓練到只看code就能在腦中想像整個排版了(原來programmer都是這麼厲害的)。中間幫助最大的真的就是shinobi本身提供的工具,預覽正確度大約能到99%。
然後我就得在firefox和ie7之間一直換來換去,想辦法平衡兩者的差距。尤其是那種不明所以的小空隙,或是錯位,實在有的時候寫到很想摔什麼(可是也沒東西摔orz)。
最特別就是某晚受到大萌神的指點,幫助很大,大感激。
最後為了字型的部份,煩惱許久。我雖然愛用meiryo (vista內建的日文字體)能有很好的中英日文支援性還沒有鋸齒,不過我知道很多人都沒有,都還在用xp。所以,最後只好在能接受的程度下指定字體。
嘛...有點不知所云,不過,總之這次的改版,真的學了很多,很多。自學真的很累,不過成就感也非一般就是 ^^
所以,明天就要進入gradi 2.0時代了。XD
(撒花)(撒花)(撒花)(撒花)(撒花)(撒花)(撒花)
(撒花)(撒花)(撒花)(撒花)(撒花)(撒花)(撒花)
PR
《
たに☆すた もってけ!忘れ物(ベホイミアレンジver) 笑到痛了XD
| HOME | photoshop CS3 簡單測評
》
© 2006-2008 平行世界3.0 Design by Gradi. All rights reserved.
忍者ブログ | [PR]
CATEGORY|分類目錄
Click to enlarge
COMMENTS | 最新吐嘈
12/01 maxwaver
10/17 Lycoris
10/07 Norman
09/28 garbagehub
09/26 Mr.Kid