Monday, January 31, 2011

Blogger 嵌入 mp3 player

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

梁祝-理察克萊德門版



Sunday, January 23, 2011

可以把 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() 裡,以確保在網頁真的下載完全後,才開始動作。



Saturday, January 15, 2011

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

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

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



Wednesday, January 12, 2011

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

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



Sunday, January 9, 2011

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

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

預期的效果 (Firefox 3.6):



Friday, January 7, 2011

可以把 IE 6 給丟了 - 序

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

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

個人網頁 @ 2010


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

系所網頁 @ 2006


(不務正業的生涯裡,最滿意的版!)

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