明志科技大學　視覺傳達設計系　網頁設計　期末網頁實作 (40%)

請將你／妳期中考時製作完成的幾個網頁重新規劃版面（排版），使其設計風格統一。並另行設計兩個新的網頁，分別為：
  1. 我的設計作品集（檔名為 portfolio.html）
  2. 明志科大二、三事（檔名為 universitylife.html）
這兩個新網頁的內容需求分別為：
「我的設計作品集」網頁
請至少放3件完整的作品，每件作品的說明需包括： 1) 大約500 x 400 px 的圖，橫豎不拘， 2) 作品名稱， 3) 創作媒材， 4) 作品賞析。
「明志科大二、三事」網頁
這個頁面內容完全由各位自己設計，像是妳／你有興趣的事、旅遊紮記、住宿生活...等，請包括至少 3張圖片。凡是想與大家分享的，都可以成為設計的題材。
所有五個網頁 (index.html, schedule.html, portfolio.html, universitylife.html, bookmark.html) 的設計，需包括以下條件：
  1. 請規劃適合的網格 (grid system) ，使所有頁面有一致的排版型式。(10%)
  2. 請善用色彩網站所學到的方法，使所有頁面有一致的配色方式。(10%)
  3. 每個頁面相同的式樣部份，需使用匯入CSS的方式 (＠import)；個別頁面差異的部份，則使用嵌入方式套用。 (10%)
  4. 請以<div>的方式排版，版型必須固定在瀏覽器中間，寬度可採固定式或流動式。所有頁面的排版不會隨著瀏覽器的縮放而改變。 (10%)
  5. 頁面請用導覽列 (navigation bar) 來整合，水平或垂直皆可，視你的設計而定。 (20%)
  6. 使用標準HTML 4.01的標籤，但不得使用負面標籤。 (20%)
  7. 每個頁面均需通過W3C的HTML驗證，並將通過認證的標章貼在網頁上（位置請自行安排）。 (10%)
  8. CSS需通過W3C的CSS驗證，並將通過認證的標章貼在網頁上（位置請自行安排）。 (10%)

注意事項：

  1. 請特別注意空標籤的正確使用方法，且不要使用負面標籤。
  2. 善用CSS做排版，尤其是margin, padding, width, float等的使用。
  3. 善用平面設計所學技巧，努力將妳／你的版面做到最美（還記得妳／你是設計師吧？）。
  4. 在大三工讀前，這可能是妳／你唯一能夠花時間與精力做網頁的機會，請好好把握，將這個作品集的網頁版型設計好，以後要擴充就很容易了！

祝大家期末設計順利！

祥子～～
Dec. 28, 2009

注意事項：

期末的網站要是完整的，並至少包含以下幾個頁面：

index.html
你的首頁
schedule.html
你的大一課表（要將表格套用CSS）
portfolio.html
你的作品集，請至少介紹3件作品
universitylife.html
你的明志生活、社團生活、宿舍生活，至少放3張照片...等
bookmark.html
你要推薦（或自己常用）的連結，除了網址外，要加簡單的說明（可以使用 <dl> 來完成）

請各位可以開始做了，我會時常去逛逛，再把看到的錯誤細節貼在這裡。