Layout

以前在寫網頁的時候，曾經遇過這麼一件趣事。IE 光宗耀祖的 hasLayout 還不是那麼令人詬病的年代，為了解決 IE 與 Netscape 的動態效果不一致的狀況，不斷地查詢 position 定位問題時，曾經看過這麼樣一註解： > /* Don't ask, just do it. */ zoom: 1; 然後我就哭了。 -------------------------------------------------------------------------------- 定位、浮動與推齊 在盒子元件中，最讓人不高興的，大概就是定位點的問題。我們如果時常使用 position, float, clear

對於畫面呈現來說，其實最終目的我相信是一樣的。只是工具不同、過程不同，還有能力的不同而有些微的差異。只是這個些微有時後會讓人感覺起來相當的巨大 。無法否定的是，所謂隔行如隔山大概就是這種情況吧。就像我永遠不會有 VD 的美感，而同樣的 VD 可能 也沒有我們這樣的邏輯。 我是說 可能。 -------------------------------------------------------------------------------- SIMPLE IS HARD 對多數人而言，切版這件事情倚賴現有而且強大的軟體，可以幫忙我們解決許多問題，像是 hard-coding。對於網頁設計來說，撰寫 HTML code 本來就是一種必要之惡，但是對於多數網頁設計者來說，HTML

給你一把釣竿，教你怎麼釣魚，其實是一件很困難的事情。與其這樣，不如給你一張漁網，用撒的機會或許會比較大一點。當然啦，我不可否認這樣是有一點作弊的嫌疑，但是在這個講求速度的年代， 手速 400 快速的抓到切版的精神也是一種必備技能。 這種速度靠的是經驗的累積，雖然沒有公式，但是起碼也有一定的規則可以依循。 -------------------------------------------------------------------------------- 經驗的累積 回到切版所面對的問題，雖然市面上有非常多切版教學，照著做也確實能夠得到些什麼。但是終究就只是照著做而已，並沒有人會告訴你為什麼要這樣做，或者說還可以 這樣做。時代告訴你要速成，所以我們就給你速成，所以我們就給你食譜，給你義大利麵。 當客戶想吃拉麵的時候，你就不會煮了。 如果你可以把義大利麵煮成拉麵，你的客戶也吃不出義大利麵與拉麵的差別，那麼只有兩種可能，

雖然寫切版感覺很乏味，但是俗話說得好，出來跑總有一天要還。所以其實趁著世界末日還沒到，趕快把前債清一清是比較妥當的。拼圖遊戲還是得繼續，我們在這邊覆蓋一張牌，結束這一回合。 抽出 CSS 卡，來召喚神龍吧。 -------------------------------------------------------------------------------- 樣式表 很多人對他有誤解，認為這些東西應該是 PG（Programmer）才應該要會的東西。結果到頭來，VD 跟 PG 之間的樑子就越結越深了。所以後來才出現了 F2E 這樣的職位出來。網頁設計之所以要知道的事情，其實應該不是規避這些你認為誰應該要會的事情，而是去正視這些我是不是應該要學的這些事情。 好像，這一場誤會就是十餘年（還記得

依稀記得那是一個早秋溽暑的午後，DHTML（Dynamic HTML）在當時莫名的流行起來。所以我就開始接觸 CSS 與 Javascript，在當時不算是很風行的東西。而為了解決瀏覽器之間的紛爭，當時還分有 document.all 與 document.getElementById 這兩種取元素的方式。雖然，截至目前為止，瀏覽器的紛紛擾擾依舊沒有中斷過。 然後那年是 1998 年，我寫完了 CSS 1.0 教學手冊。 -------------------------------------------------------------------------------- 拼圖遊戲 動態網頁，就是把你想要的元素放到頁面上去，