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

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

注意事項:

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

祝大家期中考考試順利!

祥子

注意事項:

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

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