範例介紹

DIV與CSS複習--以色塊為主的基本單欄網頁版 照片

DIV與CSS複習--以色塊為主的基本單欄網頁版

利用Div標籤與CSS建立基本單欄網頁版型的例子，將單純色塊的網頁設計為例，作為輔助說明，使同學們更加輕鬆的進入網頁排版的世界。 利用色塊的配色，也可以輕鬆的設計具有質感的網頁，請大家發揮創意，但用單純的配色，完成一個具有不同DIV架構的網頁

網頁格線排版練習 照片

網頁格線排版練習

1.熟悉格線排版的目的與意義
2.了解網頁實際內容與細節
3.觀察優良網站的設計原則
4.增強網頁排版的能力與技巧

HTML與CSS練習--首頁實作篇 照片

HTML與CSS練習--首頁實作篇

本範例將就一教學網站 說明HTML與CSS之間的關係請同學自行修改內容與設定(須將內容與CSS設定全數修改)，可保留HTML架構自行製作一新的網站