Blogger 嵌入 mp3 player

趁著過年放假，整理了一下 blog，看以前寫的文章，下巴都快掉下來了，尤其是已經荒廢很久的 YAMAHA PSR-E403 系列，是我 po 的嗎 XD 。整理時發現之前嵌入的 flash mp3 player 都失效了，明明也是放在自己的網路上的空間，什麼時候，怎麼壞的都不曉得。

梁祝－理察克萊德門版

可以把 IE 6 給丟了 - 用 JavaScript 傳遞參數

當初會答應接 case ，有一部份原因是只是要做靜態網頁，如果還要寫 code 什麼的，那根本是自討苦吃，上班還寫的不夠嗎。但沒想到越玩越大，初次用了 jQuery 和一些 JavaScript 來控制網頁的呈現，因為效果不錯，就越用越多…

後來遇到一個問題，要怎麼在網頁間傳遞參數？如果是 JSP 我是知道怎麼寫，但這樣還要有能支援 JSP 的伺服器，case 主人的 Hinet 免費網頁空間應該沒這麼先進吧？（說到這 Hinet 的免費空間，就一肚子火，硬塞廣告進網頁，實在太惡劣！看我下次文章怎麼修理你，嘿嘿…）那 ASP 呢？沒寫過，自找麻煩，伺服器一樣也是個問題。靠著 Google 大神找到了好用的東西！！

可以把 IE 6 給丟了 - 伸縮自如的版型 (下)

接著上回最後，用 jQuery 和 JavaScript 設定版面的寬度，有下面的步驟：

(1) 等選定的圖片完整載入
(2) 取得圖片寬度
(3) 平均分配寬度給 frame_top2 和 frame_top_4 兩欄

使用 jQuery 通常會把一些想要對網頁做的處理動作放在 .ready() 裡，以確保在網頁真的下載完全後，才開始動作。

可以把 IE 6 給丟了 - 伸縮自如的版型 (上)

可能因為某某原因，需要一個可以根據中間圖片大小而伸縮自如的外框，某某原因可能是相簿裡的照片大小不一，又偏偏到使用者選定了照片縮圖後，才知到圖片的實際大小。

假設下面是我們想要的外框，要先給他分解一下。分解完之後的每個區域，照理說可以用 div 來排版，但是根據先前有限的實驗結果，寬度的部份 div 沒辦法自動調整，除非出動 JavaScript 來幫忙動態設定。由於跟 JavaScript 很不熟，所以能不用就不用，打從心底認為 JavaScript 是一個很噁心的語言；但又不得不承認 JavaScript 在網頁上能變出很多花樣，解決很多問題。

可以把 IE 6 給丟了 - 自訂項目清單圖片

HTML 裡的 <ul> 和 <li> 可以用來列舉清單，一般預設的清單項目符號就是一顆圓圓的。

可以把 IE 6 給丟了 - 不支援 PNG 透明背景

試做完第一個版型後，發生了天大的慘事，朋友告訴我，網頁在 IE6 上看起來很恐怖。有多恐怖，自己看到真的都倒退三步。IE6 不支援 PNG 格式的透明背景圖檔，這麼天大的事情，怎麼沒有人來通知我一下…

預期的效果 (Firefox 3.6)：

可以把 IE 6 給丟了 - 序

說到做網頁，真的要多謝各位好朋友的抬舉與賞識，讓我偶而有閒錢賺，因為我一直覺得只是騙吃騙吃，美工設計又不是很專業，平常又不多磨練，最後都是臨時抱佛腳，畢竟也不是本業，只能算是興趣。只是收錢就要做到好，用過的應該都滿意吧!? 聽你自己在講…

偷偷打一下之前作品的廣告，我想第一位主人不會介意的，哈。第二位就很難說了…

個人網頁 @ 2010


（如果主人想要露個臉還是真名可以跟我說…)

系所網頁 @ 2006


（不務正業的生涯裡，最滿意的版！)

言歸正傳，去年十月，朋友請我幫她工作的單位做網頁，原本不是很想再接案子的，因為實在是沒有金錢上的煩惱，而且接了是一定會更煩惱，哈。只是當這位可愛的朋友哀了一下，我整個就心軟了。緩慢的做了三個月左右，終於快可以結案了，有個感想是，大家快把 IE 6 給丟了吧，拜託，如果不要用 IE 更好！阿宅，醒醒，別傻了…