試題編號：960301
軟體安裝及測試時間：120分鐘 所需檔案：
資 料 檔 名 稱 檔 案 名 稱 文書檔 0101.txt、0102.txt、0103.txt
圖形檔 0101.jpg、0102.jpg、0103.jpg、0104.jpg 音樂檔 0101.mid
試題說明：
一、本試題為校園社團介紹網的網頁設計，試題將會針對您所需要製作的動作 進行詳細的說明。
二、應檢人需自行安裝網頁製作軟體，並依照試題說明進行網頁設計，所有需 用到的檔案均放置在電腦螢幕的桌面。
三、評分時，動作要求各項目的所有功能，只要有一項功能不正確，則扣該項 分數，但以扣一次為原則。
四、試題無特別標示(▲以每一字為扣分單位，扣分無上限)處，若有錯別字(含 標點符號、英文單字)、漏字、贅字、全型或半型格式錯誤者，依該項動 作要求扣分。【英文大小寫視為不同，請依動作要求輸入】
五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處，若有錯別字(含 標點符號、英文單字)、漏字、贅字、全型或半型格式錯誤者，每字扣一 分。
六、試題要求中的物件，若無特別指定則以美觀為原則，自行設定，不列入扣 分項目。
七、動作要求：
灱建立資料夾及設定網站伺服器，內容包括：
(◎) 1. 在C：磁碟下建立「WEBXX」資料夾(XX為個人檢定工作崗位 號碼，如 01、02、...、30等)，以儲存製作完成的結果。
( * ) 2. 在「WEBXX」資料夾下建立「homepage」資料夾，存放 title.htm、menu.htm、main.htm 等三個檔案。
( * ) 3. 在「WEBXX」資料夾下建立「images」資料夾，將所有應使用 的圖形檔均放置在「images」資料夾中。
( * ) 4. 在「WEBXX」資料夾下建立「music」資料夾，將所有應使用 到的音樂檔均放置在「music」資料夾中。
( * ) 5. 在「WEBXX」資料夾下建立「guitar」資料夾，存放
guitar_history.htm、guitar_event.htm、guitar_learning.htm 等三 個檔案。
網頁設計技術士技能檢定試題
網 頁 設 計技 術 士技 能 檢定 應 考 須知
(※) 6. 應檢人需自行架設本機網站伺服器，可於瀏覽器網址列(URL)中 輸入http://127.0.0.1 或 http://localhost 以瀏覽網站。
牞建立框架，內容包括：
( * ) 1. 設計一個首頁，檔名為 default.htm 或 index.htm，置於網站的 根目錄(C:\WEBXX)下。
( * ) 2. 首頁標題為「國立玉山高中社團介紹網站」。
(◎) 3. 首頁需設定為框架式網頁，分割為三個框架(有框架線)，分別連 結到三個子網頁，檔案名稱及框架頁名稱規定如下表：
編號 檔案名稱 框架頁名稱 說明
1 title.htm title 標題頁(高度為圖片0101.jpg的高度) 2 menu.htm menu 選單頁(框架寬度為30%) 3 main.htm main 主網頁
格式
title.htm
menu.htm main.htm
犴 title.htm 網頁需含下面的資訊：
( * ) 1. 網頁的上邊界與左邊界均為0像素。
( * ) 2. 網頁背景顏色與圖片「0101.jpg」背景顏色相同。(顏色#F8FB9E) ( * ) 3. 網頁內插入圖片「0101.jpg」，替代文字為「國立玉山高中-回
首頁」。
( * ) 4. 圖片右邊緊接著輸入文字「國立玉山高中社團介紹網站」，字 型大小 size=4，顏色#0000FF。
(◎) 5. 當開啟網頁時，圖片及文字需以動態效果呈現，水平置中對齊
、垂直置中對齊。
犵 menu.htm 網頁需含下面的資訊：
( * ) 1. 網頁背景顏色#FFFF00。
( * ) 2. 網頁內製作一個6×1(六列一欄)表格，框線0像素，背景顏色
#FFFFCC,水平置中對齊。
(※) 3. 製作如下圖之圖片「社團介紹」，檔名為「0105.jpg」、寬 150 像素、高 60 像素、標楷體、背景為由上到下漸層色(#FF00FF 到 #FFFFFF)。
( * ) 4. 表格第一列插入圖片「0105.jpg」，水平置中對齊，替代文字為
「國立玉山高中社團介紹」。
(◎) 5. 表格第二列輸入文字「吉他社」，顏色#00FF00，水平置中對齊
網頁設計技術士技能檢定試題 網 頁 設 計技 術 士技 能 檢定 應 考 須知
～51～
，當滑鼠移到「吉他社」文字上時需呈現動態效果，並設定超 連結到動作要求甪中的 guitar_history.htm 網頁，且在 main 框 架頁中開啟。
( * ) 6. 表格第三列輸入文字「棒球社」，顏色#00FF00，水平置中對齊。
( * ) 7. 表格第四列輸入文字「舞蹈社」，顏色#00FF00，水平置中對齊。
( * ) 8. 表格第五列輸入文字「童軍社」，顏色#00FF00，水平置中對齊。
(◎) 9. 表格第六列輸入文字「聯絡我們」，顏色#00FF00，水平置中對 齊，當滑鼠移到「聯絡我們」文字上時需呈現動態效果，並且 設定超連結到電子郵件「[email protected]」。
(◎) 10. 表格下方輸入文字「最近更新日期：yyyy/mm/dd」，顏色
#0000FF，水平置中對齊。【說明 yyyy/mm/dd 為應檢日期；
其中 yyyy：西元年，mm：月份，dd：日期】
玎 main.htm 網頁需含下面的資訊：
( * ) 1. 網頁背景圖片「0103.jpg」。
(★) 2. 將圖片「0102.jpg」與「0104.jpg」做影像合成，存成「0106.jpg
」。圖中人物的大小、位置及圖片寬高均不變動,參考完成結果 如下圖。
原圖片 (0102.jpg) 背景圖 (0104.jpg) 合成圖片 (0106.jpg)
(※) 3. 網頁內插入合成圖片「0106.jpg」，寬 100 像素、高 126 像素
，替代文字為「校長玉照」；圖片右邊輸入校長的話(文字資料 如下，在合成圖片右側佔五列，且高度不得超過圖片高度) ， 字型大小size=3、標楷體、粗體、斜體、顏色#FF00FF，水平置 中對齊；圖片與文字在 main 框架頁水平置中對齊。(▲以每一 字為扣分單位，扣分無上限)
嗨！歡迎加入玉山高中。
參加社團不僅可以豐富自己的人生、寬闊自己的視野，
也能砥礪技能、磨練人際、培養第二專長。
選擇一項您喜歡的社團，積極的參與和投入，
您會獲得一陣陣的驚喜！
網頁設計技術士技能檢定試題
網 頁 設 計技 術 士技 能 檢定 應 考 須知
( * ) 4. 合成圖片及校長的話下方插入分隔線，線高5像素，顏色
#0000FF，水平置中對齊。
(◎) 5. 分隔線下輸入文字「網頁設計及維護：○○○」，字型大小 size=2、標楷體、斜體、加底線、顏色#0000FF， 水平置中對齊
。【說明 ○○○為應檢人姓名】
甪 guitar_history.htm 網頁需含下面的資訊：
( * ) 1. 網頁背景圖片「0103.jpg」。
( * ) 2. 網頁背景音樂「0101.mid」。
(◎) 3. 網頁內以動態效果呈現「吉他社社史」，字型大小size=4、標楷 體、顏色#FF0000，水平置中對齊。
( * ) 4. 「吉他社社史」文字下方製作一個1×3(一列三欄)表格，框線0 像素，水平置中對齊。
(◎) 5. 表格第一列第一欄輸入文字「回社團介紹首頁」，水平置中對 齊，並設定超連結到首頁(index.htm 或 default.htm)，並且在目 標框架為「_top」中開啟，不得在 main 框架頁中顯示整個首頁 內容，而導致框架頁中再分割，造成混亂畫面。
(◎) 6. 表格第一列第二欄輸入文字「吉他社近期活動公告」，水平置 中對齊，並設定超連結到 guitar_event.htm 網頁，且在 main 框架頁中開啟。
(◎) 7. 表格第一列第三欄輸入文字「吉他社教學內容」，水平置中對 齊，並設定超連結到 guitar_learning.htm 網頁，且在 main 框 架頁中開啟。
(◎) 8. 表格下方匯入檔案「0101.txt」內含之文字，字型大小size=3、
標楷體、顏色#FF0000。
癿 guitar_event.htm 網頁需含下面的資訊：
( * )1. 網頁背景圖片「0103.jpg」。
( * )2. 網頁背景音樂「0101.mid」。
(◎)3. 網頁內以動態效果呈現「吉他社近期活動公告」文字，字型大小 size=4、標楷體、顏色#FF0000，水平置中對齊。
( * ) 4. 「吉他社近期活動公告」文字下方製作一個1×3(一列三欄)表格
，框線0像素，水平置中對齊。
(◎) 5. 表格第一列第一欄輸入文字「回社團介紹首頁」，水平置中對 齊，並設定超連結到首頁(index.htm 或 default.htm)，並且在目 標框架為「_top」中開啟，不得在 main 框架頁中顯示整個首頁 內容，而導致框架頁中再分割，造成混亂畫面。
(◎) 6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊，並 設定超連結到 guitar_history.htm 網頁，且在 main 框架頁中開 啟。
網頁設計技術士技能檢定試題 網 頁 設 計技 術 士技 能 檢定 應 考 須知
～53～
(◎) 7. 表格第一列第三欄輸入文字「吉他社教學內容」，水平置中對 齊，並設定超連結到 guitar_learning.htm 網頁，且在 main 框 架頁中開啟。
(◎) 8. 表格下方再製作一個1×4(一列四欄)表格，框線0像素，水平置 中對齊，每一欄儲存格內分別依序匯入檔案「0102.txt」內含之 日期，並且以書籤的方式設定連結到該活動日期之段落，使其 能移到最上方呈現。
(◎) 9. 與上面表格間隔一空白段落，製作一個5×2(五列二欄)表格，框 線0像素，水平置中對齊，表格第一欄儲存格由上至下依照檔案
「0102.txt」中近期活動日期內容(含「近期活動」文字)，依日 期順序分別填入相關內容於各儲存格，字型大小size=3、標楷體
、顏色分別為：第一列第一欄顏色#800000、第二列第一欄顏色
#00FF00、第三列第一欄顏色#0000FF、第四列第一欄顏色
#FF0000、第五列第一欄顏色#000000。
(◎) 10. 表格第二欄之二到五列儲存格輸入文字「TOP」，顏色自訂，
並且設定使其能跳回此網頁最上方。
穵 guitar_learning.htm 網頁需含下面的資訊:
( * ) 1. 網頁背景圖片「0103.jpg」。
( * ) 2. 網頁背景音樂「0101.mid」。
(◎) 3. 網頁內輸入文字「吉他社教學內容」，字型大小 size=4、標楷 體、顏色#00FFFF，水平置中對齊，以動態效果呈現。
( * ) 4. 「吉他社教學內容」文字下方製作一個1×3(一列三欄)表格，框 線0像素，水平置中對齊。
(◎) 5. 表格第一列第一欄輸入文字「回社團介紹首頁」，水平置中對 齊，並設定超連結到首頁(index.htm 或 default.htm)，並且在目 標框架為「_top」中開啟，不得在 main 框架頁中顯示整個首頁 內容，而導致框架頁中再分割，造成混亂畫面。
(◎) 6. 表格第一列第二欄輸入文字「吉他社社史」，水平置中對齊，
並設定超連結到 guitar_history.htm 網頁，且在 main 框架頁中 開啟。
(◎) 7. 表格第一列第三欄輸入文字「吉他社近期活動公告」，水平置 中對齊，並設定超連結到 guitar_event.htm 網頁，且在 main 框架頁中開啟。
(※) 8. 表格下方匯入檔案「0103.txt」內含之文字，並將各文字所述之 教學項目製作成按鈕，按鈕之間需有空白分隔,且以動態效果呈 現。
网資料備份：
評分後，將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用隨 身碟」中，應檢人若不配合備份資料，則視為重大缺點，以不及格論。
網頁設計技術士技能檢定試題
網 頁 設 計技 術 士技 能 檢定 應 考 須知
試題編號：960302
軟體安裝及測試時間：120分鐘 所需檔案：
資 料 檔 名 稱 檔 案 名 稱
圖形檔 0201.jpg、0202.jpg、0203.jpg、0204.gif、
0205.jpg、範例 0204A.gif、範例 0205A.gif 音樂檔 0201.mid
試題說明：
一、本試題為運動廣場連結網的網頁設計，試題將會針對您所需要製作的動作 進行詳細的說明。
二、應檢人需自行安裝網頁製作軟體，並依照試題說明進行網頁設計，所有需 用到的檔案均放置在電腦螢幕的桌面。
三、評分時，動作要求各項目的所有功能，只要有一項功能不正確，則扣該項 分數，但以扣一次為原則。
四、試題無特別標示(▲以每一字為扣分單位，扣分無上限)處，若有錯別字(含 標點符號、英文單字)、漏字、贅字、全型或半型格式錯誤者，依該項動 作要求扣分。【英文大小寫視為不同，請依動作要求輸入】
五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處，若有錯別字(含 標點符號、英文單字)、漏字、贅字、全型或半型格式錯誤者，每字扣一 分。
六、試題要求中的物件，若無特別指定則以美觀為原則，自行設定，不列入扣 分項目。
七、動作要求：
灱建立資料夾及設定網站伺服器，內容包括：
(◎) 1. 在 C：磁碟下建立「WEBXX」資料夾(XX為個人檢定工作崗位 號碼，如 01、02、...、30 等)，以儲存製作完成的結果。
( * ) 2. 在「WEBXX」資料夾下建立「homepage」資料夾，存放 title.htm 與 main.htm 等二個檔案。
( * ) 3. 在「WEBXX」資料夾下建立「images」資料夾，將所有應使用
( * ) 3. 在「WEBXX」資料夾下建立「images」資料夾，將所有應使用