[Computers, Diary] 今天的主題是網頁

這真是一個網路爆炸的時代呢。

從春假前到現在，其實我一直都在忙，
其中有一項工作是校內的數位典藏計畫，
後端的資料庫與程式碼部分之前曾經提過，
很多的時間都不在 coding，而只是在找解決方案 = =||

程式碼撰寫的部份不太費事，但因為趕進度而急就章地寫，
有些 code 到今天我已經看不懂了 Orz

如果之後有時間，真應該再重新 refine 程式碼才是。

比較起後端，花了更多時間的其實是網頁 layout，
雖然不是計畫要求，但我總覺得網頁該盡可能符合標準，
而因為政府機關似乎網頁都要能符合有障礙無障礙規範，
為此也將廣義的 Accessability 納入考慮。

嗯，不過我不敢說這個計畫的網頁是有高度可及性的，
目前只俱備「拿掉 styles 與圖檔後，仍可閱讀」的能力，
至於未來計畫會不會繼續，我也不知道 @@

---

我覺得網頁設計最惱人的部份，不是後端的程式碼或資料庫，
而是前端的 layout 與 styling.. @@

下面是期望看到的網頁樣式，用 ul 跟 li 實作：



用到的 CSS code 大概是這樣：

#contenttext .tabbed li {
border:4px solid #CCC;
float:left;
list-style:none;
margin:10px 20px;
padding:4px;
text-align:center;
width:180px;
}

接著，用各版的 IE 打開時..

IE6



/* IE6 */
#contenttext .tabbed li {
text-align:center;
list-style:none;
display:inline;
border:4px solid #CCC;
margin:10px 20px;
width:196px;
padding:4px;
}

/* standard browser */
html>/**/body #contenttext>.tabbed>li {
float:left;
width:180px;
}

IE7



/* IE6 */
#contenttext .tabbed li {
text-align:center;
list-style:none;
display:inline;
border:4px solid #CCC;
margin:10px 20px;
width:196px;
padding:4px;
}

/* IE7 */
*:first-child+html #contenttext .tabbed>li {
display:block;
width:180px;
height:157px;
float:left;
margin:10px 20px;
}

/* standard browser */
html>/**/body #contenttext>.tabbed>li {
float:left;
width:180px;
}

IE8



目前無解 (默)

---

嗯，希望之後不要出現版面大改動這種劇碼.. ||

Ref. 好用的 CSS Hacks


[posted by cornguo @ CornGuo's BLOG, of murmurs]

[Lyrics] 歌詞: 剪愛

嘖，我發現最近都在貼歌詞，
可見得我這幾天很沒心情寫網誌呢..
不過.. 就常常會有旋律在腦袋裡轉著，
這是剛剛半昏睡的時候想到的歌。

至於為什麼要放曹格唱的版本，
純粹就只是個人喜好罷了 (茶)

昨天在夢裡到了一處曾去過的地方，
不知道為什麼下了雨，始終不停，
而過往繁榮的景象已不復存在，
不知道那個想像中的世界怎麼了，
真是令人感到不安呢。

There are words we cannot say directly, but via the music.
Yet, it only happens when you learned to listen.

---

剪愛
詞：林秋離／曲：涂惠元　

人變了心　言而無信
人斷了情　無謂傷心
我一直聆聽　我閉上眼睛
不敢看你的表情

*
滿天流星　無窮無盡
我的眼淚　擦不乾淨
所以絕口不提　所以暗自反省
終於　我掙脫了愛情

把愛　剪碎了隨風吹向大海
有許多事　讓淚水洗過更明白
天真如我　張開雙手以為撐得住未來
而誰擔保愛永遠不會染上塵埃

把愛　剪碎了隨風吹向大海
越傷得深　越明白愛要放得開
是我不該　怎麼我會眷著你眷成依賴
讓濃情在轉眼間變成了傷害

repeat *

我剪不碎舊日的動人情懷
你看不出來　我的無奈


[posted by cornguo @ CornGuo's BLOG, of murmurs]

[Lyrics] 歌詞: What I've Been Looking For

這是另一首來自《歌舞青春》的曲子，
一部分原因，是我們最近在練這部作品，
看著電視上那動感十足的演出，似乎不難，
但實際上要能唱成那樣，真的需要很多工夫呢 @@

是說，這種調調的音樂，
似乎跟我 Blog 常貼的那些格格不入呢，嘖嘖。

這次試著讓歌詞可以對上音符，亂填了一些字，
所以啊，看起來很奇怪是理所當然的喔 (茶)

---

What I've Been Looking For

It's hard to believe
That I couldn't see
You were always there beside me
Thought I was alone
With no one to hold
But you were always right beside me

　　真難以相信
　　我從未發現
　　你總陪伴在我身邊
　　當孤單寂寞
　　需要人擁抱
　　你總是出現在我身邊

*
This feeling's like no other
I want you to know
I've never had someone
That knows me like you do
The way you do
I've never had somone
As good for me as you
No one like you
So lonely before, I finally found
What i've been looking for

　　這感覺非比尋常
　　希望你知道
　　我從沒有遇到
　　能了解我的人
　　那就是你
　　我從沒有碰到
　　這麼親切的人
　　特別是你
　　曾孤單的我，現在找到了
　　我所期待的人

So good to be seen
So good to be heard
Don't have to say a word
For so long I was lost
So good to be found
I'm loving having you around

　　能被你看到
　　能被你聽到
　　不用說就能知道
　　曾徬徨的我
　　能被你找到
　　有你在身邊真好

repeat * → fin


[posted by cornguo @ CornGuo's BLOG, of murmurs]

[極短篇] 弦

若情感可以具象化，變成一根弦，
當它越繃越緊，誠如兩人之間的關係時，
去碰觸它的，便就會聽到他所不想聽到的。

而緊繃到最後，總會有斷了的那一天。


[posted by cornguo @ CornGuo's BLOG, of murmurs]

[雜七雜八] 看到了令人懷念的手機

在四小折的網誌看到了這篇，
讓我想到了好久以前寫的OKWAP A263 簡評...

圖片上來看，應該是後期的粉彩版本了 @@

嗯.. 說到 OKWAP 好像又可以寫一堆東西，
之後有空再來交代一下跟這家公司的愛恨情仇 (?) 吧 :p


[posted by cornguo @ CornGuo's BLOG, of murmurs]