睡蓮‧池水間

Guest
2012-May-20  
0 位會員和 11 位訪客在線上

文章 :: 本站消息

池水間新設計 - 正式套用

睡蓮
 
池水間 
本站已將系統升級至2.3.3版本,而新設計的佈景亦大致完成了九成,已先行套用至本正式站,餘下未完成的細節部份就留待日後再繼續。

以下quote引用於池水間新設計 - 預告

1) 採取固定的頁面寬度,以1024像素寬度為起始點,按不同瀏覽器解析度來截取不同部份面貌,解析度較大者,才能看到整個設計的全貌。由於設計是以內容為重心,1024寬度下的外圍設計部份只為點綴較大解析度下兩旁出現的空曠位,亦為以寬螢幕為未來趨勢走向預留一條後路。

1024下的本文內容字體看起來較舊設計的大得多,猶如用放大鏡觀看本站。若用1280以上解析度觀看本站,就如站在較後的位置去觀看廬山真貌。

此設計還可於日後隨時用 絕對定位 + 背景圖 加入一些點綴,定位於1600寬度的空曠處。



2) DTD方面會再向前邁進一步,由XHTML 1.0 Strict 晉升為XHTML 1.1,仍一如以往以手工編寫網頁,並送交 W3C 驗證,至目前為止暫仍合格。

由XHTML 1.0 Strict 升至XHTML 1.1,要比從XHTML 1.0 Transitional 升至XHTML 1.0 Strict要容易得多,除了禁止在html標籤裡使用lang屬性之外,其餘的仍沿用了之前的XHTML 1.0 Strict 。

3) 將會一改以往的傳統設計版式,以創新及突破性的版式呈現眼前,跳出所謂的左、中、右、中上、中下、中左、中右區塊位置的框框,按自己喜好來編排,靈活展現,運灑自如。

要突破區塊位置的框框,首先不要被所謂的左、右、中、中左、中右、下、左下和右下這幾個字眼所局限,將它們想成a、b、c、d、e、f、g、h共八個不同位置,如此才能任意調用,靈活編排。

4) 充份利用smarty語法搭配css來設計。

是次設計最考功夫的是使用者選單和兩組主選單,當時的構思是在選單上以橘圓點、橘字及以不同主目錄組別來表示出當前頁。特別是如何利用smarty去判斷同一模組之下的不同頁面例如關於本站、流水涓涓、眾裡尋它等,使用者選單中的每個頁面亦然,另還要判斷主選單的兩個目錄組別,這些都絞盡了腦汁,最後總算達成我的要求。


5) 是次設計將包括for Text Browser 的裸體版網頁在內,所謂裸體版網頁就是脫去漂亮的CSS外衣,以光脫脫的網頁呈現,以求在沒有CSS的外衣下仍能上下齊整有序不雜亂易於閱讀。另外,在一般瀏覽器下用圖片方式連結而在文字瀏覽器下則要轉換為文字連結,這時就要考驗本人的功力了。

在各種文字瀏覽器中,我個人較推薦w3m(和w3c沒有關係),它是支援utf8最好的瀏覽器;傳統的lynx還不支援utf8,瀏覽本站會出現亂碼或部份文字不顯示等;Elinks則除了瀏覽器標題欄是亂碼外,文字內容尚能支援utf8,可以正常閱讀。

w3m文字瀏覽器下的截圖:

    «« 池水間新設計 - 預告 Opera:Web標準可能讓Flash過氣 »»    

引用

  • 文章地址: http://waterlily-lsl.com/modules/article/view.article.php/c16/176
  • 引用地址: http://waterlily-lsl.com/modules/article/trackback.php/176

評分

10
9
8
7
6
5
4
3
2
1


 

API: RSS | RDF | ATOM

回覆及設定

    關閉


 

最 新 發 表 及 資 訊 區

此為池水間 banner ,需要安裝 Adobe Flash Player 才能觀看內容。

最新留言

最新留言:2012-Jan-6 11:13am
留言編號:76
留言者: wuji888
網主回覆:
總留言數: 71

前往萍踪留影

造訪統計

今天:125
昨天:751
本週:125
本月:10141
總計:431378
平均:311

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
除另有註明外,本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權
登 入