鐵人檔案
之前我們都在講關於排版的東西，現在我們要開始講網站的內容囉，由上至下，我們先從.header開始講起，不管甚麼類型的網站，尤其是商業網站，一定都會有一個 lo...
今天我們來說一說怎麼作表格，我就先說一個最簡單的結構，請看下方被包覆在<table>內的<tr><th><td>...
上一篇我們講完了表格，今天我們來說說更廣泛運用的表單，還記得幾乎不管是甚麼網站大概都會有留言區，讓你可以留下自己的問題還有基本資料，最後有一個按鈕可以按送出，其...
關於 HTML 和 CSS 的學習筆記，快要告一個段落了，之後會開始進入到響應式網頁(RWD)的介紹，今天是 HTML 和 CSS 的最後一篇文章，我們來介紹...
在智慧型手機橫空出世進入我們的世界以後，網頁工程師/設計師突然面臨到了一個很大的問題，過往的設計都是依照 desktop 的螢幕瀏覽器與比例去構想的，但當智慧...
使用行動設備上網時不管是手機或是平板，不同於使用電腦會有滑鼠，而是使用我們的手指滑動銀幕，以使用習慣來說，通常是以上下滑動的方式來進行內容瀏覽，而不像是使用電腦...
過往我們不管是設width寬、height高時，或是在做margin或padding，比較習慣的單位都是用px，現在我們要改用%百分比，但在改用百分比前我們先...
在前面的章節我們已經介紹過了max-width or min-width以及百分比(%)單位對於 RWD 網站的重要性，現在我們要來設計一個三欄式的流體式網頁，...
大家一定常常會看到像是這樣類型的版型，左邊是 menu 的選單，而右邊則是每一則網頁內容，而當我們縮放瀏覽器時，左邊的選單區塊不會有任何變動，縮放的是右邊的網頁...
float的使用，我們常會用在 desktop 的排版上，不管是要將區塊並排顯示，或是要將選單橫列，常常都會使用到{float:left;}。今天我們要提到的是...
