網頁標準化負面教材 – PChome 樂屋網

[備註] 各位,這是 2009 年 01 月 04 日的樂屋網問題,但是現在的樂屋網已經完全不一樣了,HTML 結構符合語義與結構化的原則,使用方式也有遵循W3C的規範,CSS的使用也相當精簡而且有整合過,因此千萬別將我這篇文章的評論加諸在現在樂屋網的標準化頁面開發人員喔~這樣他們就未免太冤枉了 :D 。有問題的地方我們要給予批評指教,但是有改進就要大大鼓勵唷!大家給新的樂屋開發人員掌聲吧~ 前幾天突然發現 PChome 首頁多了個 樂屋網,上面還有個奇怪的長腳屋子,於是乎我就忍不住好奇心點進去看,當然,不可免俗的我又去檢視人家的原始碼,看了之後,實在是為台灣的網頁標準化發展感到悲哀跟無力。

wmode 三選一

因為又再度找不到可用的中文資料,只好自己上國外網站找答案,真不敢相信,我在中文網站裡面找資料,居然一連五頁幾乎都是同樣來源的文章,到底是怎樣啊?拷貝忍者卡卡西嗎?

BOM BOM BOM

為了徹底了解BOM,認真的去查了一下資料,可惜,國內的相關資料不太多,而且都說得不清不楚,讓人看了就想皺眉,所以,乾脆來自己整理一下資料,免得以後要用又找不到。

網頁設計師基本必備工具 – Web Design Tools

網頁設計師,一般來講,指得就是那些設計網頁頁面而非開發功能性程式的人,有時候,會被簡稱為Art。在台灣,這些Art也要負責CSS與HTML頁面製作的部份,因此不能說只會設計而不懂程式,起碼,HTML要透徹了解吧!這次來介紹一些我個人覺得最基本相當必備的工具和書籍,是這些人務必要有的:

Flash 與 SEO

基本上,Flash本來應該是個非常不利於搜尋引擎的一種玩意兒,起碼一直以來大家都抱持著這樣的疑問,認為Flash的內容應該是無法被搜尋引擎所搜尋到,但是難道真的為了SEO就得放棄Flash?不過其實也不是完全無解,因為前幾天工作上有人談到這個問題,乾脆就把資料整理整理吧!

關於SEO很棒的一篇文章

何謂SEO?SEO就是所謂的搜尋引擎最佳化(Search Engine Optimization),也就是一種利用搜索引擎的搜索規則來提高目的網站在有關搜索引擎內的提名的方式。大部分的人寫網站都會希望自己能夠被多數人瀏覽到,甚至能夠在搜尋引擎排名當中名列前茅,所謂「針對搜尋引擎作最佳化的處理」,其實就是為了要讓網站內容更容易被搜尋引擎接受和搜尋。

提高網頁下載速度小技巧

永遠都不要以為每個使用者都有很好的連線和頻寬,因此在製作網站的時候,你應該無時無刻的考慮到網站最佳化的問題。這裡提供幾個簡單的小技巧,可以說是最基本的網站最佳化小技巧,在開發網站的時候,要盡量把這些注意項目考慮進去喔~ 30K – 每個網頁的大小最好不要超過30K,包含你放在網頁當中的圖檔。也就是說,如果該頁當中有兩張10K的圖片,那麼就代表你的HTML以及其他檔案就最好小於10K 12K – 每個檔案(圖檔、音樂檔、或是外掛檔)最好不要超過12K,包含動畫影像其他任何需要被下載的檔案在內 將內容分頁而不是把所有的東西都放在同一頁當中 小心使用網頁特效 – 使用網頁特效,比如Ajax或是Js特效時,請確定它的必要性,如果不必要,就不要做無謂的使用,因為這些特效會直接影響到你網頁被讀取的速度。

XHTML與XML、HTML

XHTML ( The eXtensible Hypertext Markup Language ) 1.0 建議規格已於公元 2000 年一月二十六日由 W3C ( World Wide Web Consortium )所宣佈。 XHTML1.0 是將 HTML4 修改為符合 XML1.0 語法的規格。 故我們可以簡單地說,XHTML 是以 XML 技術 為基礎的 HTML,其使得 Web 世界朝向模組化( Modular )及可擴 展化,邁出了第一步。