1. 期中考注意事項：
   1. 請在你的桌面建立一個名為 www 的目錄，並將所有的資料都放置於這個目錄底下；
   2. 承上，所有的網頁 (.html) 需要放置於 www 目錄下，所有的圖檔則必須放置於 www/images/ 次目錄下才可以。
   3. 在你的桌面上有個名為 www_data 的目錄，該目錄內含有考試所需要的所有資料。
   4. 考試沒有 Internet 給你使用，也請不要使用 USB 隨身碟。
   5. 所有的網頁都需要有 <title> 及 <meta /> 的項目， 其中 meta 項目最重要的語系編碼必須要是 utf8 的語系編碼才對！
   
   
2. 首頁的製作：
   首頁的內容如下圖所示，這個首頁包含了四個網頁， 包括 index.html, title.html, menu.html, main.html 四個網頁， 其中， index.html 除了是入口網頁之外，他也將整個畫面切成三個 iframe 的設定。同時請注意，整體網頁的邊界請固定為 1000 像素 (可用 table 或 div 搭配 CSS 固定)。三個 iframe 的要求為：
   • 最上方的內置框架名稱為『 title 』，寬度為 100%，高度為 70 像素， 預設放置網頁名稱為 title.html
   • 左方內置框架名稱為『 menu 』，寬度為 19% ，高度為 570 像素， 且靠左對齊 (請用 CSS 的 float 功能)，預設放置網頁名稱為 menu.html
   • 右方框架名稱為『 main 』，寬度為 80% ，高度為 570 像素， 且靠右對齊 (請用 CSS 的 float 功能)，預設放置網頁名稱為 main.html
   
   至於三個額外網頁的需求說明如下：
   
   
   • title.html 網頁的內容：
     
     • 底圖使用 www_data/banner_title.jpg 的檔案來修改成上圖顯示的模樣
     • 底圖不重複、固定於最左邊的中間部分
     • 底色顏色使用 #FFFF00
     • 整體網頁文字的顏色使用 #0000FF
     • 網頁內容主要使用 h2 標籤字體大小，同時將留白的部分通通設定為 0(透過 CSS 功能)
     • 有回首頁與製作者 (就是你) 的學號與姓名，同樣取消留白的部分，且回首頁的連結， 必須要使用 _top 的功能來重新刷新首頁畫面
     
     
   • menu.html 網頁的內容：
     
     • 底色使用 #00FFFF
     • 內建一個表格，表格為 8 列 x 1 欄
     • 第 1 列：文字為『進首頁簡介』，且可以連結到右側的 main.html 檔案及框架中
     • 第 2 列：文字為『資傳系簡介』，且可連結到右側的 dic-01.html 檔案及框架中
     • 第 3 列：文字為『師資簡介』，且可連結到右側的 teacher/teachers.html 檔案及框架中
     • 第 4 列：文字為『鳥哥簡歷』，且可連結到右側的 vbird.html 檔案及框架中
     • 第 5 列：文字為『特殊符號對照表』，且可連結到右側的 escape.html 檔案及框架中
     • 第 6 列：文字為『留言版填寫』，且可連結到右側的 contect.html 檔案及框架中
     • 第 7 列：文字為『與我聯絡』，且可啟動 email 寄信軟體寄給 dmtsai@mail.ksu.edu.tw
     • 第 8 列：文字為『製作日期： 2012/11/15』，文字大小 10pt，文字顏色 blue，且與上一列中間空一列
     
     
   • main.html 網頁的內容：
     • 網頁底色： #00FFFF
     • 網頁標題：『歡迎光臨資訊傳播系 HTML 教學網』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00
     • 透過清單展現文字內容，同時必須要注意，第一個項目的編號為 2 號， 文字內容的清單項目請參考上面圖示內容
   
   
3. dic-01.html 網頁的內容：
   • 網頁底色： #00FFFF
   • 網頁標題：『成立宗旨』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00
   • 網頁內容使用『 www_data/資傳系簡介.txt 』
   • 使用刮號圈起來的部分，必須是藍色且加重粗體的方式。
   • 完成後應如同下圖所示內容
   
   
   
4. 師資簡介的內容說明 (teachers.html, teacher01.html ~ teacher08.html 共九頁)
   • 與教師簡介有關的網頁部分通通放置於 www/teacher/ 目錄下
   • 與教師有關的圖檔依舊放置於 www/images/ 目錄下
   • 總畫面 www/teacher/teachers.html 內容如下圖所示，
     
     • 標題『資訊傳播系師資簡介』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00
     • 使用一個 1x8 的表格，每個欄位寬度為 50 像素，且放置 teacher01.jpg ~ teacher08.jpg的圖檔
     • 每個圖檔的寬度亦為 50 像素，且不改變原本的常寬比例
     • 每個圖檔均連結到對應的網頁，例如 teacher01.jpg 點選可連結至 teacher01.html 且放置於 teachers.html 的內置框架，名稱為 teacher 的框架內
     • 在表格底下建立一個寬度 90% 高度 320 像素的不可出現捲軸的內置框架， 此框架的名稱請指定為 teacher 喔！
     
     
   • teacher01.html ~ teacher08.html的網頁說明
     • 建立一個 1x2 的表格，左側表格放入高度為 300 像素的教師個人圖檔
     • 右側表格使用清單的方式，將 www_data/teacher01.txt 等相關內容展示出來即可。
   
   
5. vbird.html 網頁內容：
   • 網頁標題：『鳥哥的簡單履歷』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00
   • 建立一個 11X3 的表格，且表格的屬性： 寬度 500 像素、cellspacing 沒有，cellpadding 為 10 像素、表格置中，且使用標楷體
   • 其餘請參考 www_data/vbird.txt 內容，以及下圖的示意，完成此網頁的內容(需考慮 colspan, rowspan 等參數)
   
   
6. escape.html 網頁內容：
   • 網頁標題：『HTML 特殊符號對照表』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00
   • 建立一個 6X2 的表格，且表格的屬性： 寬度 500 像素、cellspacing 沒有，cellpadding 為 5 像素、表格置中，且使用細明體
   • 第 1 列使用 th 表格抬頭格式，請參考下圖完成各欄位輸入
   • 第 2 ~ 6 列請參考下圖分別完成之。
   
   
7. contect.html 網頁內容
   • 網頁標題：『留言內容』，使用 h1 標題，使用標楷體， 文字置中，且底色為 #FFFF00，且具有跑馬燈功能
   • 建立一個表單，使用 post 方式，且表單的上傳目標檔案為 contect.html 檔名
   • 建立一個 6x2 的表格，每一列的內容大致如下
   • 第 1 列：第一欄寫姓名，第二欄使用 text 格式讓使用者填寫
   • 第 2 列：第一欄寫email，第二欄使用 text 格式讓使用者填寫，且強制使用者一定要填
   • 第 3 列：第一欄寫性別，第二欄使用 radio 格式讓使用者選擇男女
   • 第 4 列：第一欄寫上網方式，第二欄使用 select 配合 option 選單格式讓使用者填寫 ，主要的內容有『撥接上網』『第四台纜線』『T1專線』『學術網路』與『其他』
   • 第 5 列：第一欄寫留言內容，第二欄使用 textarea 格式讓使用者填寫，同時預設內容為 『這裡寫些話』
   • 第 6 列：將兩欄整合成一欄，放置兩個按鈕，一個是送出，一個是重填
   • 如下圖所示，需要將六列的資料群組成一個外框 (fieldset)，且資訊寫：『基本資料』
   
   
8. 資料的上傳步驟：
   • 最終，請使用桌面上 Tools 目錄下的 pietty 軟體，先以自己的學號登入老師寫在白版上面的主機IP， 並輸入先輸入自己的密碼 (密碼與學號相同)，並同時再次的輸入兩次新密碼，通過密碼驗證後才能繼續下一步
   • 啟動 Filezilla 軟體，輸入主機IP、學號、新密碼，就能夠上傳你的網頁資料。
   • 請最終上傳完畢後，回報老師已經上傳完畢，且請老師確認你的資料是存在的，就可以離開了。