搜尋此網誌

2013年7月11日 星期四

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ ※ ※ ※ ※ ※ 網頁設計丙級技術士技能檢定術科測試應檢參考資料 ※ ※ ※ ※ ※ ※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ 試題編號:17300-960301~10 審定日期: 96 年 12 月 1 日 修訂日期: 97 年 10 月 1 日 98 年 12 月 1 日 101 年 03 月 3 日 網頁設計丙級技術士技能檢定術科測試應檢參考資料目錄(第二部分) 壹、網頁設計丙級技術士技能檢定術科測試應檢人須知.................................................... 1 貳、網頁設計丙級技術士技能檢定術科測試應用軟體使用須知........................................ 3 參、網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表…………………….4 肆、網頁設計丙級技術士技能檢定術科測試試題使用說明................................................ 5 伍、網頁設計丙級技術士技能檢定術科測試檢定流程圖.................................................... 6 陸、網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表.................................... 7 柒、網頁設計丙級技術士技能檢定術科測試評審表............................................................ 8 捌、網頁設計丙級技術士技能檢定術科測試試題名稱及編號............................................ 9 玖、網頁設計丙級技術士技能檢定術科測試檢定試題 試題編號:960301.......................................................................................................... 10 試題編號:960302.......................................................................................................... 17 試題編號:960303.......................................................................................................... 23 試題編號:960304.......................................................................................................... 28 試題編號:960305.......................................................................................................... 35 試題編號:960306.......................................................................................................... 45 試題編號:960307.......................................................................................................... 52 試題編號:960308.......................................................................................................... 58 試題編號:960309.......................................................................................................... 63 試題編號:960310.......................................................................................................... 70 拾、網頁設計丙級技術士技能檢定術科測試時間配當表.................................................. 80 1 壹、網頁設計丙級技術士技能檢定術科測試應檢人須知 一、 檢定內容為測試應檢人從事於視窗環境的網頁製作、美工及應用網頁物件的能力。 二、 注意事項: (一) 術科測試不分站,應檢人需於規定時間內完成試題之功能要求,成績及格者, 術科檢定評定為及格。 (二) 應檢人依接到通知的日期、時間,準時向考場報到,辦理驗證手續。應檢人 若遲到逾時15 分鐘者,以棄權論,不予補檢。應檢人若遲到逾時15 分鐘以 內者,不得因遲到而要求補加測試時間。 (三) 試題及檢定用光碟片,需經術科辦理單位蓋有戳記者方為有效。 (四) 應檢人使用之作業系統依考場使用之平台為主。 (五) 應檢人在測試開始前,應檢查所需使用之器材,如有問題,應立即報告監評 人員處理,否則一切受測設備之毀損,術科辦理單位得要求應檢人照價賠償。 (六) 應檢人若自備使用之電腦軟體時,須符合「術科測試應用軟體使用須知」之 各項規定,若應檢人不遵守「術科測試應用軟體使用須知」之任一規定時, 應檢人將被拒絕參加術科測試,並以零分論處。 (七) 應檢人所攜帶的自行安裝網頁設計相關軟體必須為貼有原版標籤之合法原版 光碟軟體(原版磁碟片及僅具授權書之光碟片及試用版軟體,均不予接受),應 檢人不得攜帶非法軟體或其它燒錄光碟進場,否則以零分論處。 (八) 應檢人自備之軟體於測試前應完成偵毒工作,確保不含病毒。 (九) 應檢人不得夾帶任何與測試有關的書面資料或電子檔進場,一經發現,即視 為作弊,並以零分論處。 (十) 應檢人不得將試場內之任何器材及資料等攜出場外,否則以零分論處。 (十一) 應檢人不得接受他人協助或協助他人受檢,如發現則視為作弊,雙方均以零 分論處。 (十二) 蓄意損壞公物設備者,照價賠償外,並依法處理。 (十三) 應檢人於測試進行中,應遵守測試場內外秩序,禁止吸煙、窺視、嘻鬧、喧 嘩。 2 (十四) 應檢人於測試進行中,若因急迫需上洗手間,須取得監評人員同意並指派專 人陪往,應檢人不得因此要求增加測試時間。 (十五) 應檢人完成後舉手即可開始評分,一經評分後,不得要求更改。評分後應依 照監評人員指示將USB 埠封條拆除,並將完成結果備份至考場提供之檢定 用隨身碟。若應檢人不配合備份程序,則視為重大缺點,以不及格論。 (十六) 應檢人不得將檢定用光碟片、試題本、網頁製作軟體等試場用品攜出場外。 (十七) 應檢人於受檢時,不得要求監評人員公布術科測試成績。 (十八) 應檢人於受檢時,一經監評人員評定後,應檢人不得要求更改。 (十九) 如有其他相關事項,另於考場說明之。 3 貳、網頁設計丙級技術士技能檢定術科測試應用軟體使用須知 術科辦理單位所準備或使用之各種電腦軟體均需具有合法版權,並且應於每一測試 場次中,至少備妥一種可完成術科測試試題中各項要求之網頁設計軟體(檢定場地20 崗 位者需準備24 套;檢定場地30 崗位者需準備35 套),提供應檢人術科測試時安裝及使 用。術科辦理單位於應檢日十四天前(日期以郵戳為憑),寄交應檢人測試相關資料時, 應將所備妥之應用軟體填入「檢定場地設備規格表」中,一併告知應檢人。術科辦理單 位所備之軟體應為貼有原版標籤之合法原版光碟軟體〈原版磁碟片及僅具授權書之光 碟,均不予接受〉。 若術科辦理單位所提供之中文輸入法或所準備之網頁設計軟體不合應檢人所需 時,應檢人可自行準備所需之中文輸入法軟體及網頁設計軟體,但應檢人所自備之軟 體,必須符合下列各項規定,若有任何版權問題時,其法律責任應由應檢人自行負責。 一、 應檢人自備之電腦軟體應為貼有原版標籤之合法原版光碟軟體(原版磁碟片、試用 版或僅具授權書之光碟片,均不予接受)。 二、 應檢人自備之電腦軟體,若不能完成術科測試試題之各項要求時,由應檢人自行負 責。 三、 應檢人須於應檢日七個工作天前(日期以郵戳為憑)將「自備之電腦軟體及聯絡電 話」以「雙掛號限時專送」寄給術科辦理單位檢查及認證,術科辦理單位應儘快於 檢定前三個工作天通知應檢人驗證結果。 四、 應檢人寄給術科辦理單位之電腦軟體,經術科辦理單位檢查及認證合格後,術科辦 理單位將於應檢日把該電腦軟體發給該應檢人,以俾該應檢人於術科測試時安裝及 使用。若該電腦軟體經考場檢查及認證不合格時,應檢人於術科測試時,將不可使 用該電腦軟體,後果由應檢人自行負責。 五、 需經術科辦理單位檢查及認證之應用軟體,亦必須為貼有原版標籤之合法原版光碟 軟體(原版磁碟片、試用版或僅具授權書之光碟片,均不予接受)。 六、 應檢人所自備之電腦軟體中,若含有任何與考題有關之資料或巨集時,將以考試作 弊論處。 4 參、網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表 術科測試時,除下列項目外,應檢人禁止攜帶其他任何參考資料、軟體或工具,若 應檢人欲自行準備網頁設計或中文輸入法軟體完成術科測試試題之各項要求時,其所自 備之各種軟體應符合「術科測試應用軟體使用須知」之各項規定,若應檢人不遵守「術 科測試應用軟體使用須知」之任一規定時,應檢人將被拒絕參加術科測試,並以零分論 處。 項目 名稱 規格 備註 1 網頁製作軟體 合法原版的光碟片(不含試用版) 2 繪圖軟體 合法原版的光碟片(不含試用版) 如欲自備左列軟體,應檢 人須於應檢日七個工作 天前寄給術科辦理單位 (參考「術科測試應用軟 體使用須知」)。 3 筆 黑色或藍色原子筆 5 肆、網頁設計丙級技術士技能檢定術科測試試題使用說明 一、 本試題係採檢定前公佈試題原則命製。 二、 本試題共十題,每一應檢人應完成其中一題測試。 三、 測試時所使用之檢定用資料「173003 附加光碟檔」,其內容與所寄給應檢人之檢 定用資料內容相同。 四、 術科測試時間每場共為3 小時(含報到、進場、測試、評分)。 五、 每一場次的術科測試十題試題必須全部測試,由監評人員主持抽籤,讓每一位應檢 人依「報到順序」自行抽籤,決定應檢人該場次之工作崗位編號及試題編號;其中 工作崗位編號/試題編號依序為 01/960301、02/960302、03/960303、04/960304、 05/960305、06/960306、07/960307、08/960308、09/960309、10/960310、11/960301、 12/960302、….餘類推。若應檢人放棄權益時,得由監評人員代抽。 6 伍、網頁設計丙級技術士技能檢定術科測試檢定流程圖 應檢人報到 10 分鐘 依序報到、簽名並查驗應檢人相關證件。 應檢人進場 10 分鐘 (一)核對應檢人證件。 (二)每一應檢人依報到順序自行抽試題編號籤,籤上 依序註記有工作崗位編號與試題編號。 (三)說明試題、測試時應注意事項、應考須知及考場 注意事項,填寫資料。 安裝軟體及完成 試題共120 分鐘 (一)術科測試時間120 分鐘。 (二)應檢人安裝軟體及完成試題,並將完成結果備份存 檔。 (三)本術科測試採現場評分,應檢人經監評人員評分、 結果備份離場後,不得再行進場。 評分40 分鐘 評定成績。 檢定結束 7 陸、網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表 本表為每一工作崗位之配備,由術科辦理單位填妥後,寄給應檢人參考。 項目 名 稱 規 格 1 主機 CPU: □ Intel □ AMD □ _________MHz 以上 □ _________GHz 以上 RAM: _________MB 以上 2 顯示器 □CRT □液晶 □14 吋 □15 吋 □17 吋 □19 吋 3 硬碟 _________GB 以上 4 光碟機 □CD-ROM □DVD-ROM _________倍速以上 5 作業系統及應 用軟體名稱 a. 作業系統: □1.Windows 2000 □2.Windows XP □3.其他(名稱: ) b. 網頁製作軟體: □1.FrontPage □2.Dreamweaver □3.Namo □4.SharePoint □5.其他(名稱: ) 版本:_____________(必填) c. 繪圖軟體: □1.PhotoImpact □2.Photoshop □3.其他(名稱: ) 版本:_____________(必填) d. 防毒軟體: □1.Trend PC-cillin □2.Symantec AntiVirus □3.其他(名稱: ) 版本:_____________ 6 中文輸入法 □1.注音 □2.新注音 □3.倉頡 □4.新倉頡 □5.嘸蝦米 □6.自然 □7.大易 □8.速成 □9.行列 □10.大新倉頡 □11.其他(名稱: , , ) 7 其他 術科辦理單位名稱及戳章: 8 柒、網頁設計丙級技術士技能檢定術科測試評審表 檢定日期 檢定崗位編號 試題編號 准考證編號 應檢人姓名 總 分 總評結果 □及格 □不及格 項目 評 審 標 準 一、 有下列任一情形者以不及格論。 備 註 □1. 自動棄權者或未依規定作結果備份。 □2. 攜帶非法軟體、磁片、燒錄光碟、隨身碟等進入考場者。 □3. 攜帶本試題規定外之任何參考書籍、資料等進場。 重 大 缺 點 □4. 具有舞弊行為或其他重大錯誤,經監評人員在評審表內登記有具體事實,並 經監評長認定者。 二、以下各小項扣分標準依應檢人實作狀況予以評分,每項之扣分,不得超過最高扣分,本項採扣分方式, 以100 分為滿分,0 分為最低分,60 分(含)以上者為[及格]。劃記以”正”字累計。 動作要求扣分項目 註記扣分細項 ★ 30 分 ※ 20 分 ◎ 10 分 * 5 分 ▲ 1 分 (一) (二) (三) (四) (五) (六) (七) (八) (九) (十) 小計扣分 三、累計扣分 扣分標準 每處扣分實扣分數 備 註 1. 不符合試題功能要求標示為★符號者。 30分 2. 不符合試題功能要求標示為※符號者。 20分 3. 不符合試題功能要求標示為◎符號者。 10分 4. 不符合試題功能要求標示為*符號者。 5分 試 題 要 求 5. 不符合試題功能要求標示為▲符號者。 1分 情意1. 應檢人員未能遵守測試場內外秩序者。 20 分 部份 2. 應檢人員未能於測試完畢後整理工作崗位者。 20分 總 計 監評人員簽名 (請勿於測試結束 前先行簽名) 監評長簽名 (請勿於測試結束 前先行簽名) 9 捌、網頁設計丙級技術士技能檢定術科測試試題名稱及編號 名稱 試題編號 校園社團介紹網 960301 960306 運動廣場連結網 960302 960307 國家公園介紹網 960303 960308 網路行銷購物網 960304 960309 電子相簿旅遊網 960305 960310 10 玖、網頁設計丙級技術士技能檢定術科測試檢定試題 試題編號: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、 11 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 像素。 12 (*)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,水平置中對齊,當滑 鼠移到「吉他社」文字上時需呈現動態效果,並設定超連結到動作要求 (六)中的guitar_history.htm 網頁,且在main 框架頁中開啟。 (*)6. 表格第三列輸入文字「棒球社」,顏色#00FF00,水平置中對齊。 (*)7. 表格第四列輸入文字「舞蹈社」,顏色#00FF00,水平置中對齊。 (*)8. 表格第五列輸入文字「童軍社」,顏色#00FF00,水平置中對齊。 (◎)9. 表格第六列輸入文字「聯絡我們」,顏色#00FF00,水平置中對齊,當 滑鼠移到「聯絡我們」文字上時需呈現動態效果,並且設定超連結到電 子郵件「society@mail.yusan.edu.tw」。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#0000FF,水 平置中對齊。 13 【說明 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 網頁需含下面的資訊: 14 (*)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 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 15 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)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. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 16 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (※)8. 表格下方匯入檔案「0103.txt」內含之文字,並將各文字所述之教學項 目製作成按鈕,按鈕之間需有空白分隔,且以動態效果呈現。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 17 試題編號: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」資料夾,將所有應使用的圖形 18 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「sfm」資料夾,存放sfm1.htm、sfm2.htm、 sfm3.htm 等三個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,放置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁的標題為「運動廣場連結網」。 (◎)3. 首頁需設定為框架式網頁,分割為上、下兩個框架(有框架線),分別 連結到二個子網頁,檔案名稱及框架頁名稱規定如下: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為50 像素) 2 main.htm main 主網頁 格式 title.htm main.htm (三) title 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景圖片「0201.jpg」。 (★)3. 將圖片「0204.gif」製作具動態效果的新圖片「0204A.gif」,大小維持 不變,左右兩側的球需呈現「順時針」之原地自轉效果,旋轉角度變化 為18 度,原始圖片「0204.gif」中的「運動廣場」四字之動態效果需完 19 全保留於新的圖片「0204A.gif」中(結果可參考「範例0204A.gif」檔, 但請注意:下一動作禁止使用「範例0204A.gif」檔)。 (*)4. 網頁內插入圖片「0204A.gif」,水平置左對齊,替代文字為「運動廣場 連結網-回首頁」(注意:若應檢人無法完成前項之圖片「0204A.gif」, 需以原圖片「0204.gif」代替,以利完成替代文字的設定)。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0202.jpg」。 (◎)2. 網頁內製作一個6×3(六列三欄)表格,框線0 像素、寬85%,水平置 中對齊。 (※)3. 將圖片「0205.jpg」製作具動態效果的新圖片「0205A.gif」,大小維持 不變,互換間隔為1.5 秒;動態效果參考「範例0205A.gif」檔。 (*)4. 表格第一列合併為一欄插入圖片「0205A.gif」,水平置中對齊,替代文 字為「運動廣場連結網首頁」(注意:若應檢人無法完成前項之圖片 「0205A.gif」,需以原圖片「0205.gif」代替,以利完成替代文字的設 定)。 (◎)5. 表格第二列第一欄輸入文字「美國職棒」,背景顏色#FFFF00,水平置 中對齊,並設定超連結到sfm1.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格第二列第三欄輸入文字「日本職棒」,背景顏色#FF0000,水平置 中對齊,並設定超連結到sfm2.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第三列第二欄輸入文字「臺灣職棒」,背景顏色#00FF00,水平置 中對齊,並設定超連結到sfm3.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格第五列第二欄輸入文字「聯絡我們」,背景顏色#00FFFF,水平置 中對齊,並且設定超連結到電子郵件「admin@sportplaza.com.tw」。 (◎)9. 表格第六列第二欄輸入文字「訪客留言」,背景顏色# FFFF00,水平置 中對齊,並設定超連結到message.htm 網頁,且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 20 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#0000FF,水 平置左對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) sfm1.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#00FFFF、 寬100%、高50%、背景顏色#00FF00,水平置中對齊。 (*)3. 表格第一列輸入文字「美國職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (六) sfm2.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#FFFF00、 寬100%、高50%、背景顏色#FF00FF,水平置中對齊。 (*)3. 表格第一列輸入文字「日本職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) sfm3.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#0000FF、 寬100%、高50%、背景顏色#FFFFCC,水平置中對齊。 (*)3. 表格第一列輸入文字「臺灣職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) message.htm 網頁需含下面的資訊: (*)1. 網頁標題為「訪客留言板」。 21 (*)2. 網頁背景圖片「0203.jpg」。 (*)3. 網頁背景音樂「0201.mid」。 (◎)4. 網頁內輸入文字「謝謝蒞臨本網站,請給予我們支持、鼓勵與建言」, 並且以動態方式呈現。 (*)5. 文字下方製作一個7×2(七列二欄)表單,第一欄寬100 像素、第二欄 寬600 像素,儲存格與邊框距離0 像素、儲存格間距0 像素、框線1 像 素、顏色#000000,水平置中對齊,內容與格式參考如下: (◎)6. 表單第一列第一欄輸入文字「姓名」,水平置中對齊、垂直置中對齊; 表單第一列第二欄為姓名的文字方塊,寬20 字元,水平置左對齊、垂 直置中對齊。 (◎)7. 表單第二列第一欄輸入文字「電子郵件」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子郵件的文字方塊,寬40 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第三列第一欄輸入文字「地址」,水平置中對齊、垂直置中對齊; 表單第三列第二欄為地址的文字方塊,寬80 字元,水平置左對齊、垂 直置中對齊。 (◎)9. 表單第四列第一欄輸入文字「性別」,水平置中對齊、垂直置中對齊; 表單第四列第二欄為「男」、「女」等二選項按鈕,預設值為「男」, 水平置左對齊、垂直置中對齊。 (◎)10.表單第五列第一欄輸入文字「上網方式」,水平置中對齊、垂直置中對 齊;表單第五列第二欄為上網方式的下拉式清單方塊,由上而下依序為 「撥接上網」、「有線電視寬頻上網」、「ADSL」、「ISDN」、「公 司企業專線上網」等五個選項,預設值為「撥接上網」,水平置左對齊、 22 垂直置中對齊。 (◎)11.表單第六列第一欄輸入文字「留言內容」,水平置中對齊、垂直置中對 齊;表單第六列第二欄為留言內容的文字區域(TextArea),高5 列文字, 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)12.表單第七列第一欄製作「送出」、「重寫」等二個按鈕。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 23 試題編號:960303 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0301.txt、0302.txt、0303.txt 圖形檔 0301.jpg、0302.jpg、0303.jpg、0304.jpg、0305.jpg、0306.jpg、 0307.jpg、0308.jpg~0313.jpg、national_park.jpg 音樂檔 0301.mid 資料檔 park.exe 試題說明: 一、本試題為國家公園介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 24 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「park」資料夾,存放aa.htm、bb.htm、cc.htm、 dd.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「國家公園介紹網站」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為標題圖片的高度) 2 menu.htm menu 選單頁(框架寬度為150 像素) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0。 (*)2. 網頁背景顏色#0000FF。 25 (※)3. 從「0308.jpg」、「0309.jpg」、「0310.jpg」、「0311.jpg」、「0312.jpg」、 「0313.jpg」等六張圖片中任選三張製作具動態效果的標題圖片,需在 同一位置以間隔一秒的速度輪播,輪播時三張圖片皆不得有毛邊現象 (亦即三張圖片需調整大小一致)。 (◎)4. 網頁內插入製作完成的標題圖片,水平置中對齊,並設定圖片超連結到 「國家公園介紹網」首頁,且在目標框架為「_top」中開啟,不得在 main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫 面。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (*)2. 網頁內製作一個7×1(七列一欄)表格,框線0 像素,水平置中對齊。 (★)3. 表格第一、三、五、七列分別插入0305.jpg、0306.jpg、0304.jpg、0303.jpg 等四張圖片,每張圖片寬120 像素、高40 像素,水平置中對齊,當滑 鼠移過時需呈現同樣圖片、不同顏色的動態效果。 (◎)4. 表格中「陽明山國家公園」圖片替代文字為「陽明山國家公園」,並設 定超連結到動作要求(六)aa.htm 網頁,且在main 框架頁中開啟。 (◎)5. 表格中「雪霸國家公園」圖片替代文字為「雪霸國家公園」,並設定超 連結到動作要求(七)bb.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格中「太魯閣國家公園」圖片替代文字為「太魯閣國家公園」,並設 定超連結到動作要求(八)cc.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格中「玉山國家公園」圖片替代文字為「玉山國家公園」,並設定超 連結到動作要求(九)dd.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方輸入文字「檔案下載」,水平置中對齊,並設定超連結,且在 點選超連結後具有下載park.exe 檔案的功能(即彈出檔案下載的視窗)。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0301.jpg」。 (*)2. 網頁背景音樂「0301.mid」。 26 (◎)3. 網頁內以跑馬燈動態方式呈現文字「歡迎進入國家公園介紹網,本網站 有詳細的國家公園介紹哦!」,跑馬燈呈現區域需水平置中對齊。(▲ 以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方插入圖片「national_park.jpg」,水平置中對齊。 (◎)5. 圖片中文字圖像「陽明山國家公園」上建立矩形影像地圖,並設定超連 結到動作要求(六)中的aa.htm 網頁,且在main 框架頁中開啟。 (◎)6. 圖片中文字圖像「雪霸國家公園」上建立矩形影像地圖,並設定超連結 到動作要求(七)中的bb.htm 網頁,且在main 框架頁中開啟。 (◎)7. 圖片中文字圖像「太魯閣國家公園」上方之黃色紅邊區域,建立影像地 圖(需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(八) 中的cc.htm 網頁,且在main 框架頁中開啟。 (◎)8. 圖片中文字圖像「玉山國家公園」左方之黃色紅邊區域,建立影像地圖 (需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(九)中 的dd.htm 網頁,且在main 框架頁中開啟。 (◎)9. 圖片下方分別輸入兩列文字,第一列輸入文字「最近更新日期: yyyy/mm/dd」,顏色#FF00FF,水平置右對齊;第二列輸入文字「資料 來源:內政部營建署『臺灣的國家公園』網站」,顏色#FF00FF,水平 置右對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份, dd:日期】 (六) aa.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0305.jpg」,水平置中對齊。 (◎)3. 圖片下方輸入如下所示文字,字型大小size=3、標楷體、粗體、斜體、 顏色#0000FF,水平置左對齊。(▲以每一字為扣分單位,扣分無上限)。 「陽明山國家公園」位處臺北盆地北緣,東起磺嘴山、五指山東側,西 至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面 27 積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) bb.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0306.jpg」及「0307.jpg」以上下並列、水平置中對齊方式製作 成圖片「0314.jpg」,寬340 像素、高280 像素。 (*)3. 網頁內插入圖片「0314.jpg」,水平置中對齊。 (◎)4. 圖片下方匯入檔案「0303.txt」內含之文字,水平置左對齊。 (◎)5. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) cc.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0304.jpg」,水平置中對齊。 (◎)3. 圖片下方匯入檔案「0302.txt」內含之文字,水平置左對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (九) dd.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0303.jpg」,水平置中對齊。 (◎)3. 圖片下方匯入檔案「0301.txt」內含之文字,水平置左對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 28 試題編號:960304 軟體安裝及測驗時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0401.txt、0402.txt 圖形檔 0401.jpg、0402.jpg、0403.jpg、0404.jpg、0405.jpg、0406.jpg、 0407.jpg 音樂檔 0401.mid 試題說明: 一、本試題為網路行銷購物網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 main.htm、bottom.htm 等三個檔案。 29 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用的音樂檔 均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「results」資料夾,存放conditioner1.htm、 conditioner2.htm、company.htm、message.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「大家來購物網」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱說明 1 title.htm title 標題頁(高度為圖片0401.jpg 的高度) 2 main.htm main 主網頁 3 bottom.htm bottom 交流頁(高度為15%) 格式 title.htm main.htm botto m.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0402.jpg」。 (*)2. 網頁背景音樂「0401.mid」。 30 (*)3. 框架高度可調整大小。 (*)4. 框架可自動顯示捲動軸。 (◎)5. 網頁內插入圖片「0401.jpg」,圖片右邊緊接著輸入文字「大家來購物 網—回首頁」,字型大小size=4、顏色#0000FF,圖片及文字皆垂直置 中對齊。 (*)6. 設定圖片超連結到檔案「0401.txt」,並且在目標框架為「_self」中開啟。 (*)7. 設定「大家來購物網—回首頁」文字超連結到首頁(default.htm 或 index.htm),並且在目標框架為「_top」中開啟,不得在main 框架頁 中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFF00。 (◎)2. 網頁內輸入文字「大家來購物網公司」,字型大小size=4,並設定超 連結到company.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 文字下方以跑馬燈動態方式呈現文字「大家來購物網!冷氣機特價大拍 賣!要買要快!」。(▲以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方製作一個 3×2(三列二欄)表格,框線1 像素、表格寬500 像素、表格背景圖片「0403.jpg」,水平置中對齊。 (◎)5. 表格第一列第一欄插入圖片「0404.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到conditioner1.htm 網頁, 且在目標框架為「_blank」中開啟。 (◎)6. 表格第一列第二欄插入圖片「0405.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到conditioner2.htm 網頁, 且在目標框架為「_blank」中開啟。 (*)7. 表格第二列第一欄輸入文字「甲牌冷氣機」,水平置中對齊、垂直置中 對齊。 (*)8. 表格第二列第二欄輸入文字「乙牌冷氣機」,水平置中對齊、垂直置中 對齊。 31 (◎)9. 表格第三列第一欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「購買」,水平置中對齊、垂直置中對齊。 (◎)10.表格第三列第二欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「考慮中」,水平置中對齊、垂直置中對齊。 (◎)11.表單下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表格完成後參考如下所示: (◎)12. 表格下方輸入文字「我有話要說」,水平置左對齊,並且設定超連結 到電子郵件「service@test.labor.gov.tw」。 (五) bottom.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0406.jpg」。 (◎)2. 網頁內輸入文字「訪客留言板」,水平置左對齊,並設定超連結到 message.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 「訪客留言板」文字下方輸入文字「聯絡我們」,並且設定超連結到電 子郵件「service@test.labor.gov.tw」。 (六) conditioner1.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0404.jpg」圖片向左旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「甲牌冷氣機」。 (◎)3. 圖片下方匯入檔案「0402.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 32 籤的方式設定連結,使其能回到原網頁最上方。 (七) conditioner2.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0405.jpg」圖片向右旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「乙牌冷氣機」。 (◎)3. 圖片下方匯入檔案「0402.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 (八) company.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個3×2(三列二欄)表格,第一欄寬150 像素、第二欄寬 350 像素,表格水平置中對齊。 (*)3. 表格第一列第一欄輸入文字「公司名稱」,水平置中對齊;表格第一列 第二欄輸入文字「大家來購物有限公司」,水平置中對齊。 (*)4. 表格第二列第一欄輸入文字「公司電子信箱」,水平置中對齊;表格第 二列第二欄輸入文字「service@test.labor.gov.tw」,水平置中對齊。 (*)5. 表格第三列第一欄輸入文字「服務項目」,水平置中對齊;表格第三列 第二欄輸入文字「網路購物服務」,水平置中對齊。 表格完成後參考如下所示: (*)6. 表格下方製作一個3×2(三列二欄)表單,第一欄寬150 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)7. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 33 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)9. 表單第三列第一欄輸入文字「意見留言」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為意見留言的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單內下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表單完成後參考如下所示: (九) message.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0407.jpg」,高100 像素、寬450 像素,水平置中對 齊。 (*)3. 圖片下方製作一個 3x2(三列二欄)表單,第一欄寬100 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)4. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)5. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)6. 表單第三列第一欄輸入文字「您的意見」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為您的意見的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 34 (◎)7. 表單內下方製作「送出意見」、「清除意見」等二個按鈕,且水平置中 對齊。 表單完成後參考如下所示: (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 35 試題編號:960305 軟體安裝及測驗時間:120 分鐘 所需檔案: 資料檔名稱 檔 案 名 稱 圖形檔 0501b.gif、0501r.gif、0502b.gif、0502r.gif、0503b.gif、0503r.gif、 0504b.gif、0504r.gif、0505b.gif、0505r.gif、0506b.gif、0506r.gif、 0507.jpg、範例0508.gif、0509.jpg、0511.jpg、0521.jpg、0522.jpg、 0523.jpg、0524.jpg、0525.jpg、0531.jpg、0541.jpg、0551.jpg、 0552.jpg、0553.jpg、0554.jpg、0555.jpg 音樂檔 0501.mid 試題說明: 一、本試題為電子相簿旅遊網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 36 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。(有特別說明者,不在此限) (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。(有特別說明者,不在此限) (*)5. 在「WEBXX」資料夾下建立「album」資料夾,再於「album」資料夾 下建立「album2」、「album5」等二個子資料夾,將製作相簿時分別所 完成的檔案放置在「album2」、「album5」等二個子資料夾中。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題「書曼的旅遊相簿」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(無框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表。 編號 檔案名稱框架頁名稱 說 明 1 title.htm title 標題頁(框架高度為30 像素) 2 menu.htm menu 選單頁(框架寬度150 像素) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需包含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景顏色#FFFFCC。 37 (*)3. 網頁背景音樂「0501.mid」。 (*)4. 框架高度固定、不可調整及無捲動軸。 (◎)5. 網頁內以跑馬燈動態方式,方向由右到左呈現「歡迎來到書曼的電子相 簿旅遊網,本網站有我的旅遊影像紀錄介紹耶!」,字型大小size=3、 標楷體、粗體、顏色#FF0000,跑馬燈呈現區域需於title 框架頁中水平 置中對齊、垂直置中對齊。(▲以每一字為扣分單位,扣分無上限) (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個 12×1(十二列一欄)表格,框線0 像素,水平置中對 齊。 (★)3. 製作一個「書曼的旅遊相簿」圖片,檔名為「0508.gif」、標楷體、外 框字效果、背景為透明色,每一個字初值顏色為書(000000)、曼 (FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) 等七種,然後依照下列方式,由左至右間隔約1 秒輪替循環變化(結果 可參考「範例0508.gif」檔 )。 (1)書(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) (2)書(FF00FF)、曼(000000)、的(FF0000)、旅(FFFF00)、遊(00FF00)、相(00FFFF)、簿(0000FF) (3)書(0000FF)、曼(FF00FF)、的(000000)、旅(FF0000)、遊(FFFF00)、相(00FF00)、簿(00FFFF) (4)書(00FFFF)、曼(0000FF)、的(FF00FF)、旅(000000)、遊(FF0000)、相(FFFF00)、簿(00FF00) (5)書(00FF00)、曼(00FFFF)、的(0000FF)、旅(FF00FF)、遊(000000)、相(FF0000)、簿(FFFF00) (6)書(FFFF00)、曼(00FF00)、的(00FFFF)、旅(0000FF)、遊(FF00FF)、相(000000)、簿(FF0000) (7)書(FF0000)、曼(FFFF00)、的(00FF00)、旅(00FFFF)、遊(0000FF)、相(FF00FF)、簿(000000) (*)4. 表格第一列插入圖片「0508.gif」,寬125 像素、高20 像素,水平置中 對齊,替代文字為「書曼的旅遊相簿」(注意:若應檢人無法完成前項 之圖片「0508.gif」,需以圖片「範例0508.gif」代替,以利完成替代文 字的設定)。 38 (*)5. 表格第二列插入圖片「0507.jpg」,寬120 像素、高120 像素,水平置 中對齊,替代文字為「書曼」。 (◎)6. 表格第四列插入圖片「0501b.gif」,水平置中對齊,替代文字為「金門 逍遙遊」,當滑鼠移過時交換成圖片「0501r.gif」。 (※)7. 表格第五列插入圖片「0502b.gif」,水平置中對齊,替代文字為「卡蹓 到馬祖」,當滑鼠移過時交換成圖片「0502r.gif」,並設定超連結到動 作要求(六) album2 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)8. 表格第六列插入圖片「0503b.gif」,水平置中對齊,替代文字為「踏浪 澎湖行」,當滑鼠移過時交換成圖片「0503r.gif」。 (◎)9. 表格第七列插入圖片「0504b.gif」,水平置中對齊,替代文字為「綠島 唱夜曲」,當滑鼠移過時交換成圖片「0504r.gif」。 (※)10.表格第八列插入圖片「0505b.gif」,水平置中對齊,替代文字為「蘭嶼 賞魚去」,當滑鼠移過時交換成圖片「0505r.gif」,並設定超連結到動 作要求(八) album5 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)11.表格第十列輸入日期「yyyy/mm/dd」,字型大小size=2、粗體、新細 明體、顏色#FF0000,水平置中對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (※)12.表格第十二列插入圖片「0506b.gif」,水平置中對齊,替代文字為「回 首頁」,當滑鼠移過時交換成圖片「0506r.gif」,並設定超連結到首頁 (index.htm 或default.htm),且在目標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0511.jpg」與「0509.jpg」做影像合成,存成「0511a.jpg」,圖 39 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0511.jpg) 相框 (0509.jpg) 合成圖片 (0511a.jpg) (※)3. 將圖片「0521.jpg」與「0509.jpg」做影像合成,存成「0521a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0521.jpg) 相框 (0509.jpg) 合成圖片 (0521a.jpg) (※)4. 將圖片「0531.jpg」與「0509.jpg」做影像合成,存成「0531a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0531.jpg) 相框 (0509.jpg) 合成圖片 (0531a.jpg) (※)5. 將圖片「0541.jpg」與「0509.jpg」做影像合成,存成「0541a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0541.jpg) 相框 (0509.jpg) 合成圖片 (0541a.jpg) 40 (※)6. 將圖片「0551.jpg」與「0509.jpg」做影像合成,存成「0551a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0551.jpg) 相框 (0509.jpg) 合成圖片 (0551a.jpg) (※)7. 將「0511a.jpg」、「0521a.jpg」、「0531a.jpg」、「0541a.jpg」、「0551a.jpg」 等五張圖片做影像合成(圖層依下圖順序排列,背景顏色為透明),存成 「0510a.gif」,參考完成結果如下圖。 (*)8. 網頁內插入圖片「0510a.gif」,寬610 像素、高300 像素,水平置中對 齊。 (◎)9. 圖片「0510a.gif」中之「0521a.jpg」的圖像上建立影像地圖(區域如下圖 虛線部分Part A),並設定超連結到動作要求(六) album2 資料夾中的首 頁(檔名自訂),且在main 框架頁中開啟。 41 (◎)10.圖片「0510a.gif」中之「0551a.jpg」的圖像上建立影像地圖(區域如上 圖虛線部分Part B),並設定超連結到動作要求(八) album5 資料夾中的 首頁(檔名自訂),且在main 框架頁中開啟。 (六) album2 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、顏色#FF0000,水平置中對齊。 (◎)3. 標題下方,將「0521.jpg」、「0522.jpg」、「0523.jpg」、「0524.jpg」、 「0525.jpg」等五張圖片製作一個由左至右 2×3(二列三欄)的電子相 簿,水平置中對齊,每張小圖片的外框線1 像素,並且依序編號。 (※)4. 電子相簿中的小圖片寬120 像素、高90 像素,設定超連結時的邊緣顏 色為:未瀏覽顏色#FF0000、已瀏覽顏色#0000FF、點選中顏色#00FF00, 並超連結到其相對應的網頁(檔名自訂,內容如動作要求(七)),且在main 框架頁中開啟相對應網頁之原圖片。 42 (七) album2 資料夾中的相對應網頁需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題文字「卡蹓到馬祖」,字型大小size=5、標 楷體、粗體、顏色#FF0000,水平置中對齊。 (*)3. 標題下方,依序輸入文字「 [上一頁] [索引] [下一頁] 」(含底線),字型 大小size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)4. [上一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線5 像 素,水平置中對齊;當展示第一張原圖片時,[上一頁] 需呈現,不設定 超聯結,底線需去掉,顏色#000000。 (◎)5. [索引] 設定超連結到動作要求(六) album2 資料夾中的首頁,並且在 main 框架頁中開啟。 (◎)6. [下一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線5 像 素,水平置中對齊;當展示最後一張原圖片時,[下一頁] 需呈現,不設 定超聯結,底線需去掉,顏色#000000。 43 (八) album5 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0551.jpg」、「0552.jpg」、「0553.jpg」、「0554.jpg」、「0555.jpg」 等五張圖片製作一個由左至右的電子相簿,每張小圖片寬60 像素、高 45 像素,水平置中對齊。 (※)3. 上圖中,下面的每張小圖片,設定超連結到其相對應網頁(檔名自訂), 44 並且開啟該原圖片,原圖片寬400 像素、高300 像素、框線5 像素,水 平置中對齊(例如點選第4 張的小圖片,則出現相對應之網頁,參考結 果如上圖),設定小圖片超連結時的邊緣顏色為:未瀏覽顏色#0000FF、 已瀏覽顏色#FF0000、點選中顏色#FFFF00。 (*)4. 原圖片上方輸入電子相簿標題文字「蘭嶼賞魚去」,字型大小size=5、 標楷體、粗體、底線、顏色#0000FF,水平置中對齊。 (*)5. 標題下方依序輸入文字「 [上一頁] [下一頁] 」(含底線),字型大小size =2、新細明體、顏色#0000FF,水平置中對齊。 (◎)6. [上一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線5 像素,水平置中對齊; 當展示第一張原圖片時,[上一頁] 需呈現,不設定超聯結,底線需去掉, 顏色#000000。 (◎)7. [下一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線5 像素,水平置中對齊; 當展示最後一張原圖片時,[下一頁] 需呈現,不設定超聯結,底線需去 掉,顏色#000000。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 45 試題編號:960306 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0601.txt、0602.txt、0603.txt 圖形檔 0601.jpg、0602.jpg、0603.jpg、0604.jpg 音樂檔 0601.mid 試題說明: 一、本試題為校園社團介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 46 檔均放置在「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 標題頁(框架高度為120 像素,並 且不允許改變頁框高度) 2 menu.htm menu 選單頁(框架寬度為30%) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為1 像素。 (*)2. 網頁背景顏色與圖片「0601.jpg」背景顏色相同。(顏色#F8FB9E) 47 (*)3. 網頁內輸入文字「國立玉山高中社團介紹網站」,字型大小size=3、 顏色#0000FF。 (*)4. 文字下方緊接著插入圖片「0601.jpg」,替代文字為「國立玉山高中- 回首頁」。 (◎)5. 當開啟網頁時,文字及圖片需以動態效果呈現,水平置中對齊、垂直置 中對齊。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (*)2. 網頁內製作一個 6×1(六列一欄)表格,框線0 像素,背景顏色#00FF00, 水平置中對齊。 (※)3. 製作如下圖之圖片「社團介紹」,檔名為「0605.jpg」、寬150 像素、 高60 像素、標楷體、背景為由左到右漸層色(#FFFF00 到 #FFFFFF)。 (*)4. 表格第一列插入圖片「0605.jpg」,水平置中對齊,替代文字為「國立 玉山高中社團介紹」。 (*)5. 表格第二列輸入文字「棒球社」,顏色#0000FF,水平置中對齊。 (◎)6. 表格第三列輸入文字「吉他社」,顏色#0000FF,水平置中對齊,當滑 鼠移到「吉他社」文字上時需呈現動態效果,並設定超連結到動作要求 (六)中的guitar_history.htm 網頁,且在main 框架頁中開啟。 (*)7. 表格第四列輸入文字「舞蹈社」,顏色#0000FF,水平置中對齊。 (*)8. 表格第五列輸入文字「童軍社」,顏色#0000FF,水平置中對齊。 (◎)9. 表格第六列輸入文字「聯絡我們」,顏色#0000FF,水平置中對齊,當 滑鼠移到「聯絡我們」文字上時需呈現動態效果,並且設定超連結到電 子郵件「society@mail.yusan.edu.tw」。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#FFFFFF,水 平置中對齊。 48 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (★)2. 將圖片「0602.jpg」與「0604.jpg」做影像合成,存成「0606.jpg」。圖 中人物的大小、位置及圖片寬高均不變動,參考完成結果如下圖。 原圖片 (0602.jpg) 背景圖 (0604.jpg) 合成圖片 (0606.jpg) (※)3. 網頁內插入合成圖片「0606.jpg」,寬102 像素、高128 像素,水平置 中對齊,替代文字為「校長玉照」;圖片下方輸入校長的話(文字資料 如下) ,字型大小size=3、標楷體、斜體、顏色#FF0000,水平置中對 齊。(▲以每一字為扣分單位,扣分無上限) 圖片與文字呈現如下(校長的話需在合成圖片下方,佔五列): 嗨!歡迎加入玉山高中。 參加社團不僅可以豐富自己的人生、寬闊自己的視野, 也能砥礪技能、磨練人際、培養第二專長。 選擇一項您喜歡的社團,積極的參與和投入, 您會獲得一陣陣的驚喜! (*)4. 校長的話下方插入分隔線,線高9 像素,顏色#FFFF00,水平置中對齊。 (◎)5. 分隔線下輸入文字「網頁設計及維護:○○○」,字型大小size=2、 49 標楷體、粗體、斜體、加底線、顏色#00FF00,水平置中對齊。 【說明 ○○○為應檢人姓名】 (六) guitar_history.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內以動態效果呈現「吉他社社史」文字,字型大小size=4、標楷 體、顏色# FF00FF,水平置中對齊。 (*)4. 「吉他社社史」文字下方製作一個1×3(一列三欄)表格,框線0 像素, 水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社教學內容」,水平置中對齊,並設 定超連結到guitar_learning.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方匯入檔案「0601.txt」內含之文字,字型大小size=3、標楷體、 顏色#0000FF。 (七) guitar_event.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內以動態效果呈現「吉他社近期活動公告」文字,字型大小size= 4、標楷體、顏色#0000FF,水平置中對齊。 (*)4. 「吉他社近期活動公告」文字下方製作一個1×3(一列三欄)表格,框 線0 像素,水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 50 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社教學內容」,水平置中對齊,並設 定超連結到guitar_learning.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方再製作一個1×4(一列四欄)表格,框線0 像素,水平置中對 齊,每一欄儲存格內分別依序匯入檔案「0602.txt」內含之日期,並且 以書籤的方式設定連結到該活動日期之段落,使其能移到最上方呈現。 (◎)9. 與上面表格間隔一空白段落,製作一個5×2(五列二欄)表格,框線0 像素,水平置中對齊,表格第一欄儲存格由上至下依照檔案「0602.txt」 中近期活動日期內容(含「近期活動」文字),依日期順序分別填入相關 內容於各儲存格,字型大小size=3、標楷體、顏色分別為:第一列第 一欄顏色#800000、第二列第一欄顏色#FF0000、第三列第一欄顏色 #000000、第四列第一欄顏色#00FF00、第五列第一欄顏色#0000FF。 (◎)10.表格第二欄之二到五列儲存格輸入文字「TOP」,顏色自訂,並且設定 使其能跳回此網頁最上方。 (八) guitar_learning.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內輸入文字「吉他社教學內容」,字型大小size=4、標楷體、顏 色#00FF00,水平置中對齊,以動態效果呈現。 (*)4. 「吉他社教學內容」文字下方製作一個1×3(一列三欄)表格,框線0 像素,水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 51 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (※)8. 表格下方匯入檔案「0603.txt」內含之文字,並將各文字所述之教學項 目製作成按鈕,按鈕之間需有空白分隔,且以動態效果呈現。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 52 試題編號:960307 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 圖形檔 0701.jpg、0702.jpg、0703.jpg、0704.gif、0705.jpg、範例 0704A.gif、範例0705A.gif 音樂檔 0701.mid 試題說明: 一、本試題為運動廣場連結網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾(XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm 與 main.htm 等二個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 53 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「sfm」資料夾,存放sfm1.htm、sfm2.htm、 sfm3.htm 等三個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,放置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁的標題為「運動廣場連結網」。 (◎)3. 首頁需設定為框架式網頁,分割為左、右兩個框架(有框架線),分別 連結到二個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱說明 1 title.htm title 標題頁(寬度為75 像素) 2 main.htm main 主網頁 格式 title.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景圖片「0701.jpg」。 (※)3. 將圖片「0705.jpg」製作具動態效果的新圖片「0705A.gif」,大小維持 不變,互換間隔為1.5 秒;動態效果參考「範例0705A.gif」檔。 54 (*)4. 網頁內插入圖片「0705A.gif」,水平置左對齊,替代文字為「運動廣場 連結網首頁」(注意:若應檢人無法完成前項之圖片「0705A.gif」,需 以原圖片「0705.jpg」代替,以利完成替代文字的設定)。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0702.jpg」。 (◎)2. 網頁內製作一個 6×3(六列三欄)表格,框線0 像素、寬85%,水平置 中對齊。 (★)3. 將圖片「0704.gif」製作具動態效果的新圖片「0704A.gif」,大小維持 不變,左右兩側的球需呈現「順時針」之原地自轉效果,旋轉角度變化 為18 度,原始圖片「0704.gif」中的「運動廣場」四字之動態效果需完 全保留於新的圖片「0704A.gif」中(結果可參考「範例0704A.gif」檔, 但請注意:下一動作禁止使用「範例0704A.gif」檔)。 (*)4. 表格第一列合併為一欄插入圖片「0704A.gif」,水平置中對齊,替代文 字為「運動廣場連結網-回首頁」(注意:若應檢人無法完成前項之圖 片「0704A.gif」,需以原圖片「0704.gif」代替,以利完成替代文字的 設定)。 (◎)5. 表格第二列第二欄輸入文字「臺灣職棒」,背景顏色#00FF00,水平置 中對齊,並設定超連結到sfm1.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格第三列第一欄輸入文字「美國職棒」,背景顏色#FFFF00,水平置 中對齊,並設定超連結到sfm2.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第三列第三欄輸入文字「日本職棒」,背景顏色#FF0000,水平置 中對齊,並設定超連結到sfm3.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格第五列的儲存格合併,輸入文字「聯絡我們」,背景顏色#FF0000, 水平置中對齊,並且設定超連結到電子郵件「admin@sportplaza.com.tw」。 (◎)9. 表格第六列的儲存格合併,輸入文字「訪客留言」,背景顏色#FFFF00, 水平置中對齊,並設定超連結到message.htm 網頁,且在目標框架為 「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框 55 架頁中再分割,造成混亂畫面。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#FF00FF,水 平置左對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) sfm1.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#0000FF、 寬100%、高80%、背景顏色#FFFFCC,水平置中對齊。 (*)3. 表格第一列輸入文字「臺灣職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (六) sfm2.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#FF0000、 寬100%、高80%、背景顏色#00FF00,水平置中對齊。 (*)3. 表格第一列輸入文字「美國職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) sfm3.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#FF00FF、 寬100%、高80%、背景顏色#FFFF00,水平置中對齊。 (*)3. 表格第一列輸入文字「日本職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) message.htm 網頁需含下面的資訊: 56 (*)1. 網頁標題為「訪客留言板」。 (*)2. 網頁背景圖片「0703.jpg」。 (*)3. 網頁背景音樂「0701.mid」。 (◎)4. 網頁內輸入文字「謝謝蒞臨本網站,請給予我們支持、鼓勵與建言」, 並且以動態方式呈現。 (*)5. 文字下方製作一個6×2(六列二欄)表單,第一欄寬100 像素、第二欄 寬300 像素,儲存格與邊框距離0 像素、儲存格間距0 像素、框線1 像 素、顏色#000000,水平置中對齊,內容與格式參考如下: (◎)6. 表單第一列第一欄輸入文字「姓名」,水平置中對齊、垂直置中對齊; 表單第一列第二欄為姓名的文字方塊,寬20 字元,水平置左對齊、垂 直置中對齊。 (◎)7. 表單第二列第一欄輸入文字「性別」,水平置中對齊、垂直置中對齊; 表單第二列第二欄為「男」、「女」等二選項按鈕,預設值為「女」, 水平置左對齊、垂直置中對齊。 (◎)8.表單第三列第一欄輸入文字「學歷」,水平置中對齊、垂直置中對齊; 表單第三列第二欄為學歷的下拉式清單方塊,由上而下依序為「高中 職」、「專科」、「大學」、「研究所」、「博士」等五個選項,預設 值為「專科」,水平置左對齊、垂直置中對齊。 (◎)9. 表單第四列第一欄輸入文字「留言內容」,水平置中對齊、垂直置中對 齊;表單第四列第二欄為留言內容的文字區域(TextArea),右邊要有垂 直捲軸,高5 列文字,寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單第五列第一欄輸入文字「電子郵件」,水平置中對齊、垂直置中對 齊;表單第五列第二欄為電子郵件的文字方塊,寬40 字元,水平置左 57 對齊、垂直置中對齊。 (◎)11.表單第六列第一欄製作「送出」、「重寫」等二個按鈕。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 58 試題編號:960308 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0801.txt、0802.txt、0803.txt 圖形檔 0801.jpg、0802.jpg、0803.jpg、0804.jpg、0805.jpg、0806.jpg、 0807.jpg、0808.jpg~0813.jpg、national_park.jpg 音樂檔 0801.mid 資料檔 park.exe 試題說明: 一、本試題為國家公園介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 59 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「park」資料夾,存放aa.htm、bb.htm、cc.htm、 dd.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「國家公園介紹網站」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(框架高度為109 像素) 2 menu.htm menu 選單頁(框架寬度為20%) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為1。 (*)2. 網頁背景顏色#0000FF。 60 (※)3. 從「0808.jpg」、「0809.jpg」、「0810.jpg」、「0811.jpg」、「0812.jpg」、 「0813.jpg」等六張圖片中任選三張製作具動態效果的標題圖片,並需 在同一位置以間隔一秒的速度輪播,輪播時三張圖片皆不得有毛邊現象 (亦即三張圖片需調整大小一致)。 (◎)4. 網頁內插入製作完成的標題圖片,水平置中對齊,並設定圖片超連結到 「國家公園介紹網」首頁,且在目標框架為「_top」中開啟,不得在 main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫 面。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FF00FF。 (*)2. 網頁內製作一個 7×1(七列一欄)表格,框線0 像素,水平置中對齊。 (★)3. 表格第一、三、五、七列分別插入0805.jpg、0806.jpg、0804.jpg、0803.jpg 等四張圖片,每張圖片寬120 像素、高40 像素,水平置中對齊,當滑 鼠移過時需呈現同樣圖片、不同顏色的動態效果。 (◎)4. 表格中「陽明山國家公園」圖片替代文字為「陽明山國家公園」,並設 定超連結到動作要求(六)aa.htm 網頁,且在main 框架頁中開啟。 (◎)5. 表格中「雪霸國家公園」圖片替代文字為「雪霸國家公園」,並設定超 連結到動作要求(七)bb.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格中「太魯閣國家公園」圖片替代文字為「太魯閣國家公園」,並設 定超連結到動作要求(八)cc.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格中「玉山國家公園」圖片替代文字為「玉山國家公園」,並設定超 連結到動作要求(九)dd.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方輸入文字「檔案下載」,水平置中對齊,並設定超連結,且在 點選超連結後具有下載park.exe 檔案的功能(即彈出檔案下載的視窗)。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0801.jpg」。 (*)2. 網頁背景音樂「0801.mid」。 61 (◎)3. 網頁內以跑馬燈動態方式呈現文字「歡迎進入國家公園介紹網,本網站 有詳細的國家公園介紹哦!」,跑馬燈呈現區域需水平置中對齊。(▲ 以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方插入圖片「national_park.jpg」,水平置中對齊。 (◎)5. 圖片中文字圖像「陽明山國家公園」上建立矩形影像地圖,並設定超連 結到動作要求(六)中的aa.htm 網頁,且在main 框架頁中開啟。 (◎)6. 圖片中文字圖像「雪霸國家公園」上建立矩形影像地圖,並設定超連結 到動作要求(七)中的bb.htm 網頁,且在main 框架頁中開啟。 (◎)7. 圖片中文字圖像「太魯閣國家公園」上方之黃色紅邊區域,建立影像地 圖(需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(八) 中的cc.htm 網頁,且在main 框架頁中開啟。 (◎)8. 圖片中文字圖像「玉山國家公園」左方之黃色紅邊區域,建立影像地圖 (需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(九)中 的dd.htm 網頁,且在main 框架頁中開啟。 (◎)9. 圖片下方分別輸入兩列文字,第一列輸入文字「最近更新日期: yyyy/mm/dd」,顏色#FF00FF,水平置右對齊;第二列輸入文字「資料 來源:內政部營建署『臺灣的國家公園』網站」,顏色#FF00FF,水平 置右對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (六) aa.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0805.jpg」,水平置左對齊。 (◎)3. 圖片下方輸入如下所示文字,字型大小size=3、標楷體、粗體、斜體、 顏色#FF0000,水平置中對齊。(▲以每一字為扣分單位,扣分無上限)。 「陽明山國家公園」位處臺北盆地北緣,東起磺嘴山、五指山東側,西 至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面 62 積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) bb.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0806.jpg」及「0807.jpg」以上下並列、水平置中對齊方式製作 成圖片「0814.jpg」,寬340 像素、高280 像素。 (*)3. 網頁內插入圖片「0814.jpg」,水平置左對齊。 (◎)4. 圖片下方匯入檔案「0803.txt」內含之文字,水平置中對齊。 (◎)5. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) cc.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0804.jpg」,水平置左對齊。 (◎)3. 圖片下方匯入檔案「0802.txt」內含之文字,水平置中對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (九) dd.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0803.jpg」,水平置左對齊。 (◎)3. 圖片下方匯入檔案「0801.txt」內含之文字,水平置中對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 63 試題編號:960309 軟體安裝及測驗時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0901.txt、0902.txt 圖形檔 0901.jpg、0902.jpg、0903.jpg、0904.jpg、0905.jpg、0906.jpg、 0907.jpg 音樂檔 0901.mid 試題說明: 一、本試題為網路行銷購物網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 main.htm、bottom.htm 等三個檔案。 64 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用的音樂檔 均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「results」資料夾,存放fax1.htm、fax2.htm、 company.htm、message.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「大家來購物網」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為20%) 2 main.htm main 主網頁 3 bottom.htm bottom 交流頁(高度為15%) 格式 title.htm main.htm bottom .htm (三) title.htm 網頁必須包含下面的資訊: (*)1. 網頁背景圖片「0902.jpg」。 (*)2. 網頁背景音樂「0901.mid」。 65 (*)3. 框架高度可調整大小。 (*)4. 框架可自動顯示捲動軸。 (◎)5. 網頁內插入圖片「0901.jpg」,水平置中對齊,並設定超連結到檔案 「0901.txt」,且在目標框架為「_self」中開啟。 (◎)6. 圖片下方輸入文字「大家來購物網—回首頁」,字型大小size=4、顏 色# FF0000,並設定超連結到首頁(default.htm 或index.htm),且在目 標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容, 而導致框架頁中再分割,造成混亂畫面。 (四) main.htm 網頁必須包含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (◎)2. 網頁內輸入文字「大家來購物網公司」,字型大小size=4,並設定超 連結到company.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 文字下方以跑馬燈動態方式呈現文字「大家來購物網!傳真機特價大拍 賣!要買要快!」。(▲以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方製作一個 3×2(三列二欄)表格,框線1 像素、表格寬500 像素,表格背景圖片「0903.jpg」,水平置中對齊。 (◎)5. 表格第一列第一欄插入圖片「0904.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到fax1.htm 網頁,且在目標 框架為「_blank」中開啟。 (◎)6. 表格第一列第二欄插入圖片「0905.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到fax2.htm 網頁,且在目標 框架為「_blank」中開啟。 (*)7. 表格第二列第一欄輸入文字「甲牌傳真機」,水平置中對齊、垂直置中 對齊。 (*)8. 表格第二列第二欄輸入文字「乙牌傳真機」,水平置中對齊、垂直置中 對齊。 (◎)9. 表格第三列第一欄插入三個表單的選項按鈕,由左到右名稱依序為「購 66 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「購買」,水平置中對齊、垂直置中對齊。 (◎)10.表格第三列第二欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「考慮中」,水平置中對齊、垂直置中對齊。 (◎)11.表單下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表格完成後參考如下所示: (◎)12. 表格下方輸入文字「我有話要說」,水平置左對齊,並且設定超連結 到電子郵件「service@test.labor.gov.tw」。 (五) bottom.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0906.jpg」。 (◎)2. 網頁內輸入文字「訪客留言板」,水平置左對齊,並設定超連結到 message.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 「訪客留言板」文字下方輸入文字「聯絡我們」,並且設定超連結到電 子郵件「service@test.labor.gov.tw」。 (六) fax1.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0904.jpg」圖片向左旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「甲牌傳真機」。 (◎)3. 圖片下方匯入檔案「0902.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 67 (七) fax2.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0905.jpg」圖片向右旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「乙牌傳真機」。 (◎)3. 圖片下方匯入檔案「0902.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 (八) company.htm 網頁包含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個3×2(三列二欄)表格,第一欄寬150 像素、第二欄寬 350 像素,表格水平置中對齊。 (*)3. 表格第一列第一欄輸入文字「公司名稱」,水平置中對齊;表格第一列 第二欄輸入文字「大家來購物有限公司」,水平置中對齊。 (*)4. 表格第二列第一欄輸入文字「公司電子信箱」,水平置中對齊;表格第 二列第二欄輸入文字「service@test.labor.gov.tw」,水平置中對齊。 (*)5. 表格第三列第一欄輸入文字「服務項目」,水平置中對齊;表格第三列 第二欄輸入文字「網路購物服務」,水平置中對齊。 表格完成後參考如下所示: (*)6. 表格下方製作一個3×2(三列二欄)表單,第一欄寬150 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)7. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 68 對齊、垂直置中對齊。 (◎)9. 表單第三列第一欄輸入文字「意見留言」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為意見留言的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單內下方製作「送出」、「重置」等二個按鈕。 表單完成後參考如下所示: (九) message.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0907.jpg」,高100 像素、寬450 像素,水平置中對 齊。 (*)3. 圖片下方製作一個 3x2(三列二欄)表單,第一欄寬100 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)4. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)5. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)6. 表單第三列第一欄輸入文字「您的意見」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為您的意見的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 69 (◎)7. 表單內下方製作「送出意見」、「清除意見」等二個按鈕,且水平置中 對齊。 表單完成後參考如下所示: (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 70 試題編號:960310 軟體安裝及測驗時間:120 分鐘 所需檔案: 資料檔名稱 檔 案 名 稱 圖形檔 1001b.gif、1001r.gif、1002b.gif、1002r.gif、1003b.gif、1003r.gif、 1004b.gif、1004r.gif、1005b.gif、1005r.gif、1006b.gif、1006r.gif、 1007.jpg、範例1008.gif、1009.jpg、1011.jpg、1021.jpg、1022.jpg、 1023.jpg、1024.jpg、1025.jpg、1031.jpg、1041.jpg、1051.jpg、 1052.jpg、1053.jpg、1054.jpg、1055.jpg 音樂檔 1001.mid 試題說明: 一、本試題為電子相簿旅遊網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 71 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。(有特別說明者,不在此限) (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。(有特別說明者,不在此限) (*)5. 在「WEBXX」資料夾下建立「album」資料夾,再於「album」資料夾 下建立「album2」、「album5」等二個子資料夾,將製作相簿時分別所 完成的檔案放置在「album2」、「album5」等二個子資料夾中。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題「書曼的旅遊相簿」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(無框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表。 編號 檔案名稱 框架頁名稱說 明 1 title.htm title 標題頁(框架高度為30 像素) 2 menu.htm menu 選單頁(框架寬度150 像素) 3 main.htm main 主網頁 格式 title.htm main.htm menu.htm (三) title.htm 網頁需包含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景顏色#FFFFCC。 72 (*)3. 網頁背景音樂「1001.mid」。 (*)4. 框架高度固定、不可調整及無捲動軸。 (◎)5. 網頁內以跑馬燈動態方式、方向由左到右呈現「!耶紹介錄紀像影遊旅 的我有站網本,網遊旅簿相子電的曼書到來迎歡」,字型大小size=3、 標楷體、粗體,顏色#0000FF,跑馬燈呈現區域需於title 框架頁中水平 置中對齊、垂直置中對齊。(▲以每一字為扣分單位,扣分無上限) (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個 12×1(十二列一欄)表格,框線0 像素,水平置中對 齊。 (★)3. 製作一個「書曼的旅遊相簿」圖片,檔名為「1008.gif」、標楷體、外 框字效果、背景為透明色,每一個字初值顏色為書(000000)、曼 (FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) 等七種,然後依照下列方式,由右至左間隔約1 秒輪替循環變化(結果 可參考「範例1008.gif」檔)。 (1)書(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) (2)書(FF0000)、曼(FFFF00)、的(00FF00)、旅(00FFFF)、遊(0000FF)、相(FF00FF)、簿(000000) (3)書(FFFF00)、曼(00FF00)、的(00FFFF)、旅(0000FF)、遊(FF00FF)、相(000000)、簿(FF0000) (4)書(00FF00)、曼(00FFFF)、的(0000FF)、旅(FF00FF)、遊(000000)、相(FF0000)、簿(FFFF00) (5)書(00FFFF)、曼(0000FF)、的(FF00FF)、旅(000000)、遊(FF0000)、相(FFFF00)、簿(00FF00) (6)書(0000FF)、曼(FF00FF)、的(000000)、旅(FF0000)、遊(FFFF00)、相(00FF00)、簿(00FFFF) (7)書(FF00FF)、曼(000000)、的(FF0000)、旅(FFFF00)、遊(00FF00)、相(00FFFF)、簿(0000FF) (*)4. 表格第一列插入圖片「1008.gif」,寬125 像素、高20 像素,水平置中 對齊,替代文字為「書曼的旅遊相簿」(注意:若應檢人無法完成前項 之圖片「1008.gif」,需以圖片「範例1008.gif」代替,以利完成替代文 字的設定)。 73 (*)5. 表格第二列插入圖片「1007.jpg」,寬120 像素、高120 像素,水平置 中對齊,替代文字為「書曼」。 (◎)6. 表格第四列插入圖片「1001r.gif」,水平置中對齊,替代文字為「金門 逍遙遊」,當滑鼠移過時交換成圖片「1001b.gif」。 (※)7. 表格第五列插入圖片「1002r.gif」,水平置中對齊,替代文字為「卡蹓 到馬祖」,當滑鼠移過時交換成圖片「1002b.gif」,並設定超連結到動 作要求(六) album2 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)8. 表格第六列插入圖片「1003r.gif」,水平置中對齊,替代文字為「踏浪 澎湖行」,當滑鼠移過時交換成圖片「1003b.gif」。 (◎)9. 表格第七列插入圖片「1004r.gif」,水平置中對齊,替代文字為「綠島 唱夜曲」,當滑鼠移過時交換成圖片「1004b.gif」。 (※)10.表格第八列插入圖片「1005r.gif」,水平置中對齊,替代文字為「蘭嶼 賞魚去」,當滑鼠移過時交換成圖片「1005b.gif」,並設定超連結到動 作要求(八) album5 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)11.表格第十列輸入日期「yyyy/mm/dd」,字型大小size=2、粗體、新細 明體、顏色#0000FF,水平置中對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份, dd:日期】 (※)12.表格第十二列插入圖片「1006r.gif」,水平置中對齊,替代文字為「回 首頁」,當滑鼠移過時交換成圖片「1006b.gif」,並設定超連結到首頁 (index.htm 或default.htm),且在目標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「1011.jpg」與「1009.jpg」做影像合成,存成「1011a.jpg」,圖 74 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1011.jpg) 相框 (1009.jpg) 合成圖片 (1011a.jpg) (※)3. 將圖片「1021.jpg」與「1009.jpg」做影像合成,存成「1021a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1021.jpg) 相框 (1009.jpg) 合成圖片 (1021a.jpg) (※)4. 將圖片「1031.jpg」與「1009.jpg」做影像合成,存成「1031a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1031.jpg) 相框 (1009.jpg) 合成圖片 (1031a.jpg) (※)5. 將圖片「1041.jpg」與「1009.jpg」做影像合成,存成「1041a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1041.jpg) 相框 (1009.jpg) 合成圖片 (1041a.jpg) 75 (※)6. 將圖片「1051.jpg」與「1009.jpg」做影像合成,存成「1051a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1051.jpg) 相框 (1009.jpg) 合成圖片 (1051a.jpg) (※)7. 將「1011a.jpg」、「1021a.jpg」、「1031a.jpg」、「1041a.jpg」、「1051a.jpg」 等五張圖片做影像合成(圖層請依下圖順序排列,背景顏色為透明),存 成「1010a.gif」,參考完成結果如下圖。 (*)8. 網頁內插入圖片「1010a.gif」,寬350 像素、高480 像素,水平置中對 齊。 (◎)9. 圖片「1010a.gif」中之「1021a.jpg」的圖像上建立影像地圖(區域如下圖 虛線部分Part A),並設定超連結到動作要求(六) album2 資料夾中的首 頁(檔名自訂),且在main 框架頁中開啟。 76 (◎)10.圖片「1010a.gif」中之「1051a.jpg」的圖像上建立影像地圖(區域如上 圖虛線部分Part B),並設定超連結到動作要求(八) album5 資料夾中的 首頁(檔名自訂),並且在main 框架頁中開啟。 (六) album2 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、底線、顏色#0000FF,水平置中對齊。 (◎)3. 標題下方,將「1021.jpg」、「1022.jpg」、「1023.jpg」、「1024.jpg」、 「1025.jpg」等五張圖片製作一個由左至右 3×2(三列二欄)的電子相 簿,水平置中對齊,每張小圖片外框線1 像素,並且依序編號。 (※)4. 電子相簿中的小圖片寬120 像素、高90 像素,設定超連結時的邊緣顏 色為:未瀏覽顏色#0000FF、已瀏覽顏色#FF0000、點選中顏色#00FF00, 並超連結到其相對應的網頁(檔名自訂,內容如動作要求(七)),且在main 框架頁中開啟相對應網頁之原圖片。 77 (七)album2 資料夾中的相對應網頁需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、底線、顏色#0000FF,水平置中對齊。 (*)3. 標題下方依序輸入文字「 [上一頁] [索引] [下一頁] 」(含底線),字型大 小size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)4. [上一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線3 像 素,水平置中對齊;當展示第一張原圖片時,[上一頁] 需呈現,不設定 超聯結,底線需去掉,顏色#000000。 (◎)5. [索引] 設定超連結到動作要求(六) album2 資料夾中的首頁,並且在 main 框架頁中開啟。 (◎)6. [下一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 78 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線3 像 素,水平置中對齊;當展示最後一張原圖片時,[下一頁] 需呈現,不設 定超聯結,底線需去掉,顏色#000000。 (八) album5 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「1051.jpg」、「1052.jpg」、「1053.jpg」、「1054.jpg」、「1055.jpg」 等五張圖片製作一個由左至右的電子相簿,每張小圖片寬60 像素,高 45 像素,水平置中對齊。 79 (※)3. 上圖中,上面的每張小圖片,設定超連結到其相對應網頁(檔名自訂), 並且開啟該原圖片,原圖片寬400 像素、高300 像素、框線3 像素,水 平置中對齊(例如點選第4 張的小圖片,則出現相對應之網頁,參考結 果如上圖),設定小圖片超連結時的邊緣顏色為:未瀏覽顏色#00FF00、 已瀏覽顏色#FFFF00、點選中顏色#FF0000。 (*)4. 原圖片上方輸入電子相簿標題文字「蘭嶼賞魚去」,字型大小size=5、 標楷體、粗體、底線、顏色#FF0000,水平置中對齊。 (*)5. 標題下方,依序輸入文字「 [上一頁] [下一頁] 」(含底線),字型大小 size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)6. [上一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線3 像素,水平置中對齊; 當展示第一張原圖片時,[上一頁] 需呈現,不設定超聯結,底線需去掉, 顏色#000000。 (◎)7. [下一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線3 像素,水平置中對齊; 當展示最後一張原圖片時,[下一頁] 需呈現,不設定超聯結,底線需去 掉,顏色#000000。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 80 拾、網頁設計丙級技術士技能檢定術科測試時間配當表 每一檢定場,每日排定測試場次為上、下午各乙場,程序表如下: 時間 內容 備註 08:30~09:10 1.監評前協調會議(含監評人員檢查機具設備及清空檢 定用隨身碟資料) 2.應檢人報到完成 3.應檢人抽題及工作崗位 4.場地設備作業說明 5.測試應注意事項說明 6.應檢人試題疑義說明 7.應檢人檢查設備 8.其他事項 09:10~11:10 第一場測試 術科測試時間120 分鐘 11:10~12:30 1.監評人員進行評分 2.監評人員休息用膳 3.監評人員檢查機具設備及清空檢定用隨身碟資料 12:30~13:10 1.應檢人報到完成 2.應檢人抽題及工作崗位 3.場地設備作業說明 4.測試應注意事項說明 5.應檢人試題疑義說明 6.應檢人檢查設備 7.其他事項 13:10~15:10 第二場測試 術科測試時間120 分鐘 15:10~15:50 監評人員進行評分 15:50~ 檢討會(監評人員及術科測試辦理單位視需要召開)

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ ※ ※ ※ ※ ※ 網頁設計丙級技術士技能檢定術科測試應檢參考資料 ※ ※ ※ ※ ※ ※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ 試題編號:17300-960301~10 審定日期: 96 年 12 月 1 日 修訂日期: 97 年 10 月 1 日 98 年 12 月 1 日 101 年 03 月 3 日 網頁設計丙級技術士技能檢定術科測試應檢參考資料目錄(第二部分) 壹、網頁設計丙級技術士技能檢定術科測試應檢人須知.................................................... 1 貳、網頁設計丙級技術士技能檢定術科測試應用軟體使用須知........................................ 3 參、網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表…………………….4 肆、網頁設計丙級技術士技能檢定術科測試試題使用說明................................................ 5 伍、網頁設計丙級技術士技能檢定術科測試檢定流程圖.................................................... 6 陸、網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表.................................... 7 柒、網頁設計丙級技術士技能檢定術科測試評審表............................................................ 8 捌、網頁設計丙級技術士技能檢定術科測試試題名稱及編號............................................ 9 玖、網頁設計丙級技術士技能檢定術科測試檢定試題 試題編號:960301.......................................................................................................... 10 試題編號:960302.......................................................................................................... 17 試題編號:960303.......................................................................................................... 23 試題編號:960304.......................................................................................................... 28 試題編號:960305.......................................................................................................... 35 試題編號:960306.......................................................................................................... 45 試題編號:960307.......................................................................................................... 52 試題編號:960308.......................................................................................................... 58 試題編號:960309.......................................................................................................... 63 試題編號:960310.......................................................................................................... 70 拾、網頁設計丙級技術士技能檢定術科測試時間配當表.................................................. 80 1 壹、網頁設計丙級技術士技能檢定術科測試應檢人須知 一、 檢定內容為測試應檢人從事於視窗環境的網頁製作、美工及應用網頁物件的能力。 二、 注意事項: (一) 術科測試不分站,應檢人需於規定時間內完成試題之功能要求,成績及格者, 術科檢定評定為及格。 (二) 應檢人依接到通知的日期、時間,準時向考場報到,辦理驗證手續。應檢人 若遲到逾時15 分鐘者,以棄權論,不予補檢。應檢人若遲到逾時15 分鐘以 內者,不得因遲到而要求補加測試時間。 (三) 試題及檢定用光碟片,需經術科辦理單位蓋有戳記者方為有效。 (四) 應檢人使用之作業系統依考場使用之平台為主。 (五) 應檢人在測試開始前,應檢查所需使用之器材,如有問題,應立即報告監評 人員處理,否則一切受測設備之毀損,術科辦理單位得要求應檢人照價賠償。 (六) 應檢人若自備使用之電腦軟體時,須符合「術科測試應用軟體使用須知」之 各項規定,若應檢人不遵守「術科測試應用軟體使用須知」之任一規定時, 應檢人將被拒絕參加術科測試,並以零分論處。 (七) 應檢人所攜帶的自行安裝網頁設計相關軟體必須為貼有原版標籤之合法原版 光碟軟體(原版磁碟片及僅具授權書之光碟片及試用版軟體,均不予接受),應 檢人不得攜帶非法軟體或其它燒錄光碟進場,否則以零分論處。 (八) 應檢人自備之軟體於測試前應完成偵毒工作,確保不含病毒。 (九) 應檢人不得夾帶任何與測試有關的書面資料或電子檔進場,一經發現,即視 為作弊,並以零分論處。 (十) 應檢人不得將試場內之任何器材及資料等攜出場外,否則以零分論處。 (十一) 應檢人不得接受他人協助或協助他人受檢,如發現則視為作弊,雙方均以零 分論處。 (十二) 蓄意損壞公物設備者,照價賠償外,並依法處理。 (十三) 應檢人於測試進行中,應遵守測試場內外秩序,禁止吸煙、窺視、嘻鬧、喧 嘩。 2 (十四) 應檢人於測試進行中,若因急迫需上洗手間,須取得監評人員同意並指派專 人陪往,應檢人不得因此要求增加測試時間。 (十五) 應檢人完成後舉手即可開始評分,一經評分後,不得要求更改。評分後應依 照監評人員指示將USB 埠封條拆除,並將完成結果備份至考場提供之檢定 用隨身碟。若應檢人不配合備份程序,則視為重大缺點,以不及格論。 (十六) 應檢人不得將檢定用光碟片、試題本、網頁製作軟體等試場用品攜出場外。 (十七) 應檢人於受檢時,不得要求監評人員公布術科測試成績。 (十八) 應檢人於受檢時,一經監評人員評定後,應檢人不得要求更改。 (十九) 如有其他相關事項,另於考場說明之。 3 貳、網頁設計丙級技術士技能檢定術科測試應用軟體使用須知 術科辦理單位所準備或使用之各種電腦軟體均需具有合法版權,並且應於每一測試 場次中,至少備妥一種可完成術科測試試題中各項要求之網頁設計軟體(檢定場地20 崗 位者需準備24 套;檢定場地30 崗位者需準備35 套),提供應檢人術科測試時安裝及使 用。術科辦理單位於應檢日十四天前(日期以郵戳為憑),寄交應檢人測試相關資料時, 應將所備妥之應用軟體填入「檢定場地設備規格表」中,一併告知應檢人。術科辦理單 位所備之軟體應為貼有原版標籤之合法原版光碟軟體〈原版磁碟片及僅具授權書之光 碟,均不予接受〉。 若術科辦理單位所提供之中文輸入法或所準備之網頁設計軟體不合應檢人所需 時,應檢人可自行準備所需之中文輸入法軟體及網頁設計軟體,但應檢人所自備之軟 體,必須符合下列各項規定,若有任何版權問題時,其法律責任應由應檢人自行負責。 一、 應檢人自備之電腦軟體應為貼有原版標籤之合法原版光碟軟體(原版磁碟片、試用 版或僅具授權書之光碟片,均不予接受)。 二、 應檢人自備之電腦軟體,若不能完成術科測試試題之各項要求時,由應檢人自行負 責。 三、 應檢人須於應檢日七個工作天前(日期以郵戳為憑)將「自備之電腦軟體及聯絡電 話」以「雙掛號限時專送」寄給術科辦理單位檢查及認證,術科辦理單位應儘快於 檢定前三個工作天通知應檢人驗證結果。 四、 應檢人寄給術科辦理單位之電腦軟體,經術科辦理單位檢查及認證合格後,術科辦 理單位將於應檢日把該電腦軟體發給該應檢人,以俾該應檢人於術科測試時安裝及 使用。若該電腦軟體經考場檢查及認證不合格時,應檢人於術科測試時,將不可使 用該電腦軟體,後果由應檢人自行負責。 五、 需經術科辦理單位檢查及認證之應用軟體,亦必須為貼有原版標籤之合法原版光碟 軟體(原版磁碟片、試用版或僅具授權書之光碟片,均不予接受)。 六、 應檢人所自備之電腦軟體中,若含有任何與考題有關之資料或巨集時,將以考試作 弊論處。 4 參、網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表 術科測試時,除下列項目外,應檢人禁止攜帶其他任何參考資料、軟體或工具,若 應檢人欲自行準備網頁設計或中文輸入法軟體完成術科測試試題之各項要求時,其所自 備之各種軟體應符合「術科測試應用軟體使用須知」之各項規定,若應檢人不遵守「術 科測試應用軟體使用須知」之任一規定時,應檢人將被拒絕參加術科測試,並以零分論 處。 項目 名稱 規格 備註 1 網頁製作軟體 合法原版的光碟片(不含試用版) 2 繪圖軟體 合法原版的光碟片(不含試用版) 如欲自備左列軟體,應檢 人須於應檢日七個工作 天前寄給術科辦理單位 (參考「術科測試應用軟 體使用須知」)。 3 筆 黑色或藍色原子筆 5 肆、網頁設計丙級技術士技能檢定術科測試試題使用說明 一、 本試題係採檢定前公佈試題原則命製。 二、 本試題共十題,每一應檢人應完成其中一題測試。 三、 測試時所使用之檢定用資料「173003 附加光碟檔」,其內容與所寄給應檢人之檢 定用資料內容相同。 四、 術科測試時間每場共為3 小時(含報到、進場、測試、評分)。 五、 每一場次的術科測試十題試題必須全部測試,由監評人員主持抽籤,讓每一位應檢 人依「報到順序」自行抽籤,決定應檢人該場次之工作崗位編號及試題編號;其中 工作崗位編號/試題編號依序為 01/960301、02/960302、03/960303、04/960304、 05/960305、06/960306、07/960307、08/960308、09/960309、10/960310、11/960301、 12/960302、….餘類推。若應檢人放棄權益時,得由監評人員代抽。 6 伍、網頁設計丙級技術士技能檢定術科測試檢定流程圖 應檢人報到 10 分鐘 依序報到、簽名並查驗應檢人相關證件。 應檢人進場 10 分鐘 (一)核對應檢人證件。 (二)每一應檢人依報到順序自行抽試題編號籤,籤上 依序註記有工作崗位編號與試題編號。 (三)說明試題、測試時應注意事項、應考須知及考場 注意事項,填寫資料。 安裝軟體及完成 試題共120 分鐘 (一)術科測試時間120 分鐘。 (二)應檢人安裝軟體及完成試題,並將完成結果備份存 檔。 (三)本術科測試採現場評分,應檢人經監評人員評分、 結果備份離場後,不得再行進場。 評分40 分鐘 評定成績。 檢定結束 7 陸、網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表 本表為每一工作崗位之配備,由術科辦理單位填妥後,寄給應檢人參考。 項目 名 稱 規 格 1 主機 CPU: □ Intel □ AMD □ _________MHz 以上 □ _________GHz 以上 RAM: _________MB 以上 2 顯示器 □CRT □液晶 □14 吋 □15 吋 □17 吋 □19 吋 3 硬碟 _________GB 以上 4 光碟機 □CD-ROM □DVD-ROM _________倍速以上 5 作業系統及應 用軟體名稱 a. 作業系統: □1.Windows 2000 □2.Windows XP □3.其他(名稱: ) b. 網頁製作軟體: □1.FrontPage □2.Dreamweaver □3.Namo □4.SharePoint □5.其他(名稱: ) 版本:_____________(必填) c. 繪圖軟體: □1.PhotoImpact □2.Photoshop □3.其他(名稱: ) 版本:_____________(必填) d. 防毒軟體: □1.Trend PC-cillin □2.Symantec AntiVirus □3.其他(名稱: ) 版本:_____________ 6 中文輸入法 □1.注音 □2.新注音 □3.倉頡 □4.新倉頡 □5.嘸蝦米 □6.自然 □7.大易 □8.速成 □9.行列 □10.大新倉頡 □11.其他(名稱: , , ) 7 其他 術科辦理單位名稱及戳章: 8 柒、網頁設計丙級技術士技能檢定術科測試評審表 檢定日期 檢定崗位編號 試題編號 准考證編號 應檢人姓名 總 分 總評結果 □及格 □不及格 項目 評 審 標 準 一、 有下列任一情形者以不及格論。 備 註 □1. 自動棄權者或未依規定作結果備份。 □2. 攜帶非法軟體、磁片、燒錄光碟、隨身碟等進入考場者。 □3. 攜帶本試題規定外之任何參考書籍、資料等進場。 重 大 缺 點 □4. 具有舞弊行為或其他重大錯誤,經監評人員在評審表內登記有具體事實,並 經監評長認定者。 二、以下各小項扣分標準依應檢人實作狀況予以評分,每項之扣分,不得超過最高扣分,本項採扣分方式, 以100 分為滿分,0 分為最低分,60 分(含)以上者為[及格]。劃記以”正”字累計。 動作要求扣分項目 註記扣分細項 ★ 30 分 ※ 20 分 ◎ 10 分 * 5 分 ▲ 1 分 (一) (二) (三) (四) (五) (六) (七) (八) (九) (十) 小計扣分 三、累計扣分 扣分標準 每處扣分實扣分數 備 註 1. 不符合試題功能要求標示為★符號者。 30分 2. 不符合試題功能要求標示為※符號者。 20分 3. 不符合試題功能要求標示為◎符號者。 10分 4. 不符合試題功能要求標示為*符號者。 5分 試 題 要 求 5. 不符合試題功能要求標示為▲符號者。 1分 情意1. 應檢人員未能遵守測試場內外秩序者。 20 分 部份 2. 應檢人員未能於測試完畢後整理工作崗位者。 20分 總 計 監評人員簽名 (請勿於測試結束 前先行簽名) 監評長簽名 (請勿於測試結束 前先行簽名) 9 捌、網頁設計丙級技術士技能檢定術科測試試題名稱及編號 名稱 試題編號 校園社團介紹網 960301 960306 運動廣場連結網 960302 960307 國家公園介紹網 960303 960308 網路行銷購物網 960304 960309 電子相簿旅遊網 960305 960310 10 玖、網頁設計丙級技術士技能檢定術科測試檢定試題 試題編號: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、 11 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 像素。 12 (*)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,水平置中對齊,當滑 鼠移到「吉他社」文字上時需呈現動態效果,並設定超連結到動作要求 (六)中的guitar_history.htm 網頁,且在main 框架頁中開啟。 (*)6. 表格第三列輸入文字「棒球社」,顏色#00FF00,水平置中對齊。 (*)7. 表格第四列輸入文字「舞蹈社」,顏色#00FF00,水平置中對齊。 (*)8. 表格第五列輸入文字「童軍社」,顏色#00FF00,水平置中對齊。 (◎)9. 表格第六列輸入文字「聯絡我們」,顏色#00FF00,水平置中對齊,當 滑鼠移到「聯絡我們」文字上時需呈現動態效果,並且設定超連結到電 子郵件「society@mail.yusan.edu.tw」。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#0000FF,水 平置中對齊。 13 【說明 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 網頁需含下面的資訊: 14 (*)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 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 15 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)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. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 16 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (※)8. 表格下方匯入檔案「0103.txt」內含之文字,並將各文字所述之教學項 目製作成按鈕,按鈕之間需有空白分隔,且以動態效果呈現。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 17 試題編號: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」資料夾,將所有應使用的圖形 18 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「sfm」資料夾,存放sfm1.htm、sfm2.htm、 sfm3.htm 等三個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,放置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁的標題為「運動廣場連結網」。 (◎)3. 首頁需設定為框架式網頁,分割為上、下兩個框架(有框架線),分別 連結到二個子網頁,檔案名稱及框架頁名稱規定如下: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為50 像素) 2 main.htm main 主網頁 格式 title.htm main.htm (三) title 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景圖片「0201.jpg」。 (★)3. 將圖片「0204.gif」製作具動態效果的新圖片「0204A.gif」,大小維持 不變,左右兩側的球需呈現「順時針」之原地自轉效果,旋轉角度變化 為18 度,原始圖片「0204.gif」中的「運動廣場」四字之動態效果需完 19 全保留於新的圖片「0204A.gif」中(結果可參考「範例0204A.gif」檔, 但請注意:下一動作禁止使用「範例0204A.gif」檔)。 (*)4. 網頁內插入圖片「0204A.gif」,水平置左對齊,替代文字為「運動廣場 連結網-回首頁」(注意:若應檢人無法完成前項之圖片「0204A.gif」, 需以原圖片「0204.gif」代替,以利完成替代文字的設定)。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0202.jpg」。 (◎)2. 網頁內製作一個6×3(六列三欄)表格,框線0 像素、寬85%,水平置 中對齊。 (※)3. 將圖片「0205.jpg」製作具動態效果的新圖片「0205A.gif」,大小維持 不變,互換間隔為1.5 秒;動態效果參考「範例0205A.gif」檔。 (*)4. 表格第一列合併為一欄插入圖片「0205A.gif」,水平置中對齊,替代文 字為「運動廣場連結網首頁」(注意:若應檢人無法完成前項之圖片 「0205A.gif」,需以原圖片「0205.gif」代替,以利完成替代文字的設 定)。 (◎)5. 表格第二列第一欄輸入文字「美國職棒」,背景顏色#FFFF00,水平置 中對齊,並設定超連結到sfm1.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格第二列第三欄輸入文字「日本職棒」,背景顏色#FF0000,水平置 中對齊,並設定超連結到sfm2.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第三列第二欄輸入文字「臺灣職棒」,背景顏色#00FF00,水平置 中對齊,並設定超連結到sfm3.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格第五列第二欄輸入文字「聯絡我們」,背景顏色#00FFFF,水平置 中對齊,並且設定超連結到電子郵件「admin@sportplaza.com.tw」。 (◎)9. 表格第六列第二欄輸入文字「訪客留言」,背景顏色# FFFF00,水平置 中對齊,並設定超連結到message.htm 網頁,且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 20 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#0000FF,水 平置左對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) sfm1.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#00FFFF、 寬100%、高50%、背景顏色#00FF00,水平置中對齊。 (*)3. 表格第一列輸入文字「美國職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (六) sfm2.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#FFFF00、 寬100%、高50%、背景顏色#FF00FF,水平置中對齊。 (*)3. 表格第一列輸入文字「日本職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) sfm3.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0203.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線1 像素、顏色#0000FF、 寬100%、高50%、背景顏色#FFFFCC,水平置中對齊。 (*)3. 表格第一列輸入文字「臺灣職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) message.htm 網頁需含下面的資訊: (*)1. 網頁標題為「訪客留言板」。 21 (*)2. 網頁背景圖片「0203.jpg」。 (*)3. 網頁背景音樂「0201.mid」。 (◎)4. 網頁內輸入文字「謝謝蒞臨本網站,請給予我們支持、鼓勵與建言」, 並且以動態方式呈現。 (*)5. 文字下方製作一個7×2(七列二欄)表單,第一欄寬100 像素、第二欄 寬600 像素,儲存格與邊框距離0 像素、儲存格間距0 像素、框線1 像 素、顏色#000000,水平置中對齊,內容與格式參考如下: (◎)6. 表單第一列第一欄輸入文字「姓名」,水平置中對齊、垂直置中對齊; 表單第一列第二欄為姓名的文字方塊,寬20 字元,水平置左對齊、垂 直置中對齊。 (◎)7. 表單第二列第一欄輸入文字「電子郵件」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子郵件的文字方塊,寬40 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第三列第一欄輸入文字「地址」,水平置中對齊、垂直置中對齊; 表單第三列第二欄為地址的文字方塊,寬80 字元,水平置左對齊、垂 直置中對齊。 (◎)9. 表單第四列第一欄輸入文字「性別」,水平置中對齊、垂直置中對齊; 表單第四列第二欄為「男」、「女」等二選項按鈕,預設值為「男」, 水平置左對齊、垂直置中對齊。 (◎)10.表單第五列第一欄輸入文字「上網方式」,水平置中對齊、垂直置中對 齊;表單第五列第二欄為上網方式的下拉式清單方塊,由上而下依序為 「撥接上網」、「有線電視寬頻上網」、「ADSL」、「ISDN」、「公 司企業專線上網」等五個選項,預設值為「撥接上網」,水平置左對齊、 22 垂直置中對齊。 (◎)11.表單第六列第一欄輸入文字「留言內容」,水平置中對齊、垂直置中對 齊;表單第六列第二欄為留言內容的文字區域(TextArea),高5 列文字, 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)12.表單第七列第一欄製作「送出」、「重寫」等二個按鈕。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 23 試題編號:960303 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0301.txt、0302.txt、0303.txt 圖形檔 0301.jpg、0302.jpg、0303.jpg、0304.jpg、0305.jpg、0306.jpg、 0307.jpg、0308.jpg~0313.jpg、national_park.jpg 音樂檔 0301.mid 資料檔 park.exe 試題說明: 一、本試題為國家公園介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 24 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「park」資料夾,存放aa.htm、bb.htm、cc.htm、 dd.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「國家公園介紹網站」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為標題圖片的高度) 2 menu.htm menu 選單頁(框架寬度為150 像素) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0。 (*)2. 網頁背景顏色#0000FF。 25 (※)3. 從「0308.jpg」、「0309.jpg」、「0310.jpg」、「0311.jpg」、「0312.jpg」、 「0313.jpg」等六張圖片中任選三張製作具動態效果的標題圖片,需在 同一位置以間隔一秒的速度輪播,輪播時三張圖片皆不得有毛邊現象 (亦即三張圖片需調整大小一致)。 (◎)4. 網頁內插入製作完成的標題圖片,水平置中對齊,並設定圖片超連結到 「國家公園介紹網」首頁,且在目標框架為「_top」中開啟,不得在 main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫 面。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (*)2. 網頁內製作一個7×1(七列一欄)表格,框線0 像素,水平置中對齊。 (★)3. 表格第一、三、五、七列分別插入0305.jpg、0306.jpg、0304.jpg、0303.jpg 等四張圖片,每張圖片寬120 像素、高40 像素,水平置中對齊,當滑 鼠移過時需呈現同樣圖片、不同顏色的動態效果。 (◎)4. 表格中「陽明山國家公園」圖片替代文字為「陽明山國家公園」,並設 定超連結到動作要求(六)aa.htm 網頁,且在main 框架頁中開啟。 (◎)5. 表格中「雪霸國家公園」圖片替代文字為「雪霸國家公園」,並設定超 連結到動作要求(七)bb.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格中「太魯閣國家公園」圖片替代文字為「太魯閣國家公園」,並設 定超連結到動作要求(八)cc.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格中「玉山國家公園」圖片替代文字為「玉山國家公園」,並設定超 連結到動作要求(九)dd.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方輸入文字「檔案下載」,水平置中對齊,並設定超連結,且在 點選超連結後具有下載park.exe 檔案的功能(即彈出檔案下載的視窗)。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0301.jpg」。 (*)2. 網頁背景音樂「0301.mid」。 26 (◎)3. 網頁內以跑馬燈動態方式呈現文字「歡迎進入國家公園介紹網,本網站 有詳細的國家公園介紹哦!」,跑馬燈呈現區域需水平置中對齊。(▲ 以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方插入圖片「national_park.jpg」,水平置中對齊。 (◎)5. 圖片中文字圖像「陽明山國家公園」上建立矩形影像地圖,並設定超連 結到動作要求(六)中的aa.htm 網頁,且在main 框架頁中開啟。 (◎)6. 圖片中文字圖像「雪霸國家公園」上建立矩形影像地圖,並設定超連結 到動作要求(七)中的bb.htm 網頁,且在main 框架頁中開啟。 (◎)7. 圖片中文字圖像「太魯閣國家公園」上方之黃色紅邊區域,建立影像地 圖(需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(八) 中的cc.htm 網頁,且在main 框架頁中開啟。 (◎)8. 圖片中文字圖像「玉山國家公園」左方之黃色紅邊區域,建立影像地圖 (需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(九)中 的dd.htm 網頁,且在main 框架頁中開啟。 (◎)9. 圖片下方分別輸入兩列文字,第一列輸入文字「最近更新日期: yyyy/mm/dd」,顏色#FF00FF,水平置右對齊;第二列輸入文字「資料 來源:內政部營建署『臺灣的國家公園』網站」,顏色#FF00FF,水平 置右對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份, dd:日期】 (六) aa.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0305.jpg」,水平置中對齊。 (◎)3. 圖片下方輸入如下所示文字,字型大小size=3、標楷體、粗體、斜體、 顏色#0000FF,水平置左對齊。(▲以每一字為扣分單位,扣分無上限)。 「陽明山國家公園」位處臺北盆地北緣,東起磺嘴山、五指山東側,西 至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面 27 積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) bb.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0306.jpg」及「0307.jpg」以上下並列、水平置中對齊方式製作 成圖片「0314.jpg」,寬340 像素、高280 像素。 (*)3. 網頁內插入圖片「0314.jpg」,水平置中對齊。 (◎)4. 圖片下方匯入檔案「0303.txt」內含之文字,水平置左對齊。 (◎)5. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) cc.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0304.jpg」,水平置中對齊。 (◎)3. 圖片下方匯入檔案「0302.txt」內含之文字,水平置左對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (九) dd.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0303.jpg」,水平置中對齊。 (◎)3. 圖片下方匯入檔案「0301.txt」內含之文字,水平置左對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 28 試題編號:960304 軟體安裝及測驗時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0401.txt、0402.txt 圖形檔 0401.jpg、0402.jpg、0403.jpg、0404.jpg、0405.jpg、0406.jpg、 0407.jpg 音樂檔 0401.mid 試題說明: 一、本試題為網路行銷購物網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 main.htm、bottom.htm 等三個檔案。 29 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用的音樂檔 均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「results」資料夾,存放conditioner1.htm、 conditioner2.htm、company.htm、message.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「大家來購物網」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱說明 1 title.htm title 標題頁(高度為圖片0401.jpg 的高度) 2 main.htm main 主網頁 3 bottom.htm bottom 交流頁(高度為15%) 格式 title.htm main.htm botto m.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0402.jpg」。 (*)2. 網頁背景音樂「0401.mid」。 30 (*)3. 框架高度可調整大小。 (*)4. 框架可自動顯示捲動軸。 (◎)5. 網頁內插入圖片「0401.jpg」,圖片右邊緊接著輸入文字「大家來購物 網—回首頁」,字型大小size=4、顏色#0000FF,圖片及文字皆垂直置 中對齊。 (*)6. 設定圖片超連結到檔案「0401.txt」,並且在目標框架為「_self」中開啟。 (*)7. 設定「大家來購物網—回首頁」文字超連結到首頁(default.htm 或 index.htm),並且在目標框架為「_top」中開啟,不得在main 框架頁 中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFF00。 (◎)2. 網頁內輸入文字「大家來購物網公司」,字型大小size=4,並設定超 連結到company.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 文字下方以跑馬燈動態方式呈現文字「大家來購物網!冷氣機特價大拍 賣!要買要快!」。(▲以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方製作一個 3×2(三列二欄)表格,框線1 像素、表格寬500 像素、表格背景圖片「0403.jpg」,水平置中對齊。 (◎)5. 表格第一列第一欄插入圖片「0404.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到conditioner1.htm 網頁, 且在目標框架為「_blank」中開啟。 (◎)6. 表格第一列第二欄插入圖片「0405.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到conditioner2.htm 網頁, 且在目標框架為「_blank」中開啟。 (*)7. 表格第二列第一欄輸入文字「甲牌冷氣機」,水平置中對齊、垂直置中 對齊。 (*)8. 表格第二列第二欄輸入文字「乙牌冷氣機」,水平置中對齊、垂直置中 對齊。 31 (◎)9. 表格第三列第一欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「購買」,水平置中對齊、垂直置中對齊。 (◎)10.表格第三列第二欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「考慮中」,水平置中對齊、垂直置中對齊。 (◎)11.表單下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表格完成後參考如下所示: (◎)12. 表格下方輸入文字「我有話要說」,水平置左對齊,並且設定超連結 到電子郵件「service@test.labor.gov.tw」。 (五) bottom.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0406.jpg」。 (◎)2. 網頁內輸入文字「訪客留言板」,水平置左對齊,並設定超連結到 message.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 「訪客留言板」文字下方輸入文字「聯絡我們」,並且設定超連結到電 子郵件「service@test.labor.gov.tw」。 (六) conditioner1.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0404.jpg」圖片向左旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「甲牌冷氣機」。 (◎)3. 圖片下方匯入檔案「0402.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 32 籤的方式設定連結,使其能回到原網頁最上方。 (七) conditioner2.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0405.jpg」圖片向右旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「乙牌冷氣機」。 (◎)3. 圖片下方匯入檔案「0402.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 (八) company.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個3×2(三列二欄)表格,第一欄寬150 像素、第二欄寬 350 像素,表格水平置中對齊。 (*)3. 表格第一列第一欄輸入文字「公司名稱」,水平置中對齊;表格第一列 第二欄輸入文字「大家來購物有限公司」,水平置中對齊。 (*)4. 表格第二列第一欄輸入文字「公司電子信箱」,水平置中對齊;表格第 二列第二欄輸入文字「service@test.labor.gov.tw」,水平置中對齊。 (*)5. 表格第三列第一欄輸入文字「服務項目」,水平置中對齊;表格第三列 第二欄輸入文字「網路購物服務」,水平置中對齊。 表格完成後參考如下所示: (*)6. 表格下方製作一個3×2(三列二欄)表單,第一欄寬150 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)7. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 33 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)9. 表單第三列第一欄輸入文字「意見留言」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為意見留言的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單內下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表單完成後參考如下所示: (九) message.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0407.jpg」,高100 像素、寬450 像素,水平置中對 齊。 (*)3. 圖片下方製作一個 3x2(三列二欄)表單,第一欄寬100 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)4. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)5. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)6. 表單第三列第一欄輸入文字「您的意見」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為您的意見的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 34 (◎)7. 表單內下方製作「送出意見」、「清除意見」等二個按鈕,且水平置中 對齊。 表單完成後參考如下所示: (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 35 試題編號:960305 軟體安裝及測驗時間:120 分鐘 所需檔案: 資料檔名稱 檔 案 名 稱 圖形檔 0501b.gif、0501r.gif、0502b.gif、0502r.gif、0503b.gif、0503r.gif、 0504b.gif、0504r.gif、0505b.gif、0505r.gif、0506b.gif、0506r.gif、 0507.jpg、範例0508.gif、0509.jpg、0511.jpg、0521.jpg、0522.jpg、 0523.jpg、0524.jpg、0525.jpg、0531.jpg、0541.jpg、0551.jpg、 0552.jpg、0553.jpg、0554.jpg、0555.jpg 音樂檔 0501.mid 試題說明: 一、本試題為電子相簿旅遊網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 36 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。(有特別說明者,不在此限) (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。(有特別說明者,不在此限) (*)5. 在「WEBXX」資料夾下建立「album」資料夾,再於「album」資料夾 下建立「album2」、「album5」等二個子資料夾,將製作相簿時分別所 完成的檔案放置在「album2」、「album5」等二個子資料夾中。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題「書曼的旅遊相簿」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(無框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表。 編號 檔案名稱框架頁名稱 說 明 1 title.htm title 標題頁(框架高度為30 像素) 2 menu.htm menu 選單頁(框架寬度150 像素) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需包含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景顏色#FFFFCC。 37 (*)3. 網頁背景音樂「0501.mid」。 (*)4. 框架高度固定、不可調整及無捲動軸。 (◎)5. 網頁內以跑馬燈動態方式,方向由右到左呈現「歡迎來到書曼的電子相 簿旅遊網,本網站有我的旅遊影像紀錄介紹耶!」,字型大小size=3、 標楷體、粗體、顏色#FF0000,跑馬燈呈現區域需於title 框架頁中水平 置中對齊、垂直置中對齊。(▲以每一字為扣分單位,扣分無上限) (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個 12×1(十二列一欄)表格,框線0 像素,水平置中對 齊。 (★)3. 製作一個「書曼的旅遊相簿」圖片,檔名為「0508.gif」、標楷體、外 框字效果、背景為透明色,每一個字初值顏色為書(000000)、曼 (FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) 等七種,然後依照下列方式,由左至右間隔約1 秒輪替循環變化(結果 可參考「範例0508.gif」檔 )。 (1)書(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) (2)書(FF00FF)、曼(000000)、的(FF0000)、旅(FFFF00)、遊(00FF00)、相(00FFFF)、簿(0000FF) (3)書(0000FF)、曼(FF00FF)、的(000000)、旅(FF0000)、遊(FFFF00)、相(00FF00)、簿(00FFFF) (4)書(00FFFF)、曼(0000FF)、的(FF00FF)、旅(000000)、遊(FF0000)、相(FFFF00)、簿(00FF00) (5)書(00FF00)、曼(00FFFF)、的(0000FF)、旅(FF00FF)、遊(000000)、相(FF0000)、簿(FFFF00) (6)書(FFFF00)、曼(00FF00)、的(00FFFF)、旅(0000FF)、遊(FF00FF)、相(000000)、簿(FF0000) (7)書(FF0000)、曼(FFFF00)、的(00FF00)、旅(00FFFF)、遊(0000FF)、相(FF00FF)、簿(000000) (*)4. 表格第一列插入圖片「0508.gif」,寬125 像素、高20 像素,水平置中 對齊,替代文字為「書曼的旅遊相簿」(注意:若應檢人無法完成前項 之圖片「0508.gif」,需以圖片「範例0508.gif」代替,以利完成替代文 字的設定)。 38 (*)5. 表格第二列插入圖片「0507.jpg」,寬120 像素、高120 像素,水平置 中對齊,替代文字為「書曼」。 (◎)6. 表格第四列插入圖片「0501b.gif」,水平置中對齊,替代文字為「金門 逍遙遊」,當滑鼠移過時交換成圖片「0501r.gif」。 (※)7. 表格第五列插入圖片「0502b.gif」,水平置中對齊,替代文字為「卡蹓 到馬祖」,當滑鼠移過時交換成圖片「0502r.gif」,並設定超連結到動 作要求(六) album2 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)8. 表格第六列插入圖片「0503b.gif」,水平置中對齊,替代文字為「踏浪 澎湖行」,當滑鼠移過時交換成圖片「0503r.gif」。 (◎)9. 表格第七列插入圖片「0504b.gif」,水平置中對齊,替代文字為「綠島 唱夜曲」,當滑鼠移過時交換成圖片「0504r.gif」。 (※)10.表格第八列插入圖片「0505b.gif」,水平置中對齊,替代文字為「蘭嶼 賞魚去」,當滑鼠移過時交換成圖片「0505r.gif」,並設定超連結到動 作要求(八) album5 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)11.表格第十列輸入日期「yyyy/mm/dd」,字型大小size=2、粗體、新細 明體、顏色#FF0000,水平置中對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (※)12.表格第十二列插入圖片「0506b.gif」,水平置中對齊,替代文字為「回 首頁」,當滑鼠移過時交換成圖片「0506r.gif」,並設定超連結到首頁 (index.htm 或default.htm),且在目標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0511.jpg」與「0509.jpg」做影像合成,存成「0511a.jpg」,圖 39 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0511.jpg) 相框 (0509.jpg) 合成圖片 (0511a.jpg) (※)3. 將圖片「0521.jpg」與「0509.jpg」做影像合成,存成「0521a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0521.jpg) 相框 (0509.jpg) 合成圖片 (0521a.jpg) (※)4. 將圖片「0531.jpg」與「0509.jpg」做影像合成,存成「0531a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0531.jpg) 相框 (0509.jpg) 合成圖片 (0531a.jpg) (※)5. 將圖片「0541.jpg」與「0509.jpg」做影像合成,存成「0541a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0541.jpg) 相框 (0509.jpg) 合成圖片 (0541a.jpg) 40 (※)6. 將圖片「0551.jpg」與「0509.jpg」做影像合成,存成「0551a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (0551.jpg) 相框 (0509.jpg) 合成圖片 (0551a.jpg) (※)7. 將「0511a.jpg」、「0521a.jpg」、「0531a.jpg」、「0541a.jpg」、「0551a.jpg」 等五張圖片做影像合成(圖層依下圖順序排列,背景顏色為透明),存成 「0510a.gif」,參考完成結果如下圖。 (*)8. 網頁內插入圖片「0510a.gif」,寬610 像素、高300 像素,水平置中對 齊。 (◎)9. 圖片「0510a.gif」中之「0521a.jpg」的圖像上建立影像地圖(區域如下圖 虛線部分Part A),並設定超連結到動作要求(六) album2 資料夾中的首 頁(檔名自訂),且在main 框架頁中開啟。 41 (◎)10.圖片「0510a.gif」中之「0551a.jpg」的圖像上建立影像地圖(區域如上 圖虛線部分Part B),並設定超連結到動作要求(八) album5 資料夾中的 首頁(檔名自訂),且在main 框架頁中開啟。 (六) album2 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、顏色#FF0000,水平置中對齊。 (◎)3. 標題下方,將「0521.jpg」、「0522.jpg」、「0523.jpg」、「0524.jpg」、 「0525.jpg」等五張圖片製作一個由左至右 2×3(二列三欄)的電子相 簿,水平置中對齊,每張小圖片的外框線1 像素,並且依序編號。 (※)4. 電子相簿中的小圖片寬120 像素、高90 像素,設定超連結時的邊緣顏 色為:未瀏覽顏色#FF0000、已瀏覽顏色#0000FF、點選中顏色#00FF00, 並超連結到其相對應的網頁(檔名自訂,內容如動作要求(七)),且在main 框架頁中開啟相對應網頁之原圖片。 42 (七) album2 資料夾中的相對應網頁需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題文字「卡蹓到馬祖」,字型大小size=5、標 楷體、粗體、顏色#FF0000,水平置中對齊。 (*)3. 標題下方,依序輸入文字「 [上一頁] [索引] [下一頁] 」(含底線),字型 大小size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)4. [上一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線5 像 素,水平置中對齊;當展示第一張原圖片時,[上一頁] 需呈現,不設定 超聯結,底線需去掉,顏色#000000。 (◎)5. [索引] 設定超連結到動作要求(六) album2 資料夾中的首頁,並且在 main 框架頁中開啟。 (◎)6. [下一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線5 像 素,水平置中對齊;當展示最後一張原圖片時,[下一頁] 需呈現,不設 定超聯結,底線需去掉,顏色#000000。 43 (八) album5 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0551.jpg」、「0552.jpg」、「0553.jpg」、「0554.jpg」、「0555.jpg」 等五張圖片製作一個由左至右的電子相簿,每張小圖片寬60 像素、高 45 像素,水平置中對齊。 (※)3. 上圖中,下面的每張小圖片,設定超連結到其相對應網頁(檔名自訂), 44 並且開啟該原圖片,原圖片寬400 像素、高300 像素、框線5 像素,水 平置中對齊(例如點選第4 張的小圖片,則出現相對應之網頁,參考結 果如上圖),設定小圖片超連結時的邊緣顏色為:未瀏覽顏色#0000FF、 已瀏覽顏色#FF0000、點選中顏色#FFFF00。 (*)4. 原圖片上方輸入電子相簿標題文字「蘭嶼賞魚去」,字型大小size=5、 標楷體、粗體、底線、顏色#0000FF,水平置中對齊。 (*)5. 標題下方依序輸入文字「 [上一頁] [下一頁] 」(含底線),字型大小size =2、新細明體、顏色#0000FF,水平置中對齊。 (◎)6. [上一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線5 像素,水平置中對齊; 當展示第一張原圖片時,[上一頁] 需呈現,不設定超聯結,底線需去掉, 顏色#000000。 (◎)7. [下一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線5 像素,水平置中對齊; 當展示最後一張原圖片時,[下一頁] 需呈現,不設定超聯結,底線需去 掉,顏色#000000。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 45 試題編號:960306 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0601.txt、0602.txt、0603.txt 圖形檔 0601.jpg、0602.jpg、0603.jpg、0604.jpg 音樂檔 0601.mid 試題說明: 一、本試題為校園社團介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 46 檔均放置在「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 標題頁(框架高度為120 像素,並 且不允許改變頁框高度) 2 menu.htm menu 選單頁(框架寬度為30%) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為1 像素。 (*)2. 網頁背景顏色與圖片「0601.jpg」背景顏色相同。(顏色#F8FB9E) 47 (*)3. 網頁內輸入文字「國立玉山高中社團介紹網站」,字型大小size=3、 顏色#0000FF。 (*)4. 文字下方緊接著插入圖片「0601.jpg」,替代文字為「國立玉山高中- 回首頁」。 (◎)5. 當開啟網頁時,文字及圖片需以動態效果呈現,水平置中對齊、垂直置 中對齊。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (*)2. 網頁內製作一個 6×1(六列一欄)表格,框線0 像素,背景顏色#00FF00, 水平置中對齊。 (※)3. 製作如下圖之圖片「社團介紹」,檔名為「0605.jpg」、寬150 像素、 高60 像素、標楷體、背景為由左到右漸層色(#FFFF00 到 #FFFFFF)。 (*)4. 表格第一列插入圖片「0605.jpg」,水平置中對齊,替代文字為「國立 玉山高中社團介紹」。 (*)5. 表格第二列輸入文字「棒球社」,顏色#0000FF,水平置中對齊。 (◎)6. 表格第三列輸入文字「吉他社」,顏色#0000FF,水平置中對齊,當滑 鼠移到「吉他社」文字上時需呈現動態效果,並設定超連結到動作要求 (六)中的guitar_history.htm 網頁,且在main 框架頁中開啟。 (*)7. 表格第四列輸入文字「舞蹈社」,顏色#0000FF,水平置中對齊。 (*)8. 表格第五列輸入文字「童軍社」,顏色#0000FF,水平置中對齊。 (◎)9. 表格第六列輸入文字「聯絡我們」,顏色#0000FF,水平置中對齊,當 滑鼠移到「聯絡我們」文字上時需呈現動態效果,並且設定超連結到電 子郵件「society@mail.yusan.edu.tw」。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#FFFFFF,水 平置中對齊。 48 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (★)2. 將圖片「0602.jpg」與「0604.jpg」做影像合成,存成「0606.jpg」。圖 中人物的大小、位置及圖片寬高均不變動,參考完成結果如下圖。 原圖片 (0602.jpg) 背景圖 (0604.jpg) 合成圖片 (0606.jpg) (※)3. 網頁內插入合成圖片「0606.jpg」,寬102 像素、高128 像素,水平置 中對齊,替代文字為「校長玉照」;圖片下方輸入校長的話(文字資料 如下) ,字型大小size=3、標楷體、斜體、顏色#FF0000,水平置中對 齊。(▲以每一字為扣分單位,扣分無上限) 圖片與文字呈現如下(校長的話需在合成圖片下方,佔五列): 嗨!歡迎加入玉山高中。 參加社團不僅可以豐富自己的人生、寬闊自己的視野, 也能砥礪技能、磨練人際、培養第二專長。 選擇一項您喜歡的社團,積極的參與和投入, 您會獲得一陣陣的驚喜! (*)4. 校長的話下方插入分隔線,線高9 像素,顏色#FFFF00,水平置中對齊。 (◎)5. 分隔線下輸入文字「網頁設計及維護:○○○」,字型大小size=2、 49 標楷體、粗體、斜體、加底線、顏色#00FF00,水平置中對齊。 【說明 ○○○為應檢人姓名】 (六) guitar_history.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內以動態效果呈現「吉他社社史」文字,字型大小size=4、標楷 體、顏色# FF00FF,水平置中對齊。 (*)4. 「吉他社社史」文字下方製作一個1×3(一列三欄)表格,框線0 像素, 水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社教學內容」,水平置中對齊,並設 定超連結到guitar_learning.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方匯入檔案「0601.txt」內含之文字,字型大小size=3、標楷體、 顏色#0000FF。 (七) guitar_event.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內以動態效果呈現「吉他社近期活動公告」文字,字型大小size= 4、標楷體、顏色#0000FF,水平置中對齊。 (*)4. 「吉他社近期活動公告」文字下方製作一個1×3(一列三欄)表格,框 線0 像素,水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 50 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社教學內容」,水平置中對齊,並設 定超連結到guitar_learning.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方再製作一個1×4(一列四欄)表格,框線0 像素,水平置中對 齊,每一欄儲存格內分別依序匯入檔案「0602.txt」內含之日期,並且 以書籤的方式設定連結到該活動日期之段落,使其能移到最上方呈現。 (◎)9. 與上面表格間隔一空白段落,製作一個5×2(五列二欄)表格,框線0 像素,水平置中對齊,表格第一欄儲存格由上至下依照檔案「0602.txt」 中近期活動日期內容(含「近期活動」文字),依日期順序分別填入相關 內容於各儲存格,字型大小size=3、標楷體、顏色分別為:第一列第 一欄顏色#800000、第二列第一欄顏色#FF0000、第三列第一欄顏色 #000000、第四列第一欄顏色#00FF00、第五列第一欄顏色#0000FF。 (◎)10.表格第二欄之二到五列儲存格輸入文字「TOP」,顏色自訂,並且設定 使其能跳回此網頁最上方。 (八) guitar_learning.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0603.jpg」。 (*)2. 網頁背景音樂「0601.mid」。 (◎)3. 網頁內輸入文字「吉他社教學內容」,字型大小size=4、標楷體、顏 色#00FF00,水平置中對齊,以動態效果呈現。 (*)4. 「吉他社教學內容」文字下方製作一個1×3(一列三欄)表格,框線0 像素,水平置中對齊。 (◎)5. 表格第一列第一欄輸入文字「回社團介紹首頁」,水平置中對齊,並設 定超連結到首頁(index.htm 或default.htm),並且在目標框架為「_top」 51 中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再 分割,造成混亂畫面。 (◎)6. 表格第一列第二欄輸入文字「吉他社社史」,水平置中對齊,並設定超 連結到guitar_history.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第一列第三欄輸入文字「吉他社近期活動公告」,水平置中對齊, 並設定超連結到guitar_event.htm 網頁,且在main 框架頁中開啟。 (※)8. 表格下方匯入檔案「0603.txt」內含之文字,並將各文字所述之教學項 目製作成按鈕,按鈕之間需有空白分隔,且以動態效果呈現。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 52 試題編號:960307 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 圖形檔 0701.jpg、0702.jpg、0703.jpg、0704.gif、0705.jpg、範例 0704A.gif、範例0705A.gif 音樂檔 0701.mid 試題說明: 一、本試題為運動廣場連結網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾(XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm 與 main.htm 等二個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 53 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「sfm」資料夾,存放sfm1.htm、sfm2.htm、 sfm3.htm 等三個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,放置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁的標題為「運動廣場連結網」。 (◎)3. 首頁需設定為框架式網頁,分割為左、右兩個框架(有框架線),分別 連結到二個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱說明 1 title.htm title 標題頁(寬度為75 像素) 2 main.htm main 主網頁 格式 title.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景圖片「0701.jpg」。 (※)3. 將圖片「0705.jpg」製作具動態效果的新圖片「0705A.gif」,大小維持 不變,互換間隔為1.5 秒;動態效果參考「範例0705A.gif」檔。 54 (*)4. 網頁內插入圖片「0705A.gif」,水平置左對齊,替代文字為「運動廣場 連結網首頁」(注意:若應檢人無法完成前項之圖片「0705A.gif」,需 以原圖片「0705.jpg」代替,以利完成替代文字的設定)。 (四) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0702.jpg」。 (◎)2. 網頁內製作一個 6×3(六列三欄)表格,框線0 像素、寬85%,水平置 中對齊。 (★)3. 將圖片「0704.gif」製作具動態效果的新圖片「0704A.gif」,大小維持 不變,左右兩側的球需呈現「順時針」之原地自轉效果,旋轉角度變化 為18 度,原始圖片「0704.gif」中的「運動廣場」四字之動態效果需完 全保留於新的圖片「0704A.gif」中(結果可參考「範例0704A.gif」檔, 但請注意:下一動作禁止使用「範例0704A.gif」檔)。 (*)4. 表格第一列合併為一欄插入圖片「0704A.gif」,水平置中對齊,替代文 字為「運動廣場連結網-回首頁」(注意:若應檢人無法完成前項之圖 片「0704A.gif」,需以原圖片「0704.gif」代替,以利完成替代文字的 設定)。 (◎)5. 表格第二列第二欄輸入文字「臺灣職棒」,背景顏色#00FF00,水平置 中對齊,並設定超連結到sfm1.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格第三列第一欄輸入文字「美國職棒」,背景顏色#FFFF00,水平置 中對齊,並設定超連結到sfm2.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格第三列第三欄輸入文字「日本職棒」,背景顏色#FF0000,水平置 中對齊,並設定超連結到sfm3.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格第五列的儲存格合併,輸入文字「聯絡我們」,背景顏色#FF0000, 水平置中對齊,並且設定超連結到電子郵件「admin@sportplaza.com.tw」。 (◎)9. 表格第六列的儲存格合併,輸入文字「訪客留言」,背景顏色#FFFF00, 水平置中對齊,並設定超連結到message.htm 網頁,且在目標框架為 「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框 55 架頁中再分割,造成混亂畫面。 (◎)10.表格下方輸入文字「最近更新日期:yyyy/mm/dd」,顏色#FF00FF,水 平置左對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (五) sfm1.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#0000FF、 寬100%、高80%、背景顏色#FFFFCC,水平置中對齊。 (*)3. 表格第一列輸入文字「臺灣職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (六) sfm2.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#FF0000、 寬100%、高80%、背景顏色#00FF00,水平置中對齊。 (*)3. 表格第一列輸入文字「美國職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) sfm3.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0703.jpg」。 (*)2. 網頁內製作一個2×1(二列一欄)表格,框線2 像素、顏色#FF00FF、 寬100%、高80%、背景顏色#FFFF00,水平置中對齊。 (*)3. 表格第一列輸入文字「日本職棒」,水平置中對齊、垂直置中對齊。 (◎)4. 表格第二列輸入文字「回首頁」,水平置中對齊、垂直置中對齊,並設 定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) message.htm 網頁需含下面的資訊: 56 (*)1. 網頁標題為「訪客留言板」。 (*)2. 網頁背景圖片「0703.jpg」。 (*)3. 網頁背景音樂「0701.mid」。 (◎)4. 網頁內輸入文字「謝謝蒞臨本網站,請給予我們支持、鼓勵與建言」, 並且以動態方式呈現。 (*)5. 文字下方製作一個6×2(六列二欄)表單,第一欄寬100 像素、第二欄 寬300 像素,儲存格與邊框距離0 像素、儲存格間距0 像素、框線1 像 素、顏色#000000,水平置中對齊,內容與格式參考如下: (◎)6. 表單第一列第一欄輸入文字「姓名」,水平置中對齊、垂直置中對齊; 表單第一列第二欄為姓名的文字方塊,寬20 字元,水平置左對齊、垂 直置中對齊。 (◎)7. 表單第二列第一欄輸入文字「性別」,水平置中對齊、垂直置中對齊; 表單第二列第二欄為「男」、「女」等二選項按鈕,預設值為「女」, 水平置左對齊、垂直置中對齊。 (◎)8.表單第三列第一欄輸入文字「學歷」,水平置中對齊、垂直置中對齊; 表單第三列第二欄為學歷的下拉式清單方塊,由上而下依序為「高中 職」、「專科」、「大學」、「研究所」、「博士」等五個選項,預設 值為「專科」,水平置左對齊、垂直置中對齊。 (◎)9. 表單第四列第一欄輸入文字「留言內容」,水平置中對齊、垂直置中對 齊;表單第四列第二欄為留言內容的文字區域(TextArea),右邊要有垂 直捲軸,高5 列文字,寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單第五列第一欄輸入文字「電子郵件」,水平置中對齊、垂直置中對 齊;表單第五列第二欄為電子郵件的文字方塊,寬40 字元,水平置左 57 對齊、垂直置中對齊。 (◎)11.表單第六列第一欄製作「送出」、「重寫」等二個按鈕。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 58 試題編號:960308 軟體安裝及測試時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0801.txt、0802.txt、0803.txt 圖形檔 0801.jpg、0802.jpg、0803.jpg、0804.jpg、0805.jpg、0806.jpg、 0807.jpg、0808.jpg~0813.jpg、national_park.jpg 音樂檔 0801.mid 資料檔 park.exe 試題說明: 一、本試題為國家公園介紹網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 59 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「park」資料夾,存放aa.htm、bb.htm、cc.htm、 dd.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「國家公園介紹網站」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(框架高度為109 像素) 2 menu.htm menu 選單頁(框架寬度為20%) 3 main.htm main 主網頁 格式 title.htm menu.htm main.htm (三) title.htm 網頁需含下面的資訊: (*)1. 網頁的上邊界與左邊界均為1。 (*)2. 網頁背景顏色#0000FF。 60 (※)3. 從「0808.jpg」、「0809.jpg」、「0810.jpg」、「0811.jpg」、「0812.jpg」、 「0813.jpg」等六張圖片中任選三張製作具動態效果的標題圖片,並需 在同一位置以間隔一秒的速度輪播,輪播時三張圖片皆不得有毛邊現象 (亦即三張圖片需調整大小一致)。 (◎)4. 網頁內插入製作完成的標題圖片,水平置中對齊,並設定圖片超連結到 「國家公園介紹網」首頁,且在目標框架為「_top」中開啟,不得在 main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫 面。 (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FF00FF。 (*)2. 網頁內製作一個 7×1(七列一欄)表格,框線0 像素,水平置中對齊。 (★)3. 表格第一、三、五、七列分別插入0805.jpg、0806.jpg、0804.jpg、0803.jpg 等四張圖片,每張圖片寬120 像素、高40 像素,水平置中對齊,當滑 鼠移過時需呈現同樣圖片、不同顏色的動態效果。 (◎)4. 表格中「陽明山國家公園」圖片替代文字為「陽明山國家公園」,並設 定超連結到動作要求(六)aa.htm 網頁,且在main 框架頁中開啟。 (◎)5. 表格中「雪霸國家公園」圖片替代文字為「雪霸國家公園」,並設定超 連結到動作要求(七)bb.htm 網頁,且在main 框架頁中開啟。 (◎)6. 表格中「太魯閣國家公園」圖片替代文字為「太魯閣國家公園」,並設 定超連結到動作要求(八)cc.htm 網頁,且在main 框架頁中開啟。 (◎)7. 表格中「玉山國家公園」圖片替代文字為「玉山國家公園」,並設定超 連結到動作要求(九)dd.htm 網頁,且在main 框架頁中開啟。 (◎)8. 表格下方輸入文字「檔案下載」,水平置中對齊,並設定超連結,且在 點選超連結後具有下載park.exe 檔案的功能(即彈出檔案下載的視窗)。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0801.jpg」。 (*)2. 網頁背景音樂「0801.mid」。 61 (◎)3. 網頁內以跑馬燈動態方式呈現文字「歡迎進入國家公園介紹網,本網站 有詳細的國家公園介紹哦!」,跑馬燈呈現區域需水平置中對齊。(▲ 以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方插入圖片「national_park.jpg」,水平置中對齊。 (◎)5. 圖片中文字圖像「陽明山國家公園」上建立矩形影像地圖,並設定超連 結到動作要求(六)中的aa.htm 網頁,且在main 框架頁中開啟。 (◎)6. 圖片中文字圖像「雪霸國家公園」上建立矩形影像地圖,並設定超連結 到動作要求(七)中的bb.htm 網頁,且在main 框架頁中開啟。 (◎)7. 圖片中文字圖像「太魯閣國家公園」上方之黃色紅邊區域,建立影像地 圖(需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(八) 中的cc.htm 網頁,且在main 框架頁中開啟。 (◎)8. 圖片中文字圖像「玉山國家公園」左方之黃色紅邊區域,建立影像地圖 (需細緻設定,勿超出邊框或不足),並設定超連結到動作要求(九)中 的dd.htm 網頁,且在main 框架頁中開啟。 (◎)9. 圖片下方分別輸入兩列文字,第一列輸入文字「最近更新日期: yyyy/mm/dd」,顏色#FF00FF,水平置右對齊;第二列輸入文字「資料 來源:內政部營建署『臺灣的國家公園』網站」,顏色#FF00FF,水平 置右對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份,dd: 日期】 (六) aa.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0805.jpg」,水平置左對齊。 (◎)3. 圖片下方輸入如下所示文字,字型大小size=3、標楷體、粗體、斜體、 顏色#FF0000,水平置中對齊。(▲以每一字為扣分單位,扣分無上限)。 「陽明山國家公園」位處臺北盆地北緣,東起磺嘴山、五指山東側,西 至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面 62 積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (七) bb.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「0806.jpg」及「0807.jpg」以上下並列、水平置中對齊方式製作 成圖片「0814.jpg」,寬340 像素、高280 像素。 (*)3. 網頁內插入圖片「0814.jpg」,水平置左對齊。 (◎)4. 圖片下方匯入檔案「0803.txt」內含之文字,水平置中對齊。 (◎)5. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (八) cc.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0804.jpg」,水平置左對齊。 (◎)3. 圖片下方匯入檔案「0802.txt」內含之文字,水平置中對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (九) dd.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0803.jpg」,水平置左對齊。 (◎)3. 圖片下方匯入檔案「0801.txt」內含之文字,水平置中對齊。 (◎)4. 文字下方輸入文字「回首頁」,水平置中對齊,並設定超連結到main.htm 網頁,且在main 框架頁中開啟。 (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 63 試題編號:960309 軟體安裝及測驗時間:120 分鐘 所需檔案: 資 料 檔 名 稱 檔 案 名 稱 文書檔 0901.txt、0902.txt 圖形檔 0901.jpg、0902.jpg、0903.jpg、0904.jpg、0905.jpg、0906.jpg、 0907.jpg 音樂檔 0901.mid 試題說明: 一、本試題為網路行銷購物網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 main.htm、bottom.htm 等三個檔案。 64 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。 (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用的音樂檔 均放置在「music」資料夾中。 (*)5. 在「WEBXX」資料夾下建立「results」資料夾,存放fax1.htm、fax2.htm、 company.htm、message.htm 等四個檔案。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題為「大家來購物網」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(有框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表: 編號 檔案名稱 框架頁名稱 說明 1 title.htm title 標題頁(高度為20%) 2 main.htm main 主網頁 3 bottom.htm bottom 交流頁(高度為15%) 格式 title.htm main.htm bottom .htm (三) title.htm 網頁必須包含下面的資訊: (*)1. 網頁背景圖片「0902.jpg」。 (*)2. 網頁背景音樂「0901.mid」。 65 (*)3. 框架高度可調整大小。 (*)4. 框架可自動顯示捲動軸。 (◎)5. 網頁內插入圖片「0901.jpg」,水平置中對齊,並設定超連結到檔案 「0901.txt」,且在目標框架為「_self」中開啟。 (◎)6. 圖片下方輸入文字「大家來購物網—回首頁」,字型大小size=4、顏 色# FF0000,並設定超連結到首頁(default.htm 或index.htm),且在目 標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容, 而導致框架頁中再分割,造成混亂畫面。 (四) main.htm 網頁必須包含下面的資訊: (*)1. 網頁背景顏色#00FFFF。 (◎)2. 網頁內輸入文字「大家來購物網公司」,字型大小size=4,並設定超 連結到company.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 文字下方以跑馬燈動態方式呈現文字「大家來購物網!傳真機特價大拍 賣!要買要快!」。(▲以每一字為扣分單位,扣分無上限) (*)4. 跑馬燈下方製作一個 3×2(三列二欄)表格,框線1 像素、表格寬500 像素,表格背景圖片「0903.jpg」,水平置中對齊。 (◎)5. 表格第一列第一欄插入圖片「0904.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到fax1.htm 網頁,且在目標 框架為「_blank」中開啟。 (◎)6. 表格第一列第二欄插入圖片「0905.jpg」,寬60 像素、高60 像素,水 平置中對齊、垂直置中對齊,並設定超連結到fax2.htm 網頁,且在目標 框架為「_blank」中開啟。 (*)7. 表格第二列第一欄輸入文字「甲牌傳真機」,水平置中對齊、垂直置中 對齊。 (*)8. 表格第二列第二欄輸入文字「乙牌傳真機」,水平置中對齊、垂直置中 對齊。 (◎)9. 表格第三列第一欄插入三個表單的選項按鈕,由左到右名稱依序為「購 66 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「購買」,水平置中對齊、垂直置中對齊。 (◎)10.表格第三列第二欄插入三個表單的選項按鈕,由左到右名稱依序為「購 買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕,預設值 為「考慮中」,水平置中對齊、垂直置中對齊。 (◎)11.表單下方製作「送出」、「重置」等二個按鈕,且水平置中對齊。 表格完成後參考如下所示: (◎)12. 表格下方輸入文字「我有話要說」,水平置左對齊,並且設定超連結 到電子郵件「service@test.labor.gov.tw」。 (五) bottom.htm 網頁需含下面的資訊: (*)1. 網頁背景圖片「0906.jpg」。 (◎)2. 網頁內輸入文字「訪客留言板」,水平置左對齊,並設定超連結到 message.htm 網頁,且在目標框架為「_blank」中開啟。 (◎)3. 「訪客留言板」文字下方輸入文字「聯絡我們」,並且設定超連結到電 子郵件「service@test.labor.gov.tw」。 (六) fax1.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0904.jpg」圖片向左旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「甲牌傳真機」。 (◎)3. 圖片下方匯入檔案「0902.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 67 (七) fax2.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「0905.jpg」圖片向右旋轉約30 度後插入網頁內,大小不變,水平置 中對齊,替代文字為「乙牌傳真機」。 (◎)3. 圖片下方匯入檔案「0902.txt」內含之文字,水平置中對齊。 (◎)4. 文字末尾下方輸入文字「TOP」,顏色自訂,水平置中對齊,並且以書 籤的方式設定連結,使其能回到原網頁最上方。 (八) company.htm 網頁包含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個3×2(三列二欄)表格,第一欄寬150 像素、第二欄寬 350 像素,表格水平置中對齊。 (*)3. 表格第一列第一欄輸入文字「公司名稱」,水平置中對齊;表格第一列 第二欄輸入文字「大家來購物有限公司」,水平置中對齊。 (*)4. 表格第二列第一欄輸入文字「公司電子信箱」,水平置中對齊;表格第 二列第二欄輸入文字「service@test.labor.gov.tw」,水平置中對齊。 (*)5. 表格第三列第一欄輸入文字「服務項目」,水平置中對齊;表格第三列 第二欄輸入文字「網路購物服務」,水平置中對齊。 表格完成後參考如下所示: (*)6. 表格下方製作一個3×2(三列二欄)表單,第一欄寬150 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)7. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)8. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 68 對齊、垂直置中對齊。 (◎)9. 表單第三列第一欄輸入文字「意見留言」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為意見留言的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 (◎)10.表單內下方製作「送出」、「重置」等二個按鈕。 表單完成後參考如下所示: (九) message.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內插入圖片「0907.jpg」,高100 像素、寬450 像素,水平置中對 齊。 (*)3. 圖片下方製作一個 3x2(三列二欄)表單,第一欄寬100 像素、第二欄 寬350 像素,表單水平置中對齊。 (◎)4. 表單第一列第一欄輸入文字「客戶姓名」,水平置中對齊、垂直置中對 齊;表單第一列第二欄為客戶姓名的文字方塊,寬20 字元,水平置左 對齊、垂直置中對齊。 (◎)5. 表單第二列第一欄輸入文字「電子信箱」,水平置中對齊、垂直置中對 齊;表單第二列第二欄為電子信箱的文字方塊,寬30 字元,水平置左 對齊、垂直置中對齊。 (◎)6. 表單第三列第一欄輸入文字「您的意見」,水平置中對齊、垂直置中對 齊;表單第三列第二欄為您的意見的文字區域(TextArea),高5 列文字、 寬30 字元,水平置左對齊、垂直置中對齊。 69 (◎)7. 表單內下方製作「送出意見」、「清除意見」等二個按鈕,且水平置中 對齊。 表單完成後參考如下所示: (十) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 70 試題編號:960310 軟體安裝及測驗時間:120 分鐘 所需檔案: 資料檔名稱 檔 案 名 稱 圖形檔 1001b.gif、1001r.gif、1002b.gif、1002r.gif、1003b.gif、1003r.gif、 1004b.gif、1004r.gif、1005b.gif、1005r.gif、1006b.gif、1006r.gif、 1007.jpg、範例1008.gif、1009.jpg、1011.jpg、1021.jpg、1022.jpg、 1023.jpg、1024.jpg、1025.jpg、1031.jpg、1041.jpg、1051.jpg、 1052.jpg、1053.jpg、1054.jpg、1055.jpg 音樂檔 1001.mid 試題說明: 一、本試題為電子相簿旅遊網的網頁設計,試題將會針對您所需要製作的動作進行詳細 的說明。 二、應檢人需自行安裝網頁製作軟體,並依照試題說明進行網頁設計,所有需用到的檔 案均放置在電腦螢幕的桌面。 三、評分時,動作要求各項目的所有功能,只要有一項功能不正確,則扣該項分數,但 以扣一次為原則。 四、試題無特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,依該項動作要求扣分。 【英文大小寫視為不同,請依動作要求輸入】 五、試題有特別標示(▲以每一字為扣分單位,扣分無上限)處,若有錯別字(含標點 符號、英文單字)、漏字、贅字、全型或半型格式錯誤者,每字扣一分。 六、試題要求中的物件,若無特別指定則以美觀為原則,自行設定,不列入扣分項目。 七、動作要求: (一) 建立資料夾及設定網站伺服器,內容包括: (◎)1. 在C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼, 如01、02、…、30 等),以儲存製作完成的結果。 (*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放title.htm、 71 menu.htm、main.htm 等三個檔案。 (*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形 檔均放置在「images」資料夾中。(有特別說明者,不在此限) (*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂 檔均放置在「music」資料夾中。(有特別說明者,不在此限) (*)5. 在「WEBXX」資料夾下建立「album」資料夾,再於「album」資料夾 下建立「album2」、「album5」等二個子資料夾,將製作相簿時分別所 完成的檔案放置在「album2」、「album5」等二個子資料夾中。 (※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站。 (二) 建立框架,內容包括: (*)1. 設計一個首頁,檔名為default.htm 或index.htm,置於網站的根目錄 (C:\WEBXX)下。 (*)2. 首頁標題「書曼的旅遊相簿」。 (◎)3. 首頁需設定為框架式網頁,分割為三個框架(無框架線),分別連結到 三個子網頁,檔案名稱及框架頁名稱規定如下表。 編號 檔案名稱 框架頁名稱說 明 1 title.htm title 標題頁(框架高度為30 像素) 2 menu.htm menu 選單頁(框架寬度150 像素) 3 main.htm main 主網頁 格式 title.htm main.htm menu.htm (三) title.htm 網頁需包含下面的資訊: (*)1. 網頁的上邊界與左邊界均為0 像素。 (*)2. 網頁背景顏色#FFFFCC。 72 (*)3. 網頁背景音樂「1001.mid」。 (*)4. 框架高度固定、不可調整及無捲動軸。 (◎)5. 網頁內以跑馬燈動態方式、方向由左到右呈現「!耶紹介錄紀像影遊旅 的我有站網本,網遊旅簿相子電的曼書到來迎歡」,字型大小size=3、 標楷體、粗體,顏色#0000FF,跑馬燈呈現區域需於title 框架頁中水平 置中對齊、垂直置中對齊。(▲以每一字為扣分單位,扣分無上限) (四) menu.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內製作一個 12×1(十二列一欄)表格,框線0 像素,水平置中對 齊。 (★)3. 製作一個「書曼的旅遊相簿」圖片,檔名為「1008.gif」、標楷體、外 框字效果、背景為透明色,每一個字初值顏色為書(000000)、曼 (FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) 等七種,然後依照下列方式,由右至左間隔約1 秒輪替循環變化(結果 可參考「範例1008.gif」檔)。 (1)書(000000)、曼(FF0000)、的(FFFF00)、旅(00FF00)、遊(00FFFF)、相(0000FF)、簿(FF00FF) (2)書(FF0000)、曼(FFFF00)、的(00FF00)、旅(00FFFF)、遊(0000FF)、相(FF00FF)、簿(000000) (3)書(FFFF00)、曼(00FF00)、的(00FFFF)、旅(0000FF)、遊(FF00FF)、相(000000)、簿(FF0000) (4)書(00FF00)、曼(00FFFF)、的(0000FF)、旅(FF00FF)、遊(000000)、相(FF0000)、簿(FFFF00) (5)書(00FFFF)、曼(0000FF)、的(FF00FF)、旅(000000)、遊(FF0000)、相(FFFF00)、簿(00FF00) (6)書(0000FF)、曼(FF00FF)、的(000000)、旅(FF0000)、遊(FFFF00)、相(00FF00)、簿(00FFFF) (7)書(FF00FF)、曼(000000)、的(FF0000)、旅(FFFF00)、遊(00FF00)、相(00FFFF)、簿(0000FF) (*)4. 表格第一列插入圖片「1008.gif」,寬125 像素、高20 像素,水平置中 對齊,替代文字為「書曼的旅遊相簿」(注意:若應檢人無法完成前項 之圖片「1008.gif」,需以圖片「範例1008.gif」代替,以利完成替代文 字的設定)。 73 (*)5. 表格第二列插入圖片「1007.jpg」,寬120 像素、高120 像素,水平置 中對齊,替代文字為「書曼」。 (◎)6. 表格第四列插入圖片「1001r.gif」,水平置中對齊,替代文字為「金門 逍遙遊」,當滑鼠移過時交換成圖片「1001b.gif」。 (※)7. 表格第五列插入圖片「1002r.gif」,水平置中對齊,替代文字為「卡蹓 到馬祖」,當滑鼠移過時交換成圖片「1002b.gif」,並設定超連結到動 作要求(六) album2 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)8. 表格第六列插入圖片「1003r.gif」,水平置中對齊,替代文字為「踏浪 澎湖行」,當滑鼠移過時交換成圖片「1003b.gif」。 (◎)9. 表格第七列插入圖片「1004r.gif」,水平置中對齊,替代文字為「綠島 唱夜曲」,當滑鼠移過時交換成圖片「1004b.gif」。 (※)10.表格第八列插入圖片「1005r.gif」,水平置中對齊,替代文字為「蘭嶼 賞魚去」,當滑鼠移過時交換成圖片「1005b.gif」,並設定超連結到動 作要求(八) album5 資料夾中的首頁(檔名自訂),且在main 框架頁中開 啟。 (◎)11.表格第十列輸入日期「yyyy/mm/dd」,字型大小size=2、粗體、新細 明體、顏色#0000FF,水平置中對齊。 【說明 yyyy/mm/dd 為應檢日期;其中yyyy:西元年,mm:月份, dd:日期】 (※)12.表格第十二列插入圖片「1006r.gif」,水平置中對齊,替代文字為「回 首頁」,當滑鼠移過時交換成圖片「1006b.gif」,並設定超連結到首頁 (index.htm 或default.htm),且在目標框架為「_top」中開啟,不得在main 框架頁中顯示整個首頁內容,而導致框架頁中再分割,造成混亂畫面。 (五) main.htm 網頁需含下面的資訊: (*)1. 網頁背景顏色#FFFFCC。 (※)2. 將圖片「1011.jpg」與「1009.jpg」做影像合成,存成「1011a.jpg」,圖 74 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1011.jpg) 相框 (1009.jpg) 合成圖片 (1011a.jpg) (※)3. 將圖片「1021.jpg」與「1009.jpg」做影像合成,存成「1021a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1021.jpg) 相框 (1009.jpg) 合成圖片 (1021a.jpg) (※)4. 將圖片「1031.jpg」與「1009.jpg」做影像合成,存成「1031a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1031.jpg) 相框 (1009.jpg) 合成圖片 (1031a.jpg) (※)5. 將圖片「1041.jpg」與「1009.jpg」做影像合成,存成「1041a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1041.jpg) 相框 (1009.jpg) 合成圖片 (1041a.jpg) 75 (※)6. 將圖片「1051.jpg」與「1009.jpg」做影像合成,存成「1051a.jpg」,圖 片寬、高均依像框規格調整,參考完成結果如下圖。 原圖片 (1051.jpg) 相框 (1009.jpg) 合成圖片 (1051a.jpg) (※)7. 將「1011a.jpg」、「1021a.jpg」、「1031a.jpg」、「1041a.jpg」、「1051a.jpg」 等五張圖片做影像合成(圖層請依下圖順序排列,背景顏色為透明),存 成「1010a.gif」,參考完成結果如下圖。 (*)8. 網頁內插入圖片「1010a.gif」,寬350 像素、高480 像素,水平置中對 齊。 (◎)9. 圖片「1010a.gif」中之「1021a.jpg」的圖像上建立影像地圖(區域如下圖 虛線部分Part A),並設定超連結到動作要求(六) album2 資料夾中的首 頁(檔名自訂),且在main 框架頁中開啟。 76 (◎)10.圖片「1010a.gif」中之「1051a.jpg」的圖像上建立影像地圖(區域如上 圖虛線部分Part B),並設定超連結到動作要求(八) album5 資料夾中的 首頁(檔名自訂),並且在main 框架頁中開啟。 (六) album2 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、底線、顏色#0000FF,水平置中對齊。 (◎)3. 標題下方,將「1021.jpg」、「1022.jpg」、「1023.jpg」、「1024.jpg」、 「1025.jpg」等五張圖片製作一個由左至右 3×2(三列二欄)的電子相 簿,水平置中對齊,每張小圖片外框線1 像素,並且依序編號。 (※)4. 電子相簿中的小圖片寬120 像素、高90 像素,設定超連結時的邊緣顏 色為:未瀏覽顏色#0000FF、已瀏覽顏色#FF0000、點選中顏色#00FF00, 並超連結到其相對應的網頁(檔名自訂,內容如動作要求(七)),且在main 框架頁中開啟相對應網頁之原圖片。 77 (七)album2 資料夾中的相對應網頁需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (*)2. 網頁內輸入電子相簿標題「卡蹓到馬祖」,字型大小size=5、標楷體、 粗體、底線、顏色#0000FF,水平置中對齊。 (*)3. 標題下方依序輸入文字「 [上一頁] [索引] [下一頁] 」(含底線),字型大 小size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)4. [上一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線3 像 素,水平置中對齊;當展示第一張原圖片時,[上一頁] 需呈現,不設定 超聯結,底線需去掉,顏色#000000。 (◎)5. [索引] 設定超連結到動作要求(六) album2 資料夾中的首頁,並且在 main 框架頁中開啟。 (◎)6. [下一頁] 設定超連結到其相對應的網頁(檔名自訂),並且在main 框架 78 頁中開啟相對應之原圖片,原圖片寬400 像素、高300 像素、框線3 像 素,水平置中對齊;當展示最後一張原圖片時,[下一頁] 需呈現,不設 定超聯結,底線需去掉,顏色#000000。 (八) album5 資料夾中的首頁(檔名自訂)需含下面資訊:(參考完成結果如下圖) (*)1. 網頁背景顏色#FFFFCC。 (◎)2. 將「1051.jpg」、「1052.jpg」、「1053.jpg」、「1054.jpg」、「1055.jpg」 等五張圖片製作一個由左至右的電子相簿,每張小圖片寬60 像素,高 45 像素,水平置中對齊。 79 (※)3. 上圖中,上面的每張小圖片,設定超連結到其相對應網頁(檔名自訂), 並且開啟該原圖片,原圖片寬400 像素、高300 像素、框線3 像素,水 平置中對齊(例如點選第4 張的小圖片,則出現相對應之網頁,參考結 果如上圖),設定小圖片超連結時的邊緣顏色為:未瀏覽顏色#00FF00、 已瀏覽顏色#FFFF00、點選中顏色#FF0000。 (*)4. 原圖片上方輸入電子相簿標題文字「蘭嶼賞魚去」,字型大小size=5、 標楷體、粗體、底線、顏色#FF0000,水平置中對齊。 (*)5. 標題下方,依序輸入文字「 [上一頁] [下一頁] 」(含底線),字型大小 size=2、新細明體、顏色#FF0000,水平置中對齊。 (◎)6. [上一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線3 像素,水平置中對齊; 當展示第一張原圖片時,[上一頁] 需呈現,不設定超聯結,底線需去掉, 顏色#000000。 (◎)7. [下一頁] 設定超連結到其相對應網頁(檔名自訂),並且開啟相對應之原 圖片,原圖片寬400 像素、高300 像素、框線3 像素,水平置中對齊; 當展示最後一張原圖片時,[下一頁] 需呈現,不設定超聯結,底線需去 掉,顏色#000000。 (九) 資料備份: 評分後,將製作完成的結果(整個「WEBXX」資料夾)備份到「檢定用 隨身碟」中,應檢人若不配合備份資料,則視為重大缺點,以不及格論。 80 拾、網頁設計丙級技術士技能檢定術科測試時間配當表 每一檢定場,每日排定測試場次為上、下午各乙場,程序表如下: 時間 內容 備註 08:30~09:10 1.監評前協調會議(含監評人員檢查機具設備及清空檢 定用隨身碟資料) 2.應檢人報到完成 3.應檢人抽題及工作崗位 4.場地設備作業說明 5.測試應注意事項說明 6.應檢人試題疑義說明 7.應檢人檢查設備 8.其他事項 09:10~11:10 第一場測試 術科測試時間120 分鐘 11:10~12:30 1.監評人員進行評分 2.監評人員休息用膳 3.監評人員檢查機具設備及清空檢定用隨身碟資料 12:30~13:10 1.應檢人報到完成 2.應檢人抽題及工作崗位 3.場地設備作業說明 4.測試應注意事項說明 5.應檢人試題疑義說明 6.應檢人檢查設備 7.其他事項 13:10~15:10 第二場測試 術科測試時間120 分鐘 15:10~15:50 監評人員進行評分 15:50~ 檢討會(監評人員及術科測試辦理單位視需要召開)

沒有留言:

張貼留言