Wednesday, April 29, 2009

中央氣象局全球資訊網 V6

(我的 Firefox 有裝 adblock 擋廣告,所以 flash 的上面或下面會出現「封鎖」的功能)

中央氣象局全球資訊網


用動畫 GIF 就可以做到的事情,為什麼要用 Flash 來拖累使用者的瀏覽器呢?

1週天氣預報


我把工作中的 Firefox 一開這頁就立刻爛掉,哪個白痴把中間幾十個圖樣全部都用 flash 做的啊 -_-

Tuesday, March 03, 2009

中華電信首頁

中華電信首頁


此圖來自 othree 的錯誤的替代文字使用範例 第2號

其實這個 icon 是很小的一個 ,可是卻沒有先 load 進來,讓人看到長長的 img alt 破壞畫面。

Monday, February 09, 2009

只要三小時學會專業三年功?

Mr.6每周六網站實作小聚 + 專為創業家設計的PHP、CSS/切圖、Flash、Photoshop、AJAX快速訓練課程


photoshop?真高級,不知道學員捨不捨得花錢買正版來用,亦或者是(嗶~~)一份來用。以我個人經驗來說,教教小畫家(對,就是那個小畫家),和一些免費的圖形處理小軟體的活用還比較重要,不過,或許Mr.6只會用photoshop?

flash?這個說簡單是可以教得很簡單,說難也有很特別的應用,更不用說版本之間的差異導致瀏覽器和網站系統來回的問題了,三個小時夠嗎?現在做flash的軟體應該是Macromedia Flash...喔,現在是叫Adobe Flash了,也是要花錢買的,怎麼教人創業都在用商業軟體啊...

html/css切圖?(看了看 beta20.org,到現在都還沒修好)連網頁基本切版的穩定和文字處理的專業性都有問題了,還拿出來誤人子弟?拿 dream weaver(這也是商業軟體,要錢的)隨便切一切就當作是教切圖切版,倒是不用三個小時就能學會了。更何況切圖切版大部分時候還要跟其他部分的人員合作(像是程式或是flash),不知道身為總經理的經驗夠不夠多?還是自己發想後叫下面去做,或是改爛後叫下面去收拾而已?

ajax?現在要學javascript網頁互動技術的是從jquery最快最容易上手,Mr.6 該跟上時代了,不要閒著在那邊曲解國外訊息又寫落落長的怪文章了。

網站創業家有程式能力是好事,可是有錯誤的程式能力,或是半調子能力還對員工頤指氣使要求甚嚴的,那就是災難了。

成本低?我怎麼覺得這樣教出來的先期投資(尤其是軟體)應該會不小?不要再把黑的說成白的啦~

--
如果有上課的學員照著這些課程內容做出拿上檯面的網站,請通知我去觀摩一下,謝謝。

Monday, January 26, 2009

Thursday, January 15, 2009

檢閱 Mr.6 的 beta20.org

各位或許還不知道 Mr.6 是誰,請參考 mr6.cc 或是下圖:
(只剪接用到的地方,其他用不到的地方都塗掉了)


簡單說就是一位有高學歷和豐富經驗,程式技術可以到開班授課程度的網路創業達人。

beta20.org 是 Mr.6 的「讓你紅工具網」或是「爆紅工具網」或是「網路爆紅工具網」。
(名稱的問題後面再說....)


這首頁表面上看起來很正常,實際上問題還不少。

首先,先點選左上角的「首頁」:


俗話說「好的開始是成功的第一步」,很明顯的,連最基本的上線檢查都沒做好的網頁,是失敗的第一步。身為一個網路工作者,不該犯這種新手才會發生的錯誤。

文字的切字也有問題,仔細看就發現是什麼字爛掉了....

來看一下 html 原始碼(「首頁」的錯誤就不用再看了):


一個好的網頁,就該設定好文檔類型(DOCTYPE,Document Type),並且遵照這文檔類型的設定來撰寫或產生整份 html 的內容,理所當然不應該有任何 html warnning 才對,除非遇到不得已的情況。可是,這份首頁原始碼就有 20 個 warning 存在,而且幾乎都是明顯可以改到好的問題,這是一個不嚴謹的做事態度,也可以看出網頁編寫者的專業度不足。
(首頁 20 個 warning 已經是最少的,其他頁面的數量比這個還要多....)

而且這份原始碼的 doctype 配合 html 的內容來看,也有用錯的地方。因為 html 有特定的某段內容,所以 doctype 的內容也不能這樣寫。

<TITLE>的內容竟然是空白的,以一個搞網路趨勢及SEO行銷的人來說,這是不可原諒的大錯誤。

再往下看:


這份原始碼應該有經過人為再次的撰寫或修改,而不是以工具(像是 dream weaver)來產生的完成版本,所以明顯看得出來格式不一致,且有一種這是新手寫 html 的感覺。當然,專業人士就算是手動編修 html 內容,也是會符合工具產生 html 的樣式(style)。

裡面還有一個自以為是正確,實際上是新手才會犯的嚴重錯誤,仔細看就看得出來喔。

看了一下「關於本站」:


又看到一個初學者才會犯的錯誤:前後文字不一。

這邊寫著首頁版面設計是 DreamLogic,連過去看了一下(以及 html 內容),DreamLogic 網站應該是提供網頁版型讓網頁編寫者直接使用的,而以上的錯誤跟網頁版型無關,幾乎可以確定是 beta20.org 網頁編寫者自己造成的問題。

看了一下「使用條款」:


首頁沒有寫明網站名稱已經是個大錯誤(標題是空白的,內文也沒寫),再看過「關於本站」(或是「關於我們」)「使用條款」之後,會發現有嚴重「名不正」的問題,也就是上面為什麼會寫出「讓你紅工具網」或是「爆紅工具網」或是「網路爆紅工具網」三種名稱的原因,這是網站及網路行銷的大忌,是絕對不該犯的錯誤。

請搜尋下頁中的笨點在哪裡:


找到了嗎?我絕對不是在說這簡介是笨點喔。

最後,把「讓你紅工具網」和「黑白網站庫」的網址丟到 pagerank checker 看看,順便查一下 whois 的記錄:

Domain Name:BETA20.ORG
Created On:20-Oct-2008 07:04:06 UTC


Domain Name: BLACKWHITEWEB.COM
Created on: 26-Nov-08

兩個都註冊超過一個月的網站,雖然 Google 沒有公開 pagerank 的更新週期,可是這兩個網站在這個時間點(2009/01/16)竟然 pagerank 還是 0,對於網站行銷來說完全是個失敗的範例,想要透過這兩個網站來行銷網站,以 pagerank 0 來說,大概等於是沒用吧。

有圖有真相,下面兩張圖片是證明 Google 已經有造訪過這兩個網站: