2 column + header + footer 樣版

從開始做網頁,我就喜歡這樣的版面配置了,以前是利用frame來達到我理像的樣式,後來越來越深入CSS後,就開始想用CSS來達到目標,我的目標其實很間單,就像大部分的同樣型式的網頁一樣,一個header在網頁頂端,一個footer在尾端,sidebar靠一邊,就像現在您看到的這個網頁一樣,只不過我還有另一個要求,那就是當主要內容和sidebar的高度都不及視窗高度時,footer不是緊接在較長那邊的下面,而是貼在視窗尾端。為了達到這樣的目標,我不知嘗試了多少次,不過每次都不成功。

閱讀「2 column + header + footer 樣版」全文

抽煙者中老菸槍的比例

昨天補完習回家在捷運上看到的門診戒菸的廣告,其中有兩句話:「有81%的陽痿患者是老煙槍」、「每100位陽痿患者就有65位是吸煙者」。

我得到的結論:「每65位吸煙者中就有81位是老煙槍,比例高達124.6%。


Textile

這兩天做升級時除了安裝MT 2.661和寫出簡單的關於這頁面,最直得一題的就是安裝了Textile 2.0bsmartpants了,這Textile主要的目的是幫助我在寫文章時能夠更簡單的產生想要的html碼,例如只要輸入「*strong*」就會變成「strong」,文字會被<strong>標籤包起來。smartpants則主要是用來把「"」轉換成「&quot;」的,當然還有其他字元可以做轉換,不過我後來發現我沒裝好,所以還沒有效果出現,也還好還沒效果出現,不然PHP的XSLT Parser遇到&amp;&lt;&gt;以外的entity可是會給錯誤訊息的,看起來應該是可以調,不過不知怎麼調就是。

Textile我最早是在Textpattern這個網頁編輯程式中看到的,而MT的plug-in則是在hlb's article看到的,不過hlb用當時用的是textile 1.1,textile 1.1的功能還不能讓我滿意,剛好這兩天發現了2.0b,發現我的需求幾乎只差definition list沒有而已,不過現在有用到<dl>的文章也才一兩篇而已,應該以後就盡量避免使用它,不然就自己手動打HTML標籤。安裝後,也順手把幾篇舊文章改成Textile format,不過應該還有幾篇有用到<blockquote>標籤的文章沒改到,有發現的話也會改的。


靠右的sidebar

要用CSS製造一個sidebar靠在右邊,不是什麼困難的事,而且方法很多,這裡的右邊的sidebar就是用CSS弄出來的,不過雖然方法很多,卻因為我的一些小龜毛,加上IE的bug,害我花了不少時間才弄到滿意。

閱讀「靠右的sidebar」全文

除夕

今天是農曆新年前一天,也就是除夕,是要回家團圓吃年夜飯的日子,我當然也要。另外讓人很高興的,今天總算停雨了,下午應該會去學校把機車騎回來吧,晚上還有撥我沒看過的無間道,想看蠻久了,也因此,跨年那時候我大概在看無間道,所以就先在這裡跟大家說句:「新年快樂!」。


心情轉換

昨天和某p的電話裡,因為一些事被她唸了好一陣子,結果本來還不錯的心情就變差了。其實事情沒這麼嚴重的,可是有些時候我就是會這樣,即使知道她並不是真的在生氣,心情還是回不來,不過還好後來找些其他事做,把注意力移開後,心情好了不少,也寫了封信去給她,雖然他還要過好一陣子才看的到。


期末週間

最近是期末,是期末考和期末報告的地獄,但是我總共只有三科,一科通識期末考早在三週前就考完了,剩下兩顆期末報告,一科是「網路資訊交換」,我把這裡給xml化後交了出去,而且也是兩週前的事了,最後剩下的這週五要上台報告的「航空運輸管理」,感覺上我應該是很輕鬆,不過我卻覺得最近實在是很忙,行程排的滿滿,幾乎沒時間呆在家裡。當然一週三天的補習也是一大因素,因為這補習的關係,我的一週可以說是只剩四天,最空閒的日子大概是週四了,因為週五要上課,週六日要做接下來要交的東西,就連下學期的選課也是在期限最後一天發現,趕快上網選的。而今天,是學期的最後一天,我一早就要上台做這學期最後的報告,雖然是分組的,不過還是小緊張,不知老師會如何看待我做的東西。今天早上順利結束的話,下午要去公司拜訪,明天中午和某p有約,剛好明天又是巴哈姆特站聚(不過因為感覺很累,不太想去),後天則是部落格隨便聚(我最不會交流了XD),下週一二都還要補習。其實,除夕前都還是很忙的。

這陣子也在逃避現實時,對這做了不少更新,首先是發現了Another HTML-lint這個網站,它可以檢查html的結構,並且對其評分,而且檢查的很完善,包括一些親合力的問題都有檢查,有錯的地方他也會有蠻詳細的解釋,雖然都是日文:P,整個網站的內容也很多。我好不容易弄到全部的頁面都有100分,不過有幾頁還是有不被扣分的錯誤在(要有next之類的link),過幾天會處理吧,然後就可以把貼紙放上了:P。接著是按月彙整的頁面,新增了月曆上去,月曆部份的xslt是直接抓網路上的來修改,不過作者有說可以任意修改,我想應該沒著作權的問題了,而且作者的註記我都有留著,到時候在about頁面也會把下載處都寫上。mod_rewrite的規則也改寫過,只剩下兩行,也同時把index.php改寫了,現在各頁面靜態鏈結位置和之前不一樣了,不過我想應該沒什麼人有在看這,所以應該沒什麼影響,還順便把主彙整頁面也擺上了,不過xsl相對應的部分還沒弄好。

寫到這,就覺得離完成之路還好遠,真希望有時間徹底把他弄到一個段落,偏偏過年後要用功唸研究所的書了,反而更沒時間。


購入新書 資訊架構學

「designing with web standards」只剩一點就看完了,所以今天買了O'REILLY的「資訊架構學 網站應用 第二版」,原文書名是「Information Architecture for the World Wide Web」,回來後有看了一下,內容似乎比較難讀,大概會看好一陣子吧,不過應該才看一點就會買「Eric Meyer on CSS」就是,講到Eric Meyer就不得不提一下,昨天在Amazon看到了「Cascading Style Sheets: The Definitive Guide, 2nd Edition」,不過本來的預計發售日是1月1日,結果到了今天也還沒發售,去O'REILLY網站上看也沒消息,後來是在O'REILLY的德國網站才看到該書的介紹,不過,與其說是介紹,不如說只是要確定是不是真的要出第二版了(汗)。

另外還要介紹一本儒林的「多元化網頁設計」,原文書名是「Effective Web Design」,雖然我還沒買下來,不過前兩天有在書店稍微看一下內容,很不錯,像是CSS、親合力問題、還有XHTML 1.1和1.0的差異等等都有講,有興趣的可以連到該書的介紹網頁看看目錄,不過因為是儒林出的,書的質感不太好就是,我目前是有考慮購入啦。



中央聯合辦公大樓

昨天下午為了期末報告,到了陸委會的研究中心(就圖書館啦)查資料,該中心位於中央聯合辦公大樓北棟18樓內,一進大樓的大門,就看到兩邊各有位警察在轉角前站崗,然後眼睛看的見的地方沒電梯,心裡就想「大概要豋記吧,電梯應該是在轉角後」,去櫃檯一問,果然是要登記,還要換證件。我就拿了駕照給它,開始寫登記簿,沒想到寫到一半聽到櫃檯小姐打電話到樓上說:「有一位OOO先生要上去查資料」(抖抖...),登記完,拿到訪客證一看,上面還有寫是圖書館用的,管的真多~_~。

然後就要坐電梯上去啦(果真在轉角後),那邊有三台電梯,一台是VIP專用,不過應該沒差吧,另外兩台一台到奇數層,一台到偶數層,我要到18樓自然是偶數層那台,不過那邊的電梯系統顯然很不聰明,因為奇數層那台已經在1樓了,所以我在外面按要上樓,奇數層那台就會開門迎接我,然後偶數層那台就一直繼續在上面悠遊~_~,後來是樓上有人把奇數層那台叫走,我才得以順利搭到電梯的。

到了18樓圖書館,一進去小姐就叫我背包要放外面置物櫃,然後還要再做一次訪客登記~_~,而且比一樓的更詳細,算了,反正規定是這樣,總之這是最後一次的管制了,之後就可以自由的在圖書館查資料,除了我的影印卡他的影印機不吃和可用的資料沒想像多外,都還蠻順利的。最後是找到一個以前人算的東西,打算用他的方法加去年的資料再算一次。於是我買了張影印卡把資料印一印(回來總覺得可能少印一些,或許週三還要去一趟),趕在5點關門前離開。


修正一點小BUG

之前剛XML化完成時,似乎沒辦法正常發表迴響,主要是entry id的值造成的問題,我常用的都是用0填滿六位數的形式,像是「000071」,不過迴響表單送出的值必須是沒有多加0的形式,也就是「71」,所以就出問題了,不過已經用<xsl:number>把問題解決掉了,結果發現,發表完迴響會跑到設定的單篇彙整位置,這是xml檔的位置,而且和用mod_rewrite做出來的短路徑完全不同,目前還在看有沒有辦法處理。


ANIMAX亞洲台開撥

ANIMAX在日本已經有一段時間了,是一個全動畫的頻道,今年的1月1日台灣台開撥了,台灣網站也幾乎同時公開了,裡面有一月份節目表可供下載,看過之後感覺節目還不錯,像是灰羽聯盟、TEXHNOLYZE,這兩部都是超出我想像之外(灰羽聯盟是我很推薦的),不過除了這兩部外,其他幾乎都是國內有代理出片的,所以其實我推測這兩部國內也有代理商了,只是不知道是誰哪家而已。不過節目再好,我家的大安文山還是沒有ANIMAX啊Q_Q。



XML化狀況報告 FINAL?

基本上就如現在看到的,幾乎都已經完成了,不過還有點小東西要修改,像是Previous和Next的link忘了加上,導致Mozilla的導覽按鈕會沒用,還有Other Version的XML版是錯誤的位置(那是還在修改時的位置),也會把with XSLT版的位置也加上去吧,另外就是data.xml的連結也會放上,不過還沒想到好位置,照我的一些原則來看的話,他應該是要在最上面,瀏覽者不需要捲動頁面就可以看的到,就像搜尋列一樣,然後他應該要放在右邊的sidebar上,因為該檔案是儲存sidebar資訊用的,不過現在實在找不到好位置~_~。

閱讀「XML化狀況報告 FINAL?」全文

➡ 前一個月的文章