Midterm Project

 

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

請設計一個專屬妳／你的網頁，請將設計完成的網頁置於學校的網頁空間下（stdweb）。整體設計要求如下：
  1. 網頁需標題 (title)。 (4 points)
  2. 內文 (body) 裡的標題請使用<h1>, <h2> 等區分。 (4 points)
  3. 首頁檔名為 index.html，需插入您最美的個人照（180px * 250px)。(4 points)
  4. 使用<p>做出至少兩段合計100字左右的自我介紹。(10 points)
  5. 用表格做出「我旳每週作息」。(10 points)
    • 表格使用 rowspan 及 colspan，各合併至少兩格。
    • 需要加背景色（顏色請隨意）。
  6. 使用 <ul> 清單列出你唸過的國小、國中、高中，並連到該校網頁（另開在同一個新頁面）。 (4 points)
  7. 使用 <ol> 列出至少四件你的專長。 (4 points)
  8. 使用 email 鏈結，在讀者按下「妳／你的名字」後，可以寫信到「妳／你的信箱」。 (4 points)
  9. 製作「我的最愛」，至少需包含5個鏈結。 (10 points)
  10. 頁面需使用CSS樣式。需包括：
    • 至少使用一個 box modual 進行排版(4 points)
    • 整體頁面的寬請控制在 800~960px (4 points)
    • 整體頁面需固定在 browser 中間，版式不會隨browser 的縮放而變形。(4 points)
    • 一定要使用 font-family, font-size, color, background-color, width, padding, margin, a, a:hover 等樣式，其餘則自由使用。(14 points)
  11. 課程上到現在，相信妳／你一定有很多想法，請將對這堂課的感想或建議，用100-150字寫下，放在「功課表」之後。讓我們在後半學期可以有機會調整學習的腳步，讓各位學到更多網頁設計專業技術。 (10 points)
  12. 上傳網頁至StdWeb的空間。 (10 points) (這應該是送分吧?)

補充說明：

  1. 這是期中考實作的部份，佔期中成績的 40%，請好好把握。
  2. 網頁請務必於 11/25 (Thu) 晚上斷網前上傳完成，好讓我漏夜打成績。
  3. 唯一的懇求是，一定要用記事本 (notepad) 或文字編輯器製作，不得使用任何的網頁製作軟體（如Front Page, Dreamweaver...）

祝大家期中考考試順利！

祥子 (Nov. 16, 2010)

注意事項：

看到各位逐漸將網頁完成，是讓人開心的事。雖然過程不見得輕鬆，但學會網頁設計的成就感，一定也會讓妳／你高興很久！

在review完各位的網頁後，我仍有幾點要提醒的，請各位在嬓交的期限前，再仔細閱讀左邊的實作需求說明，和以下的注意事項：