網頁設計期末專題的約定 (100%)

請設計至少五個完整的網頁，需包括的內容分別為：

  1. 首頁（自我介紹） (index.html)
  2. 學習生活（作品集） (portfolio.html)
  3. 網站介紹 (favorite.html)
  4. 我的夢想 (dreams.html)
  5. 自由隨想 (.......html)

所有的頁面製作必須符合以下要求：

  1. 請規劃適合的網格 (grid system) ，使所有頁面有一致的排版型式。(10%)
  2. 請善用色彩網站所學到的方法，使所有頁面有一致的配色方式。(10%)
  3. 每個頁面相同的式樣部份，需使用匯入CSS的方式 (＠import)；個別頁面差異的部份，則使用嵌入方式套用。 (10%)
  4. 請以<div>的方式排版，版型必須固定在瀏覽器中間，寬度可採固定式或流動式。所有頁面的排版不會隨著瀏覽器的縮放而改變。 (10%)
  5. 頁面請用導覽列 (navigation bar) 來整合，水平或垂直皆可，視你的設計而定。 (10%)
  6. 請使用至少 3 個以上的 CSS 3 屬性。(10%)
  7. 使用標準HTML 5的標籤，且不得使用負面標籤。 (20%)
  8. 美感、美感、美感 (20%)

補充說明：

  1. 妳／你可以使用記事本打，也可以使用 Dreamweaver 做。
  2. 善用CSS做排版，尤其是margin, padding, width, float等的使用。
  3. 不要過度使用overflow: auto; 的元素，避免太多的框中框。
  4. 善用平面設計所學技巧，努力將妳／你的版面做到最美（還記得妳／你是設計師吧？）。
  5. 在大三工讀前，這可能是妳／你唯一能夠花時間與精力做網頁的機會，請好好把握，將這個作品集的網頁版型設計好，以後要擴充就很容易了！

祝大家期末設計順利！

祥子～～
Dec. 18, 2012