中山大學附中

Similar documents
中山大學附中

<4D F736F F D20BAF4ADB6B35DAD70A4FEAFC5B34EACECB8D5C3445F B2C4A447B3A1A5F729205FA5BCA548C343A6E2BCD0A5DCADD7A7EF>

中山大學附中

Microsoft Word _c++_術科.doc

輕鬆學 Dreamweaver CS5 網頁設計..\Example\Ch0\ \.html..\example\ch0\ \mouse.txt..\example\ch0\ \ _Ok.html 學習重點 JavaScript 複製程式碼 mouse.txt Ctrl+C Ctrl+C 0-4

一 一般說明

<img>

※※※※※※※

使用手冊


商品設計系專業證照列表 系務會議通過 系所代碼 雲科大證照代碼 證照名稱國內 / 國外級數 / 分數證照類別發照單位 本校認列獎勵之級別 Adobe Certified Associate Visual Communication using Adobe P


網頁設計乙級技術士技能檢定術科測試試題

<4C50352D B971B8A3B35DB3C6A655B2D5A9FAB2D32E786C73>

2017政府共同供應契約採購指南V3.xls

contents 1 4 Chapter 2 Chapter 5 Chapter 管理自動儲存的版本 以文件復原窗格復原檔案 自訂快速工具 自訂快速存取工具列 自訂功能區

untitled

<4D F736F F D20AA4CA8B9B3C7A7EFB5BDAE76B8EAB3F8A769ABCAADB15FBAF4BBDABAF4B8F4C0B3A5CE2E646F63>

SW cdr

Outlook 2007 設定說明 Offic 企業郵件 / 虛擬主機郵件 / Office 365

超連結 03 URI (Universal Resource Identifier) URI Web URL (Universal Resource Locator) URI URI :// [: ]/ [/ 2...]/

網頁設計乙級技術士技能檢定術科測試試題

Outlook 2010 設定說明 Offic 企業郵件 / 虛擬主機郵件 / Office 365

系所名稱 證照代碼 證照名稱 國內 / 級數 / 分國外數 證照類別 發照單位 Adobe Certified Associate in Web Communication Adobe Certified Associate in Web Communication using A

week06.key

LP _p.xls

選擇學校午膳供應商手冊適用於中、小學 (2014年9月版)

Chapter V.S. PC

Microsoft Word - LP doc

<4F4B5F4C50352D B971B8A3B35DB3C6A655B2D5A9FAB2D32E786C73>

week04.key

目 錄 壹 題 目 1: 新 增 商 品 ( 商 品 名 稱 為 玉 井 芒 果 乾 禮 盒 )... 3 貳 題 目 2: 新 增 商 品 ( 商 品 名 稱 為 紅 磚 布 丁 精 選 禮 盒 )... 5 參 題 目 3: 新 增 商 品 ( 商 品 名 稱 為 晶 鑽 XO 醬 禮 盒 ).

Autodesk Product Design Suite Standard 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆

Photoshop CS3 影像創造力 基礎講堂 8 學習流程 學習重要性 學習難度 必學指令工具 實作應用範例 創造舞台燈光的漸層繪圖 延伸學習 雜訊與半透明漸層 8-1 Photoshop Photoshop 8 136

1 500 表 1: 各國平均分數

財金資訊-82期.indd

Microsoft PowerPoint - 101教師升等說明會

<4D F736F F D B0D3B77EC3FEA7DEC3C0C476C1C9A5BFA6A1B8D5C3442DB57BA6A1B35DAD702DBEC7ACEC2E646F6378>

桌上型個人電腦採購規格說明表

AP 元素 AP 元素 ( 絕對定位元素 ) 是已指派絕對定位的 HTML 頁面元素, 特別是指 div 標籤或其他標籤 AP 元素可以包含文字 影像或任何其它可以放在 HTML 文件內文中的內容 有了 Dreamweaver, 您可以使用 AP 元素來配置網頁 您可以在重疊 隱藏 AP 元素時顯示

设 计 竞 赛 内 容 和 评 分 标 准, 旨 在 引 导 职 业 学 校 电 子 商 务 计 算 机 市 场 营 销 等 相 关 专 业 的 教 学 改 革, 展 示 职 业 院 校 电 子 商 务 相 关 专 业 的 建 设 成 果, 推 动 电 子 商 务 职 业 教 育 的 发 展 和 创

CU0594.pdf

DeskJet F2180 DeskJet F4185 Deskjet F4280 DeskJet D2460 OK N/A N/A DeskJet 1660 OK ( 無提供 Win 2000 驅動 ) N/A N/A PSC 1315 Photosmart 2575 Photosmart C13

低功率電波輻射性電機管理辦法 第十二條經型式認證合格之低功率射頻電機, 非經許可, 公司 商號或使用者均不得擅自變更頻率 加大功率或變更原設計之特性及功能 第十四條低功率射頻電機之使用不得影響飛航安全及干擾合法通訊 ; 經發現有干擾現象時, 應立即停用, 並改善至無干擾時方得繼續使用 前項合法通訊,

SSL 數位憑證 OpenVPN 安裝說明

¾ú¥v¬ì²Ä8¦¸-«ü¦Ò«ÊŁ±.prn, page Normalize ( <4D F736F F D20BEFAA576ACECB2C438A6B82DABFCA6D2ABCAADB12E646F63> )


<4D F736F F D20B971B8A3B577C5E9B8CBADD7A4FEAFC5B2C4A447B3A1A4C039382E342E3231A44AAE77AAA92E646F63>

項次 4 (Quad-Core Intel Xeon 2.53GHz 一顆 /Windows 作業系統 ) NT$84,222 HP ProLiant DL120 G6 作業系統 Windows Server 2008 提供 1 顆 Quad-Core Intel Xeon 2.53GHz, 每顆

案號 :LP 京年升 : 16-LP 第一組個人電腦 鎮億年 : 16-LP 項次契約金額廠牌型號產地品名共同規格 acer Veriton M2640G 臺灣 ASUS MD330 臺灣 MSI 微星科技捷元 GENUINE ProDesk 400 G3


電腦設備LP _第七組顯示卡規範書

可持续发展报告摘要2013


0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1

<4C50352D B971B8A3B35DB3C6A655B2D5A9FAB2D32E786C73>


第一組伺服器 臺灣銀行採購部招標案號 : LP 大同世界科技股份有限公司 / 分區 -1. 新北市 2. 臺北市 3. 桃園市 4. 新竹縣 ( 市 ) 5. 臺中市 6. 嘉義縣 ( 市 ) 7. 臺南市 8. 高雄市契約期間 : ~ 契約編號 :

(C)cv.ps, page Normalize

1. ( B ) IT (A) (B) (C) (D) 2. ( A ) (A) (B) (C) (D) 3. ( B ) (A) GPS (B) GIS (C) ETC (D) CAI 4. ( D ) (A) (B) (C) (D) 5. ( B ) (Stored Program) (A) H

桌上型個人電腦採購規格說明表

PowerPoint 簡報

電腦設備LP 第七組顯示卡規範書

子學習3 電子學習的定位 傳統電子學習 與 新世代電子學習 SAMS 台上講者從左至右 : 吳薇薇女士 羅陸慧英教授 佘孟先生 李芳樂教授 從 電子銀行服務 到 電子學習 題追3 專蹤電

ACI pdf

<4D F736F F D20A7EBBCD0B6B7AABEAAFEA5F3322D3935A67EB2C432A6B8B2C433B2D5C5E3A5DCA564B357BD64AED12E646F63>

5-1 nav css 5-2

桌上型個人電腦採購規格說明表

EA3.pdf

目錄

惠理基金管理香港有限公司香港中環干諾道中四十一號盈置大廈九樓電話 :(852) 傳真 :(852) 電子郵箱 網址 : 本半年度報告之中英文內容如有歧義, 概以英文版本為準 本報告並

Mac 版之 Horizon Auton 系統安裝操作手冊 Page 1 of 25

目 錄 CONTENTS

TPM BIOS Infineon TPM Smart TPM Infineon TPM Smart TPM TPM Smart TPM TPM Advanced Mode...8

口 行 政 管 理 部 门 进 行 安 全 条 件 审 查 未 经 安 全 条 件 审 查 通 过, 港 口 建 设 项 目 不 得 开 工 建 设 第 六 条 交 通 运 输 部 指 导 监 督 全 国 港 口 建 设 项 目 安 全 条 件 审 查 工 作 国 务 院 国 家 发 展 改 革 委

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new

<B0EAA4E5B8D5A8F72E747066>

Microsoft Word - 04.doc


( )... 5 ( ) ( )

Microsoft Word - ACI chapter00-1ed.docx

FMV取扱ガイド


縣 94 學年度 上 學期 區 國民中學 Q 年級 R 領域教學計畫表 設計者:

1

<4C50355F A7EBBC76BEF7BCD03939A67EB3E6BA6AA7EBBC76BEF7A9FAB2D E786C73>

目錄 2 關於本報告 2 環境 社會及管治理念及戰略 3 利益相關方參與 年度 ESG 議題重要性評估 5 為員工創造價值 12 為供應商創造價值 14 為客戶創造價值 20 反貪腐與廉潔建設 21 為環境創造價值 28 為社會創造價值 33 附表一 :2017 年度綠色建築認證項目清


Tokin Auton Mac 版安裝操作手冊 Page 1 of 27

1

德明財經科技大學校外連線設定 Windows 系統 ( 含 Internet Explorer Chrome) VPN 校外連線設定 IOS 系統 Android 系統 Window 系統 -Internet Explorer Proxy 校外連線設定 Window 系統 -Chrome IOS 系

Microsoft Word - 廣告設計丙級術科試題99年版 _2_.doc

四技二專統測國文科 93 ~ 98 年 表一 單元名稱 字音辨正 ( 正確讀音 形近字讀音辨識 ) 字形測驗 ( 正確字形 同音字形使用辨識 ) 字 詞義 解釋 ( 一字多義 古今異義

關於本書 Part 3 CSS XHTML Ajax Part 4 HTML 5 API JavaScript HTML 5 API Canvas API ( ) Video/Audio API ( ) Drag and Drop API ( ) Geolocation API ( ) Part 5

SCTWhiteBoard V1


C h a p t e r \Example\Chapter \Pic00.psd \Example\Chapter \Pic00.png \Example\Chapter \Pic00.gif F7 PSD Photoshop PNG GIF 56

1

2008国优评审会讲稿

t14phip

Transcription:

網頁設計丙級技術士技能檢定術科測試應檢參考資料 試題編號 :17300-104301~5 審定日期 :104 年 09 月 01 日

網頁設計丙級技術士技能檢定術科測試試題目錄 ( 第二部分 ) 壹 網頁設計丙級技術士技能檢定術科測試試題使用說明... 1 貳 網頁設計丙級技術士技能檢定術科測試應用軟體使用須知... 2 参 網頁設計丙級技術士技能檢定術科測試檢定流程圖... 3 肆 網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表... 4 伍 網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表... 6 陸 網頁設計丙級技術士技能檢定術科測試評審表... 7 柒 網頁設計丙級技術士技能檢定術科測試應檢人須知... 8 捌 網頁設計丙級技術士技能檢定術科測試試題名稱及編號... 10 玖 網頁設計丙級技術士技能檢定術科測試檢定試題... 11 試題編號 :17300-104301... 11 試題編號 :17300-104302... 21 試題編號 :17300-104303... 30 試題編號 :17300-104304... 36 試題編號 :17300-104305... 44 拾 網頁設計丙級技術士技能檢定術科測試時間配當表... 52

壹 網頁設計丙級技術士技能檢定術科測試試題使用說明 一 本試題係採檢定前公佈試題原則命製 二 本試題共五題, 每一應檢人應完成其中一題測試 三 測試時所使用之檢定用資料 173003 附加光碟檔, 其內容與所寄給應檢人之檢定用資料內容相同 四 術科測試時間每場共為 3 小時 20 分 ( 含報到 進場 測試 評分 ) 五 試題抽題規定 : 1. 由監評人員主持公開抽題 ( 無監評人員親自在場主持抽題時, 該場次之測試無效 ), 術科測試現場應準備電腦及印表機相關設備各一套, 術科辦理單位依時間配當表辦理抽題, 場地試務人員並將電腦設置到抽題操作介面, 會同監評人員 應檢人, 全程參與抽題, 處理電腦操作及列印簽名事項 應檢人依抽題結果進行測試, 遲到者或缺席者不得有異議 2. 每場測試所有試題均應全部使用, 其試題崗位對應試題編號 (01 崗位對應 17300-104301 試題 02 崗位對應 17300-104302 試題 03 崗位對應 17300-104303 試題, 以此類推 ), 測試當日於測試前由術科測試編號最小者為代表, 抽出其中一崗位號碼入座測驗, 其餘應檢人則依術科測試編號 ( 含遲到及缺考 ) 接續對應崗位號碼循環類推使用進行測試 例如 : 術科測試編號代表 ( 當日最小者假設為第 2 號 ) 之應檢人抽中崗位號碼 07/17300-104302, 則第 2 號應檢人入座崗位號碼為 07 號崗位, 並測試 17300-104302 試題, 另第 3 號應檢人入座崗位號碼為 08 號崗位, 並測試 17300-104303 試題, 第 4 號應檢人入座崗位號碼為 09 號崗位, 並測試 17300-104304 試題, 其餘依此類推 1

貳 網頁設計丙級技術士技能檢定術科測試應用軟體使用須知 術科辦理單位所準備或使用之各種電腦軟體均需具有合法版權, 並且應於每一測試場次中, 至少備妥一種可完成術科測試試題中各項要求之網頁設計軟體 ( 檢定場地 20 崗位者需準備 24 套 ; 檢定場地 30 崗位者需準備 35 套 ), 提供應檢人術科測試時安裝及使用 術科辦理單位於應檢日十四天前 ( 日期以郵戳為憑 ), 寄交應檢人測試相關資料時, 應將所備妥之應用軟體填入 檢定場地設備規格表 中, 一併告知應檢人 術科辦理單位所備之軟體應為貼有原版標籤之合法原版光碟軟體 原版磁碟片及僅具授權書之光碟, 均不予接受 若術科辦理單位所提供之中文輸入法或所準備之網頁設計軟體不合應檢人所需時, 應檢人可自行準備所需之中文輸入法軟體及網頁設計軟體, 但應檢人所自備之軟體, 必須符合下列各項規定, 若有任何版權問題時, 其法律責任應由應檢人自行負責 一 應檢人自備之電腦軟體應為貼有原版標籤之合法原版光碟軟體 ( 原版磁碟片 試用版或僅具授權書之光碟片, 均不予接受 ), 並經術科辦理單位檢查及認證通過後, 方可於應檢當日使用 二 應檢人自備之電腦軟體, 若不能完成術科測試試題之各項要求時, 由應檢人自行負責 三 應檢人須於應檢日七個工作天前 ( 日期以郵戳為憑 ) 將 自備之電腦軟體及聯絡電話 以 雙掛號限時專送 寄給術科辦理單位檢查及認證, 術科辦理單位應儘快於檢定前三個工作天通知應檢人驗證結果 四 應檢人寄給術科辦理單位之電腦軟體, 經術科辦理單位檢查及認證合格後, 術科辦理單位將於應檢日把該電腦軟體發給該應檢人, 以俾該應檢人於術科測試時安裝及使用 若該電腦軟體經考場檢查及認證不合格時, 應檢人於術科測試時, 將不可使用該電腦軟體, 後果由應檢人自行負責 五 應檢人所自備之電腦軟體中, 若含有任何與考題有關之資料或巨集時, 將以考試作弊論處 2

参 網頁設計丙級技術士技能檢定術科測試檢定流程圖 應檢人報到 10 分鐘 依序報到 簽名並查驗應檢人相關證件 應檢人進場 30 分鐘 ( 一 ) 核對應檢人證件 ( 二 ) 說明試題 測試時應注意事項 應考須知及考場 注意事項, 填寫資料 安裝軟體及完成 試題共 120 分鐘 ( 一 ) 術科測試時間 120 分鐘 ( 二 ) 應檢人安裝軟體及完成試題, 並將完成結果備份存檔 ( 三 ) 本術科測試採現場評分, 應檢人經監評人員評分 結果備份離場後, 不得再行進場 評分 40 分鐘 評定成績 檢定結束 3

肆 網頁設計丙級技術士技能檢定術科測試檢定場地設備規格表 本表為每一工作崗位之配備, 由術科辦理單位填妥後, 寄給應檢人參考 項目名稱規格 CPU: 1.Intel 2.AMD 1 主機 時脈 : GHz RAM: 大小 : GB 2 顯示器 1.LED 2.LCD 3. 其它 : 尺寸 : 吋, 解析度 : px 3 硬碟大小 : GB 4 DVD 光碟機 及 虛擬光碟機 1.DVD 光碟機 2. 虛擬光碟機 ( 名稱 : 版 本 : ) 5 作業系統及應 用軟體名稱 a. 作業系統 : 1.Windows 7 2.Windows 8 3. 其他 ( 名稱 : ) b. 網站伺服器 ( 必填 ) 1.IIS 版本 : 2.Apache 版本 : 3. 其他 ( 名稱 : 版本 : ) c. 瀏覽器 : 1.IE 版本 : 2.Chrome 版本 : 3.Firefox 版本 : 4. 其他 ( 名稱 : 版本 : ) d. 網頁製作軟體 : 1.Dreamweaver 2.Google Web Designer 3.SharePoint 4. 其他 ( 名稱 : ) 4

項目名稱規格 版本 : ( 必填 ) e. 影像繪圖軟體 : 1.PhotoImpact 2.Photoshop 3.PhotoScape 4. 其他 ( 名稱 : ) 版本 : ( 必填 ) f. 文件閱讀軟體 1.Adobe Reader 2. 其他 ( 名稱 : ) 版本 : ( 必填 ) g. 防毒軟體 : 名稱 : ( 必填 ) 版本 : ( 必填 ) 6 中文輸入法 1. 注音 2. 新注音 3. 倉頡 4. 新倉頡 5. 嘸蝦米 6. 自然 7. 大易 8. 速成 9. 行列 10. 大新倉頡 11. 其他 ( 名稱 :,, ) 7 其他 術科辦理單位名稱及戳章 : 5

伍 網頁設計丙級技術士技能檢定術科測試應檢人自備工具參考表 術科測試時, 除下列項目外, 應檢人禁止攜帶其他任何參考資料 軟體或工具, 若應檢人欲自行準備網頁設計或中文輸入法軟體完成術科測試試題之各項要求時, 其所自備之各種軟體應符合 術科測試應用軟體使用須知 之各項規定, 若應檢人不遵守 術科測試應用軟體使用須知 之任一規定時, 應檢人將被拒絕參加術科測試, 並以零分論處 項目名稱規格備註 1 網頁製作軟體合法原版的光碟片 ( 不含試用版 ) 2 繪圖軟體合法原版的光碟片 ( 不含試用版 ) 如欲自備左列軟體, 應檢人須於應檢日七個工作天前寄給術科辦理單位 ( 參考 術科測試應用軟體使用須知 ) 3 中文輸入法 合法原版的光碟片 ( 不含試用及線 上下載版 ) 4 筆黑色或藍色原子筆 5 相關文 器具例 : 直尺 身心障礙應檢人之輔具 須徵得監評人員同意方 得使用 6

陸 網頁設計丙級技術士技能檢定術科測試評審表 檢定日期年月日檢定崗位編號試題編號 17300-10430 准考證編號 應檢人姓名 1.IE 版本 : 2.Chrome 版本 : 評審用瀏覽器 3.Firefox 版本 : 4. 其他 ( 名稱 : 版本 : ) 總分 ( 監評填寫 ) 項目評審標準 總評結果 ( 監評填寫 ) 一 有下列任一情形者以不及格論 備註 重大缺點 及格 不及格 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 分 總 計 監評長簽名 ( 請勿於測試結束 前先行簽名 ) 7

柒 網頁設計丙級技術士技能檢定術科測試應檢人須知 一 檢定內容為測試應檢人從事於視窗環境的網頁製作 美工及應用網頁物件的能力 二 注意事項 : ( 一 ) 術科測試不分站, 應檢人需於規定時間內完成試題之功能要求, 成績及格者, 術科檢定評定為及格 ( 二 ) 應檢人依接到通知的日期及時間, 準時向考場報到, 辦理驗證手續 應檢人若遲到逾時 15 分鐘者, 以棄權論, 不予補檢 應檢人若遲到逾時 15 分鐘以內者, 不得因遲到而要求補加測試時間 ( 三 ) 由監評人員主持公開抽題 ( 無監評人員親自在場主持抽題時, 該場次之測試無效 ), 術科測試現場應準備電腦及印表機相關設備各一套, 術科辦理單位依時間配當表辦理抽題, 場地試務人員並將電腦設置到抽題操作介面, 會同監評人員 應檢人, 全程參與抽題, 處理電腦操作及列印簽名事項 應檢人依抽題結果進行測試, 遲到者或缺席者不得有異議 ( 四 ) 試題及檢定用光碟片, 需經術科辦理單位蓋有戳記者方為有效 ( 五 ) 應檢人使用之作業系統依考場使用之平台為主 ( 六 ) 應檢人在測試開始前, 應檢查所需使用之器材, 如有問題, 應立即報告監評人員處理, 否則一切受測設備之毀損, 術科辦理單位得要求應檢人照價賠償 ( 七 ) 應檢人若自備使用之電腦軟體時, 須符合 術科測試應用軟體使用須知 之各項規定, 若應檢人不遵守 術科測試應用軟體使用須知 之任一項規定時, 應檢人將被拒絕參加術科測試, 並以零分論處 ( 八 ) 應檢人所攜帶的自行安裝網頁設計相關軟體必須為貼有原版標籤之合法原版光碟軟體 ( 原版磁碟片及僅具授權書之光碟片及試用版軟體, 均不予接受 ), 並經術科辦理單位檢查及認證通過後, 方可於應檢當日使用 應檢人不得攜帶非法軟體或其它燒錄光碟進場, 否則以零分論處 ( 九 ) 應檢人自備之軟體於測試前應完成偵毒工作, 確保不含病毒 ( 十 ) 應檢人不得夾帶任何與測試有關的書面資料或電子檔進場, 一經發現, 即視為作弊, 並以零分論處 ( 十一 ) 應檢人不得將試場內之任何器材及資料等攜出場外, 否則以零分論處 8

( 十二 ) 應檢人不得接受他人協助或協助他人受檢, 如發現則視為作弊, 雙方均以零分論處 ( 十三 ) 蓄意損壞公物設備者, 照價賠償外, 並依法處理 ( 十四 ) 應檢人於測試進行中, 應遵守測試場內外秩序, 禁止吸煙 窺視 嘻鬧 喧嘩 ( 十五 ) 應檢人於測試進行中, 若因急迫需上洗手間, 須取得監評人員同意並指派專人陪往, 應檢人不得因此要求增加測試時間 ( 十六 ) 應檢人完成後舉手即可開始評分, 一經評分後, 不得要求更改, 並將完成結果自行備份至考場指定之隨身碟 若應檢人不配合備份程序, 則視為重大缺點, 以不及格論 ( 十七 ) 應檢人不得將檢定用光碟片 試題本 網頁製作軟體等試場用品攜出場外 ( 十八 ) 應檢人於受檢時, 不得要求監評人員公布術科測試成績 ( 十九 ) 應檢人於受檢時, 一經監評人員評定後, 應檢人不得要求更改 ( 二十 ) 如有其他相關事項, 另於考場說明之 9

捌 網頁設計丙級技術士技能檢定術科測試試題名稱及編號 名稱 試題編號 校園社團介紹網 17300-104301 運動廣場連結網 17300-104302 國家公園介紹網 17300-104303 網路行銷購物網 17300-104304 書曼的旅遊相簿 17300-104305 10

玖 網頁設計丙級技術士技能檢定術科測試檢定試題 試題編號 :17300-104301 主題 : 校園社團介紹網軟體安裝及測試時間 :120 分鐘素材檔案 : 文書檔 0101.txt 0102.txt 0103.txt logo1.png logo2.png logo3.jpg 圖形檔 0101.jpg 0102.jpg 0103.jpg menu1.png menu2.png 音樂檔 ( 無 ) 函式庫 ( 無 ) 試題說明 : 一 本試題為 校園社團介紹網 的網頁設計, 其架構如圖 1-1 所示 另針對所需要製 作的功能進行詳細的說明 校園社團介紹網 網站標題區 跑馬燈廣告區 選 單 區 日期更新區 網頁內容區 頁尾版權區 圖 1-1 網站架構圖 二 應檢人需依照試題說明進行網頁設計, 所有需用到或參考的檔案 資料均放置於 C: 11

磁碟之中, 其包含以下資料夾 : ( 一 ) 試題本 資料夾: 提供網頁設計丙級技術士技能檢定術科測試試題電子檔 ( 二 ) 素材 資料夾: 提供應檢網頁設計之素材 ( 三 ) 其它版本軟體 資料夾: 提供原評鑑軟體其它版本之安裝軟體 三 自行安裝軟體以考場評鑑規格 ( 詳見考場設備規格表 ) 為主, 若考場提供符合 場地及機具設備評鑑自評表 中原軟體規格 ( 含 ) 以上之其他版本供應檢人選擇安裝使用, 則應檢人使用該版本軟體之風險須自行承擔 四 評分時, 動作要求各項目的所有功能, 只要有一細項功能不正確, 則扣該項分數, 但以扣一次為原則 五 有錯別字 ( 含標點符號 英文單字 ) 漏字 贅字 全型或半型格式錯誤者, 每字扣 1 分 若前述導致功能不正確者, 則僅依該項動作要求扣分 英文大小寫視為不同, 請依動作要求輸入 六 試題要求中的物件, 若無特別指定則以美觀為原則, 自行設定, 不列入扣分項目 七 功能要求 : ( 一 ) 建立資料夾及設定網站伺服器, 內容包括 : ( )1. 在 C: 磁碟建立本網站主文件資料夾 webxx, 儲存製作完成的結果 (XX 為個人檢定工作崗位號碼, 如 01 02 30 等 ) ( )2. 整體網站版面尺寸以 1024 768px 設計, 頁面水平置中 (*)3. 在 webxx 資料夾下建立 images 資料夾, 將所有應使用的圖形檔均放置在 images 資料夾中 ( )4. 應檢人需自行架設本機網站伺服器, 可於瀏覽器網址列 (URL) 中輸入 http://127.0.0.1/ 或 http://localhost/ 以瀏覽網站 ( 二 ) 設計首頁, 內容包括 : (*)1. 首頁檔名為 (index.html index.htm default.html 或 default.htm), 置於網站的根目錄 (C:\webXX) 下 (*)2. 在 webxx 資料夾下建立 main.htm guitar_history.htm guitar_event.htm guitar_learning.htm 等四個檔案 12

(*)3. 首頁標題為 國立科技高中 校園社團介紹網 (*)4. 首頁版面水平置中, 包含七個區塊, 分別為首頁區 (main) 網站標題區 (top) 跑馬燈廣告區(marquee) 選單區(menuput) 日期更新區(update) 網頁內容區 (content) 頁尾版權區(footer) 各個區塊的寬度 高度 內外距 (padding/margin) 邊框(border) 顏色(color backgroundcolor) 等項目自行設計, 可參考圖 1-2 所示 (*)5.content 區塊為網頁內容區, 預設放置的內容為 main.htm 網頁 (*)6.guitar_history.htm 為吉他社社史網頁, 放置的目的區塊為網頁內容區 (*)7.guitar_event.htm 為吉他社近期活動公告網頁, 放置的目的區塊為網頁內容區 (*)8.guitar_learning.htm 為吉他社教學內容網頁, 放置的目的區塊為網頁內容區 首頁區 (main) 1024px 1000px 65px 29px 網站標題區 (top) 跑馬燈廣告區 (marquee) 600px 選單區 (menuput) 590px 768px 網頁內容區 (content) 25px 日期更新區 (update) 頁尾版權區 (footer) 20px 215px 770px 圖 1-2 版型寬度及高度之參考示意圖 13

( 三 ) 網站標題區需含下面的資訊 : (*)1. 將圖片 logo1.png logo2.png logo3.jpg 做影像合成, 存成 logo.png 圖中的圖片大小 位置 高度及寬度請作適當調整, 參考完成結果如下圖 檔名 logo1.png logo2.png logo3.jpg 原圖 合成圖片 logo.png (*)2. 網站標題區內插入圖片 logo.png, 高度 60px 寬度 994px, 替代文字為 國立科技高中校園社團介紹網 (*)3. 點按標題圖片, 回到首頁 ( 四 ) 跑馬燈廣告區需含下面的資訊 : (*)1. 跑馬燈廣告區高度 29px 寬度 770px (*)2. 文字字型為標楷體, 字型大小為第 6 級文字 (x-large) (*)3. 文字顏色為 #0000FF (*)4. 以跑馬燈動態方式呈現文字 歡迎光臨校園社團介紹網, 參觀後請支持社團活動並熱烈參與 ( 以每一字為扣分單位, 扣分無上限 ) ( 五 ) 選單區需含下面的資訊 : 如下圖所示 (*)1. 文字字型為標楷體 (*)2. 文字的粗體樣式粗細程度為 500 的文字 (*)3. 社團介紹 四個字, 字型大小為第 6 級字 (xlarge), 加底線, 置中 (*)4. 文字顏色為 #FF00FF (*)5. 選單區文字顏色除 社團 (a) 選單平常狀態 (b) 滑鼠移到選單項目上方 14

介紹 四個字外, 其餘為 #000000, 字型大小為第 4 級字 (medium) (*)6. 選單的項目, 依序為 吉他社 熱舞社 棒球社 羽球社 足球社 童軍社 等六個社團 (*)7. 選單項目在平常狀態, 每個項目的背景圖片為 menu1.png, 如上圖 (a) 中的棒球社選項 (*)8. 選單項目在滑鼠移到該項目上方時, 該項目的背景圖片換成 menu2.png, 如上圖 (b) 中的棒球社選項 (*)9. 選單項目第一項吉他社, 設定超連結到 guitar_history.htm 的網頁, 網頁內容放置的區塊為網頁內容區 ( 六 ) 日期更新區需含下面的資訊 : (*)1. 顯示的文字內容為 最近更新日期 :yyyy/mm/dd 說明:yyyy/mm/dd 為應檢日期 ; 其中 yyyy: 西元年,mm: 月份,dd: 日期 (*)2. 文字字型為標楷體 (*)3. 文字顏色為 #000000, 水平置中對齊 (*)4. 文字的字型大小 size=4 ( 七 ) 網頁內容區需含下面的資訊 : (*)1. 預設網頁為 main.htm, 如下圖 (*)2. 網頁背景圖片 0101.jpg 15

(*)3. 將圖片 0102.jpg 與 0103.jpg 做影像合成, 存成 0104.jpg 圖 中人物的大小 位置及圖片寬高均不變動, 參考完成結果如下圖 原圖片 (0102.jpg) 背景圖 (0103.jpg) 合成圖片 (0104.jpg) (*)4. 網頁內插入合成圖片 0104.jpg, 寬 250px 高 250px, 替代文字為 科技高中校長 (*)5. 網頁內圖片的下方輸入校長的話, 內容如下 :( 以每一字為扣分單位, 扣分無上限 ) 嗨! 歡迎加入國立科技高中 參加社團不僅可以豐富自己的人生 寬闊自己的視野, 也能砥礪技能 磨練人際 培養第二專長 選擇一項您喜歡的社團, 積極的參與和投入, 您會獲得一陣陣的驚喜! (*)6. 網頁中圖片與文字的間距為 2 個空白列 (*)7. 網頁中文字的字型大小 size=6 標楷體 粗體 斜體 顏色 #0000FF, 水平置中對齊 ( 八 ) 吉他社社史網頁需含下面的資訊 : (*)1. 吉他社社史網頁為 guitar_history.htm, 如下圖所示 (*)2. 網頁背景圖片 0101.jpg (*)3. 網頁最上方呈現 吉他社社史, 字型大小 size=4 標楷體 顏色 #FF0000, 水平置中對齊 (*)4. 吉他社社史 文字下方製作一個 1 3( 一列三欄 ) 表格, 不顯示框線, 水平置中對齊 (*)5. 表格第一列第一欄輸入文字 回社團介紹首頁, 水平置中對齊, 並設 定超連結到首頁, 目標頁在 _top 中開啟, 不得在網頁內容區中顯示 16

整個首頁內容, 而導致區塊中再分割, 造成畫面混亂 (*)6. 表格第一列第二欄輸入文字 吉他社近期活動公告, 水平置中對齊, 並設定超連結到 guitar_event.htm 網頁, 在網頁內容區顯示 (*)7. 表格第一列第三欄輸入文字 吉他社教學內容, 水平置中對齊, 並設定超連結到 guitar_learning.htm 網頁, 在網頁內容區顯示 (*)8. 表格下方匯入檔案 0101.txt 內含之文字, 字型大小 size=3 標楷體 靠左對齊 顏色 #FF0000 ( 九 ) 吉他社近期活動公告網頁需含下面的資訊 : (*)1. 吉他社近期活動公告網頁為 guitar_event.htm, 如下圖所示 (*)2. 網頁背景圖片 0101.jpg (*)3. 網頁最上方呈現 吉他社近期活動公告, 字型大小 size=4 標楷體 顏色 #FF0000, 水平置中對齊 (*)4. 吉他社社史 文字下方製作一個 1 3( 一列三欄 ) 表格, 框線 0px, 水平置中對齊 (*)5. 表格第一列第一欄輸入文字 回社團介紹首頁, 水平置中對齊, 並設定超連結到首頁, 目標頁在 _top 中開啟, 不得在網頁內容區中顯示整個首頁內容, 而導致區塊中再分割, 造成畫面混亂 (*)6. 表格第一列第二欄輸入文字 吉他社社史, 水平置中對齊, 並設定超連結到 guitar_history.htm 網頁, 在網頁內容區顯示 17

(*)7. 表格第一列第三欄輸入文字 吉他社教學內容, 水平置中對齊, 並設定超連結到 guitar_learning.htm 網頁, 在網頁內容區顯示 (*)8. 表格下方再製作一個 1 4( 一列四欄 ) 表格, 框線 0px, 水平置中對齊, 每一欄儲存格內分別依序匯入檔案 0102.txt 內含之日期, 並且以書籤的方式設定連結到該活動日期之段落, 使其能移到最上方呈現 (*)9. 與上面表格間隔一空白段落, 製作一個 5 2( 五列二欄 ) 表格, 框線 0px, 水平置中對齊, 表格第一欄儲存格由上至下依照檔案 0102.txt 中近期活動日期內容 ( 含 近期活動 文字 ), 依日期順序分別填入相關內容於各儲存格, 字型大小 size=3 標楷體 顏色分別為: 第一列第一欄顏色 #800000 第二列第一欄顏色#0000FF 第三列第一欄顏色#FF0000 第四列第一欄顏色 #00FF00 第五列第一欄顏色#000000 18

(*)10. 表格第二欄之二到五列儲存格輸入文字 TOP, 顏色自訂, 並且設定使其能跳回此網頁最上方 ( 十 ) 吉他社教學內容網頁需含下面的資訊 : (*)1. 吉他社教學內容網頁為 guitar_learning.htm, 如下圖所示 (*)2. 網頁背景圖片 0101.jpg (*)3. 網頁最上方呈現 吉他社教學內容, 字型大小 size=4 標楷體 顏色 #00FFFF, 水平置中對齊 (*)4. 吉他社教學內容 文字下方製作一個 1 3( 一列三欄 ) 表格, 框線 0px, 水平置中對齊 (*)5. 表格第一列第一欄輸入文字 回社團介紹首頁, 水平置中對齊, 並設定超連結到首頁, 目標頁在 _top 中開啟, 不得在網頁內容區中顯示整個首頁內容, 而導致區塊中再分割, 造成畫面混亂 (*)6. 表格第一列第二欄輸入文字 吉他社社史, 水平置中對齊, 並設定超連結到 guitar_history.htm 網頁, 在網頁內容區顯示 (*)7. 表格第一列第三欄輸入文字 吉他社近期活動公告, 水平置中對齊, 並設定超連結到 guitar_event.htm 網頁, 在網頁內容區顯示 (*)8. 表格下方匯入檔案 0103.txt 內含之文字, 並將各文字所述之教學項目製作成文字按鈕, 按鈕間需有空白分隔, 且以動態效果呈現 19

( 十一 ) 頁尾版權區需含下面的資訊 : (*)1. 顯示的文字內容為 網頁設計及維護 :XX (XX: 崗位號碼, : 應檢人姓名 ) (*)2. 文字字型為標楷體 (*)3. 文字顏色為 #000000, 水平置中對齊 (*)4. 文字的字型大小 size=4 ( 十二 ) 資料備份 : 評分後, 將製作完成的結果 ( 整個 webxx 資料夾) 備份到 檢定用隨身碟 中, 應檢人若未依規定備份資料, 將視為重大缺點, 以不及格論 20

試題編號 :17300-104302 主題 : 運動廣場連結網軟體安裝及測試時間 :120 分鐘素材檔案 : 文書檔 0201.txt 0202.txt 0203.txt 0204.txt 0204.txt 0205.txt 0206.txt 0207.txt 0208.txt 圖形檔 logo.png 0201.png 0202A.png~0205A.png 0202B.png~0205B.png 0206.png 0207.png 音樂檔 ( 無 ) 函式庫 jquery-2.1.4.min.js 試題說明 : 一 本試題為 運動廣場連結網 的網頁設計, 其架構如圖 2-1 所示 另針對所需要製 作的功能進行詳細的說明 運動廣場連結網 網站標題區 選 單 區 網頁內容區 頁尾版權區 圖 2-1 網站架構圖二 應檢人需依照試題說明進行網頁設計, 所有需用到或參考的檔案 資料均放置於 C: 磁碟之中, 其包含以下資料夾 : ( 一 ) 試題本 資料夾: 提供網頁設計丙級技術士技能檢定術科測試試題電子檔 21

( 二 ) 素材 資料夾: 提供應檢網頁設計之素材 ( 三 ) 其它版本軟體 資料夾: 提供原評鑑軟體其它版本之安裝軟體 三 自行安裝軟體以考場評鑑規格 ( 詳見考場設備規格表 ) 為主, 若考場提供符合 場地及機具設備評鑑自評表 中原軟體規格 ( 含 ) 以上之其他版本供應檢人選擇安裝使用, 則應檢人使用該版本軟體之風險須自行承擔 四 評分時, 動作要求各項目的所有功能, 只要有一細項功能不正確, 則扣該項分數, 但以扣一次為原則 五 有錯別字 ( 含標點符號 英文單字 ) 漏字 贅字 全型或半型格式錯誤者, 每字扣 1 分 若前述導致功能不正確者, 則僅依該項動作要求扣分 英文大小寫視為不同, 請依動作要求輸入 六 試題要求中的物件, 若無特別指定則以美觀為原則, 自行設定, 不列入扣分項目 七 功能要求 : ( 一 ) 建立資料夾及設定網站伺服器, 內容包括 : ( )1. 在 C: 磁碟建立本網站主文件資料夾 webxx, 儲存製作完成的結果 (XX 為個人檢定工作崗位號碼, 如 01 02 30 等 ) ( )2. 整體網站版面尺寸以 1024 768px 設計, 頁面水平置中 (*)3. 在 webxx 資料夾下建立 images 資料夾, 將所有應使用的圖形檔均放置在 images 資料夾中 (*)4. 在 webxx 資料夾下建立 results 資料夾, 存放 main.htm health.htm basketball.htm baseball.htm swimming.htm msgboard.htm reference.htm 等七個檔案 (*)5. 在 webxx 資料夾下建立 others 資料夾, 存放未特別指定或應檢人自訂的資料夾或檔案 ( )6. 應檢人需自行架設本機網站伺服器, 可於瀏覽器網址列 (URL) 中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站 ( 二 ) 設計首頁, 內容包括 : (*)1. 首頁檔名為 (index.html index.htm default.html 或 default.htm), 置於 22

網站的根目錄 (C:\webXX) 下 (*)2. 首頁標題為 勞動部勞動力發展署 運動廣場連結網 (*)3. 設定首頁區內的背景顏色 #FFFFFF, 以外區域的背景顏色 #42413C (*)4. 首頁版面水平置中, 包含五個區塊, 分別為首頁區 (main) 網站標題區 (top) 選單區(menu) 網頁內容區(content) 頁尾版權區(footer) 各個區塊的寬度 高度 內外距 (padding/margin) 邊框(border) 顏色 (color background-color) 等項目自行設計, 可參考圖 2-2 所示 ( )5.content 區塊為網頁內容區, 預設放置的內容為 main.htm 網頁 首頁區 (main) 180px 選單區 (menu) 1024px 網站標題區 (top) 90px 25px 網頁內容區 (content) 460px 768px 頁尾版權區 (footer) 45px 280px 590px ( 三 ) 網站標題區需含下面的資訊 : 圖 2-2 版型寬度及高度之參考示意圖 ( )1. 本區包括標識圖片 logo.png 及橫幅文字 運動廣場連結網, 背景 23

顏色預設為 #00B0F0, 可參考圖 2-2 所示 (*)2. 標識圖片靠左對齊, 寬度 180px 高度 90px, 替代文字為 運動廣場連結網 - 回首頁 ( )3. 橫幅文字放置於標識圖片右側區域置中位置, 並以文字直接繪製成圖片方式呈現, 字型大小 52px 標楷體 顏色#FFFFFF ( )4. 建立橫幅文字的陰影效果, 陰影顏色 #CCCCCC 偏移量 10px 模糊系數 15px (*)5. 任何時間點按標識圖片, 頁面回到首頁 (index.html index.htm default.html 或 default.htm) ( 四 ) 選單區需含下面的資訊 : ( )1. 選單的項目, 依序為 首頁 健康天地 籃球介紹 棒球介紹 游泳介紹 訪客留言 及 資料來源 等七個項目, 並平均分布於選單區中, 可參考圖 2-2 所示 ( )2. 選單項目在一般狀態下, 每一個項目的背景顏色 #EEEEEE 字型顏色 #000000 無底線 無粗體 ( )3. 選單項目在滑鼠移到某一項目上方時, 改變該項目背景顏色為 #FFFF00 字型顏色為 #FF0000 加粗(bolder) 指標為 ( )4. 點按各選單項目時, 相對應內容資料應展現於網頁內容區 ; 例如 : 點按 健康天地 項目時, 健康天地網頁 (health.htm) 應展現於網頁內容區中 ( 五 ) 網頁內容區需含下面的資訊 : (*)1. 預設背景顏色 #FFFFFF, 字型大小 14px 顏色#000000 ( )2. 網頁內容展現時, 上 下 左 右內距 (padding) 至少須保留 20px ( )3. 預設網頁為 main.htm, 如下圖 ( )(1) 設置最新消息及圖片展示區, 框線為實線 顏色 #999999, 寬度及高度如圖 2-2 所示 24

( )(2) 最新消息區包括標題 最新消息 及最新消息內容 (0201.txt) 標題的字型大小 16px 加粗(bolder) 水平靠左對齊 最新消息內容須顯示主題及發布日期 ( 應檢當天日期 ), 並設置標題列背景顏色 #3399FF, 字型大小 14px 顏色#FFFFFF; 另每一則最新消息於 開始處設置 (0201.png), 字型大小 12px, 以帶狀列方式顯示背 景顏色 #FFFFCC 及 #DDDDDD ( )(3) 圖片展示區包括原圖 (0202A.png~0205A.png) 縮圖(0202B.png~ 0205B.png) 及圖說 (0202.txt) 等三項內容, 背景顏色 #333333 圖說字型大小 14px 顏色#FFFF00 ( )(4) 點按圖片展示區中的縮圖時, 上方應及時完整呈現相對應的原圖並不得出現裁切的現象, 持續至點按下一張縮圖才結束 ( 六 )health.htm 網頁需含下面的資訊 : ( )1.health.htm 為健康天地網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 (*)2. 左上方應呈現路徑導覽列 (Navigation Path) 現在位置: 首頁 > 健康天地, 字型顏色 #FF0000 加粗(bolder) ( )3. 網頁內容包括 健康新知 菸害防治 癌症防治 及 慢性病防治 等四項健康天地訊息, 並以標籤頁 (Tab) 的方式展現於網頁內容區內, 其內容參見檔案 0203.txt ( )4. 點按各標籤, 應完整呈現相對應訊息內容 若訊息內容太多而超出承載範圍時, 應出現垂直捲軸協助瀏覽, 不得出現水平捲軸 25

( 七 )basketball.htm 網頁需含下面的資訊 : ( )1.basketball.htm 為籃球介紹網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 (*)2. 左上方應呈現路徑導覽列 現在位置 : 首頁 > 籃球介紹, 字型顏色 #FF0000 加粗(bolder) ( )3. 網頁內容以 h4 標題及段落方式編排, 標題字型顏色為 #0000FF, 段落開始須縮排兩個中文字元, 其內容參見檔案 0204.txt 若內容超出網頁內容區承載範圍時, 應出現垂直捲軸協助瀏覽, 不得出現水平捲軸 ( 八 )baseball.htm 網頁需含下面的資訊 : ( )1.baseball.htm 為棒球介紹網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 (*)2. 左上方應呈現路徑導覽列 現在位置 : 首頁 > 棒球介紹, 字型顏色 #FF0000 加粗(bolder) 26

( )3. 網頁文字內容以段落方式編排, 段落開始須縮排兩個中文字元, 其內容參見檔案 0205.txt 若內容超出網頁內容區承載範圍時, 應出現垂直捲軸協助瀏覽, 不得出現水平捲軸 ( )4. 第一段落右方設置圖片 0206.png, 並設定圖片寬度 200px 高度 133px 與文字距離 10px ( 九 )swimming.htm 網頁需含下面的資訊 : ( )1.swimming.htm 為游泳介紹網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 (*)2. 左上方應呈現路徑導覽列 現在位置 : 首頁 > 游泳介紹, 字型顏色 #FF0000 加粗(bolder) ( )3. 網頁文字內容以段落方式編排, 段落開始須縮排兩個中文字元, 其內容參見檔案 0206.txt 若內容超出網頁內容區承載範圍時, 應出現垂直捲軸協助瀏覽, 不得出現水平捲軸 ( )4. 在網中設置圖片 0207.png, 文字段落內容須能顯示於圖片上方 ( 十 )msgboard.htm 網頁需含下面的資訊 : ( )1.msgboard.htm 為訪客留言網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 27

(*)2. 在網頁第一列上輸入文字 謝謝蒞臨本網站, 請給予我們支持 鼓勵與建言, 且以由右而左的跑馬燈方式呈現 ( 以每一字為扣分單位, 扣分無上限 ) (*)3. 在網頁第二列上呈現路徑導覽列 現在位置 : 首頁 > 訪客留言, 字型顏色 #FF0000 加粗(bolder) (*)4. 路徑導覽列下方製作一個 6 2( 六列二欄 ) 表單, 第一欄寬 120px 第二欄寬 580px, 儲存格與邊框距離 2px 儲存格間距 0px 框線 1px 框線顏色 #DDDDDD, 水平置中對齊 ( )6. 表單第一列第一欄輸入 姓名, 水平置中對齊 ; 表單第一列第二欄為姓名的文字欄位, 寬 20 字元, 水平靠左對齊 ( )7. 表單第二列第一欄輸入 電子郵件, 水平置中對齊 ; 表單第二列第二欄為電子郵件的文字欄位, 寬 60 字元, 水平靠左對齊 ( )9. 表單第三列第一欄輸入 性別, 水平置中對齊 ; 表單第三列第二欄為 男 女 等二選項按鈕, 預設值為 男, 水平靠左對齊 ( )10. 表單第四列第一欄輸入文字 職業類別, 水平置中對齊 垂直置中對齊 ; 表單第四列第二欄為上網方式的下拉式清單方塊, 選項內容如檔案 0207.txt ( )11. 表單第五列第一欄輸入 留言內容, 水平置中對齊 ; 表單第五列第二欄為留言內容的文字區域 (TextArea), 高 10 列文字, 寬 80 字元, 水平靠左對齊 28

( )12. 表單第六列第一欄製作 送出 重寫 等二個按鈕 點按 送出 鈕, 則出現 歡迎蒞臨本網站, 您的寶貴意見我們會儘速處理與回覆, 謝謝! 訊息( 如下圖 ), 其中點按 確定 鈕後應回到訪客留言網頁並重置 (Reset) 各欄位資料 點按 重寫 按鈕, 可重置輸入的資料並重新輸入 ( 十一 )reference.htm 網頁需含下面的資訊 : ( )1.reference.htm 為資料來源網頁 ( 如下圖 ), 放置的目的區塊為網頁內容區 (*)2. 左上方應呈現路徑導覽列 現在位置 : 首頁 > 資料來源, 字型顏色 #FF0000 加粗(bolder) ( )3. 網頁文字內容以兩列呈現, 其內容參見檔案 0208.txt ( 十二 ) 頁尾版權區需含下面的資訊 : (*)1. 背景顏色為 #CCCCCC (*)2. 分行顯示的文字內容分別為 網頁設計及維護 :XX 最近更新日期 :yyyy/mm/dd XX: 崗位號碼, : 應檢人姓名 ; yyyy/mm/dd 為應檢日期, 其中 yyyy: 西元年 mm: 月份 dd: 日期 (*)3. 文字顏色 #FFFFFF 大小 14px, 水平置中對齊 ( 十三 ) 資料備份 : 評分後, 將製作完成的結果 ( 整個 webxx 資料夾) 備份到 檢定用隨身碟 中, 應檢人若未依規定備份資料, 將視為重大缺點, 以不及格論 29

試題編號 :17300-104303 主題 : 國家公園介紹網軟體安裝及測試時間 :120 分鐘素材檔案 : 文書檔 圖形檔 0301.txt national_park.jpg park0301.jpg~park0313.jpg 音樂檔 ( 無 ) 函式庫 ( 無 ) 其它 park.exe 試題說明 : 一 本試題為 國家公園介紹網 的網頁設計, 其架構如圖 3-1 所示 另針對所需要製 作的功能進行詳細的說明 國家公園介紹網 網站標題區 跑馬燈廣告區 選 單 區 網頁內容區 頁尾版權區 圖 3-1 網站架構圖 二 應檢人需依照試題說明進行網頁設計, 所有需用到或參考的檔案 資料均放置於 C: 磁碟之中, 其包含以下資料夾 : ( 一 ) 試題本 資料夾: 提供網頁設計丙級技術士技能檢定術科測試試題電子檔 ( 二 ) 素材 資料夾: 提供應檢網頁設計之素材 30

( 三 ) 其它版本軟體 資料夾: 提供原評鑑軟體其它版本之安裝軟體 三 自行安裝軟體以考場評鑑規格 ( 詳見考場設備規格表 ) 為主, 若考場提供符合 場地及機具設備評鑑自評表 中原軟體規格 ( 含 ) 以上之其他版本供應檢人選擇安裝使用, 則應檢人使用該版本軟體之風險須自行承擔 四 評分時, 動作要求各項目的所有功能, 只要有一細項功能不正確, 則扣該項分數, 但以扣一次為原則 五 有錯別字 ( 含標點符號 英文單字 ) 漏字 贅字 全型或半型格式錯誤者, 每字扣 1 分 若前述導致功能不正確者, 則僅依該項動作要求扣分 英文大小寫視為不同, 請依動作要求輸入 六 試題要求中的物件, 若無特別指定則以美觀為原則, 自行設定, 不列入扣分項目 七 功能要求 : ( 一 ) 建立資料夾及設定網站伺服器, 內容包括 : ( )1. 在 C: 磁碟建立本網站主文件資料夾 webxx, 儲存製作完成的結果 (XX 為個人檢定工作崗位號碼, 如 01 02 30 等 ) ( )2. 整體網站版面尺寸以 1024 768px 設計, 頁面水平置中 (*)3. 在 webxx 資料夾下建立 images 資料夾, 將所有應使用的圖形檔均放置在 images 資料夾中 (*)4. 在 webxx 資料夾下建立 park 資料夾, 放置 yangmingshan.htm sheipa.htm 等兩個檔案 (*)5. 在 webxx 資料夾下建立 others 資料夾, 存放未特別指定或應檢人自訂的資料夾或檔案 ( )6. 應檢人需自行架設本機網站伺服器, 可於瀏覽器網址列 (URL) 中輸入 http://127.0.0.1/ 或 http://localhost/ 以瀏覽網站 ( 二 ) 設計首頁, 內容包括 : (*)1. 首頁檔名為 (index.html index.htm default.html 或 default.htm), 置於網站的根目錄 (C:\webXX) 下 (*)2. 首頁標題為 勞動部勞動力發展署 國家公園介紹網 31

( )3. 首頁版面水平置中, 包含五個區塊, 分別為首頁區 (main) 網站標題區 (top) 跑馬燈廣告區(marquee) 選單區(menuput) 網頁內容區(content) 頁尾版權區 (footer), 各個區塊的寬度 高度 內外距 (padding/margin) 邊框 (border) 顏色(color background- color) 等項目自行設計, 可參考圖 3-2 所示 首頁區 (main) 1024px 1000px 65px 29px 網站標題區 (top) 跑馬燈廣告區 (marquee) 選單區 (menuput) 590px 768px 網頁內容區 (content) 頁尾版權區 (footer) 200px 網頁設計及維護 :XX 最近更新日期 :yyyy/mm/dd 800px 圖 3-2 版型寬度及高度之參考示意圖 20px ( 三 ) 網站標題區需含下面的資訊 : (*)1. 網頁背景顏色 #0000FF ( )2. 從 park0307.jpg ~ park0313.jpg 等七張圖片中任選四張製作具動態效果的標題圖片, 需在同一位置以間隔一秒的速度輪播, 輪播時四張圖片皆不得有毛邊現象 ( 亦即四張圖片需調整大小一致 ) (*)3. 網頁內插入製作完成的標題圖片, 水平置中對齊, 並設定圖片超連結到 國家公園介紹網 首頁 32

( 四 ) 跑馬燈廣告區需含下面的資訊 : ( )1. 區塊內以跑馬燈動態方式呈現文字 歡迎進入國家公園介紹網, 本網站有詳細的國家公園介紹哦! ( 以每一字為扣分單位, 扣分無上限 ) ( 五 ) 網頁內容區需含下面的資訊 : (*)1. 網頁背景圖片 park0301.jpg (*)2. 插入圖片 national_park.jpg, 水平置中對齊 ( )3. 圖片中文字圖像 陽明山國家公園 上建立矩形影像地圖, 並設定超連結到動作要求 ( 七 ) 的 yangmingshan.htm, 放置的目的區塊為網頁內容區 ( )4. 圖片中文字圖像 雪霸國家公園 上方之黃色紅邊區域, 建立影像地圖 ( 需細緻設定, 勿超出邊框或不足 ), 並設定超連結到動作要求 ( 八 ) 的 sheipa.htm, 放置的目的區塊為網頁內容區 ( )5. 圖片下方分別輸入兩列文字, 第一列輸入文字 最近更新日期 : yyyy/mm/dd, 顏色 #FF00FF, 水平置右對齊 ; 第二列輸入文字 資料來源 : 內政部營建署 臺灣的國家公園 網站, 顏色 #FF00FF, 水平置右對齊 說明 yyyy/mm/dd 為應檢日期 ; 其中 yyyy: 西元年,mm: 月份, dd: 日期 ( 六 ) 選單區需含下面的資訊 : (*)1. 網頁背景顏色 #00FFFF ( )2. 網頁內製作一個 7 1( 七列一欄 ) 表格, 框線 0 像素, 水平置中對齊 ( )3. 表格第一 三 五 七列分別插入 park0302.jpg park0303.jpg park0304.jpg park0305.jpg 等四張圖片, 每張圖片寬 120px 高 40px, 水平置中對齊, 當滑鼠移過時需呈現同樣圖片 不同顏色的動態效果 ( )4. 表格中 陽明山國家公園 圖片替代文字為 陽明山國家公園, 並設定超連結到動作要求 ( 七 ) 的 yangmingshan.htm, 放置的目的區塊為網頁內容區 ( )5. 表格中 雪霸國家公園 圖片替代文字為 雪霸國家公園, 並設定超 33

連結到動作要求 ( 八 ) 的 sheipa.htm, 放置的目的區塊為網頁內容區 (*)6. 表格中 太魯閣國家公園 圖片替代文字為 太魯閣國家公園 (*)7. 表格中 玉山國家公園 圖片替代文字為 玉山國家公園 (*)8. 表格下方輸入文字 檔案下載, 水平置中對齊, 並設定超連結, 且在點選超連結後具有下載 park.exe 檔案的功能 ( 即彈出檔案下載的視窗 ) ( 七 )yangmingshan.htm 需含下面的資訊 : (*)1. 網頁背景顏色 #FFFFCC (*)2. 網頁內插入圖片 park0302.jpg, 水平置中對齊 (*)3. 圖片下方輸入如下所示文字, 字型大小 size=3 標楷體 粗體 斜體 顏色 #0000FF, 水平置左對齊 ( 以每一字為扣分單位, 扣分無上限 ) 陽明山國家公園 位處臺北盆地北緣, 東起磺嘴山 五指山東側, 西 至向天山 面天山西麓, 北迄竹子山 土地公嶺, 南迨紗帽山南麓, 面 積約 11455 公頃 ; 海拔高度自 200 公尺至 1120 公尺範圍不等 (*)4. 文字下方輸入文字 回首頁, 水平置中對齊, 並設定超連結到首頁 ( 八 )sheipa.htm 需含下面的資訊 : (*)1. 網頁背景顏色 #FFFFCC ( )2. 將圖片 park0303.jpg 及 park0306.jpg 以上下並列 水平置中對齊方式製作成圖片 park0314.jpg, 寬 340px 高 280px (*)3. 網頁內插入圖片 park0314.jpg, 水平置中對齊 (*)4. 圖片下方匯入檔案 0301.txt 內含之文字, 水平置左對齊 (*)5. 文字下方輸入文字 回首頁, 水平置中對齊, 並設定超連結到首頁 ( 九 ) 頁尾版權區需含下面的資訊 : (*)1. 顯示的文字內容分別為 網頁設計及維護 :XX 最近更新日期: yyyy/mm/dd XX: 崗位號碼, : 應檢人姓名 ;yyyy/mm/dd 為應檢日期, 其中 yyyy: 西元年 mm: 月份 dd: 日期 (*)2. 文字字型為標楷體 34

(*)3. 文字顏色為 #000000, 水平置中對齊 (*)4. 文字的字型大小 size=4 ( 十 ) 資料備份 : 評分後, 將製作完成的結果 ( 整個 webxx 資料夾) 備份到 檢定用隨身碟 中, 應檢人若未依規定備份資料, 將視為重大缺點, 以不及格論 35

試題編號 :17300-104304 主題 : 網路行銷購物網軟體安裝及測試時間 :120 分鐘所需檔案 : 文書檔 0401.txt 0402.txt 圖形檔 音樂檔 0401.jpg 0402.jpg 0403.jpg 0404.jpg 0405.jpg 0406.jpg 0407.jpg 0408.jpg 0409.jpg 0401.mid 函式庫 ( 無 ) 試題說明 : 一 本試題為 網路行銷購物網 的網頁設計, 其架構如圖 4-1 所示 另針對所需要製 作的功能進行詳細的說明 網路行銷購物網 網站標題區 跑馬燈廣告區 商品選購區 訪客留言版 網頁內容區 圖 4-1 網站架構圖 二 應檢人需依照試題說明進行網頁設計, 所有需用到或參考的檔案 資料均放置於 C: 磁碟之中, 其包含以下資料夾 : ( 一 ) 試題本 資料夾: 提供網頁設計丙級技術士技能檢定術科測試試題電子檔 ( 二 ) 素材 資料夾: 提供應檢網頁設計之素材 36

( 三 ) 其它版本軟體 資料夾: 提供原評鑑軟體其它版本之安裝軟體 三 自行安裝軟體以考場評鑑規格 ( 詳見考場設備規格表 ) 為主, 若考場提供符合 場地及機具設備評鑑自評表 中原軟體規格 ( 含 ) 以上之其他版本供應檢人選擇安裝使用, 則應檢人使用該版本軟體之風險須自行承擔 四 評分時, 動作要求各項目的所有功能, 只要有一細項功能不正確, 則扣該項分數, 但以扣一次為原則 五 有錯別字 ( 含標點符號 英文單字 ) 漏字 贅字 全型或半型格式錯誤者, 每字扣 1 分 若前述導致功能不正確者, 則僅依該項動作要求扣分 英文大小寫視為不同, 請依動作要求輸入 六 試題要求中的物件, 若無特別指定則以美觀為原則, 自行設定, 不列入扣分項目 七 功能要求 : ( 一 ) 建立資料夾及設定網站伺服器, 內容包括 : ( )1. 在 C: 磁碟建立本網站主文件資料夾 webxx, 儲存製作完成的結果 (XX 為個人檢定工作崗位號碼, 如 01 02 30 等 ) ( )2. 整體網站版面尺寸以 1024 768px 設計, 頁面水平置中 (*)3. 在 webxx 資料夾下建立 images 資料夾, 將所有應使用的圖形檔均放置在 images 資料夾中 (*)4. 在 webxx 資料夾下建立 music 資料夾, 將所有應使用的音樂檔均放置在 music 資料夾中 (*)5. 在 webxx 資料夾下建立 results 資料夾, 存放 leather1.htm leather2.htm message.htm purchase.htm 等四個檔案 ( )6. 應檢人需自行架設本機網站伺服器, 可於瀏覽器網址列 (URL) 中輸入 http://127.0.0.1 或 http://localhost 以瀏覽網站 ( 二 ) 設計首頁, 內容包括 : (*)1. 首頁檔名為 index.html index.htm default.html 或 default.htm, 置於網站的根目錄 (C:\webXX) 下 (*)2. 首頁標題為 網路行銷購物網 37

( )3. 背景音樂 0401.mid ( )4. 首頁版面水平置中, 包含五個區塊, 首頁區 (main) 網站標題區(top) 跑馬燈廣告區 (marquee) 網頁內容區(content) 頁尾版權區(footer) 各個區塊的寬度 高度 內外距 (padding/margin) 邊框(border) 顏色 (color background-color) 等項目自行設計, 可參考圖 4-2 所示 首頁區 (main) 1024px 網站標題區 (top) 跑馬燈廣告區 (marquee) 120px 30px 網頁內容區 (content) 768px 540px 頁尾版權區 (footer) 78px 圖 4-2 版型寬度及高度之參考示意圖 ( 三 )top 區塊需含下面的資訊 : (*)1. 本區橫幅文字 精品電子商務網站, 背景圖片 0401.jpg, 可參考圖 4-2 所示 ( )2. 橫幅文字約放置於水平 垂直置中位置, 並以文字直接繪製成圖片方式呈現, 字型大小 52px 標楷體 顏色#FFFFFF ( )3. 建立橫幅文字的陰影效果, 陰影顏色 #CCCCCC 偏移量 10px 模糊系數 15px (*)4. 點按本區任一位置, 須回到首頁 (index.html index.htm default.html 或 default.htm) 38

( 四 )marquee 跑馬燈區塊需含下面的資訊 : ( )1. 跑馬燈廣告區高度 30px 寬度 100% ( )2. 以跑馬燈動態方式呈現文字 大家來購物網! 精品商品特價大拍賣! 要買要快!, 並須垂直置中對齊於本區中 ( 以每一字為扣分單位, 扣分無上限 ) ( )3. 文字字型為標楷體 顏色 #0000FF 大小 14px ( 五 )content 區塊需含下面的資訊 : (*)1. 設置 marquee 跑馬燈區塊及 content 區塊之背景圖片 0402.jpg ; 須將兩區塊背景進行整體規劃設計, 避免出現分割現象 ( )2. 建立一個 3 3( 三列三欄 ) 表單, 列高均為 150px, 第一欄欄寬 200px, 第二 三欄欄寬均為 300px, 表單水平置中對齊, 如下圖所示 (*)(1) 表單第一列第一欄輸入文字 流行皮件, 第二欄插入圖片 0403.jpg, 第三欄插入圖片 0404.jpg (*)(2) 表單第二列第一欄輸入文字 流行鞋區, 第二欄插入圖片 0405.jpg, 第三欄插入圖片 0406.jpg (*)(3) 表單第三列第一欄輸入文字 流行飾品, 第二欄插入圖片 0407.jpg, 第三欄插入圖片 0408.jpg ( )(4) 所有圖片高度皆設為為 150px 寬度自動縮放; 所有文字及圖片皆水平 垂直置中對齊 39

( )3. 設定滑鼠點按圖片 0403.jpg 時超連結到 leather1.htm 網頁, 且在新視窗中開啟 ( )4. 設定滑鼠點按圖片 0404.jpg 時超連結到 leather2.htm 網頁, 且在新視窗中開啟 5. 點按文字 流行皮件 後會在 content 區塊中開啟 purchase.htm 的網頁選購畫面 ( 如下圖 ), 內容需含下面的資訊 : (*)(1) 建立一個 3 2( 三列二欄 ) 表單, 背景顏色 #FFFF99, 第一 三列高均為 100px, 第二列高為 150px, 欄寬均為 400px, 表單水平置中對齊 表單第一列第一欄輸入文字 真皮長夾, 第二欄輸入文字 真皮皮包, 文字均水平 垂直置中對齊 ( * )(2) 表單第二列第一欄插入圖片 0403.jpg, 第二欄插入圖片 0404.jpg, 圖片高度皆為 150px 寬度自動縮放, 圖片均水平 垂直置中對齊 ( )(3) 表單第三列第一欄插入三個表單的選項按鈕, 由左到右名稱依序為 購買 不購買 考慮中 等三個同一個群組的選項按鈕, 預設值為 購買, 選項內容均水平 垂直置中對齊 ( )(4) 表單第三列第二欄插入三個表單的選項按鈕, 由左到右名稱依序為 40

購買 不購買 考慮中 等三個同一個群組的選項按鈕, 預設值為 考慮中, 選項內容均水平 垂直置中對齊 (*)(5). 表單下方製作 送出 重置 等二個按鈕, 且水平置中對齊 按下 送出 按鈕, 會依據表單點選之按鈕產生兩件商品購買狀態之回應訊息對話框, 預設選單之回應訊息對話框參考下圖所示 按下 重置 按鈕, 重設 (reset) 表單欄位內容 ( 六 )footer 區塊需含下面的資訊 : (*)1. 背景顏色 #666600 ( )2. 設置字型顏色 #FFFFFF 標楷體,2 倍行高 (line-height), 水平靠左對齊 ( )3. 第一列輸入 訪客留言板, 並設定超連結到 message.htm 網頁, 且在 content 區塊中開啟 設定超連結的字型為 : 未點選瀏覽的顏色 #FFFFFF 無底線, 已點選瀏覽的顏色 #FF9999 (*)4. 第二列輸入 網頁設計及維護 :XX 最近更新日期:yyyy/mm/dd XX: 崗位號碼, : 應檢人姓名 ;yyyy/mm/dd 為應檢日期, 其中 yyyy: 西元年 mm: 月份 dd: 日期 ( 七 )leather1.htm 網頁需含下面的資訊 : (*)1. 背景顏色 #FFFF99 ( )2. 插入 0403.jpg 圖片於網頁內, 依原圖大小呈現, 水平靠左對齊, 替代文字為 真皮長夾 ( )3. 圖片下方匯入檔案 0401.txt 內含之文字, 字型顏色 #0000FF 標楷體, 尺寸為第六級文字 (x-large), 水平靠左對齊 41

( )4. 匯入文字末尾下方插入圖片 0409.jpg, 水平靠左對齊, 點按圖片後能回到原網頁最上方 ( 八 )leather2.htm 網頁需含下面的資訊 : (*)1. 背景顏色 #FFFF99 ( )2. 插入 0404.jpg 圖片於網頁內, 依原圖大小呈現, 水平置中對齊, 替代文字為 真皮皮包 ( )3. 圖片下方匯入檔案 0402.txt 內含之文字, 字型顏色 #0000FF 標楷體, 尺寸為第六級文字 (x-large), 水平置中對齊 ( )4. 匯入文字末尾下方插入圖片 0409.jpg, 水平置中對齊, 點按圖片後能回到原網頁最上方 ( 九 )message.htm 網頁需含下面的資訊 : ( )1. 建立一個 3 2( 三列二欄 ) 表單, 第一欄寬 150px 第二欄寬 350px, 背景顏色 #FFDDDD, 列高至少 32px, 水平置中對齊, 如下圖所示 (*)(1) 表單第一列第一欄輸入文字 公司名稱, 水平置中對齊 ; 表單第一列第二欄輸入文字 大家來購物有限公司, 水平置中對齊 (*)(2) 表單第二列第一欄輸入文字 公司電子信箱, 水平置中對齊 ; 表單第二列第二欄輸入文字 service@test.labor.gov.tw, 水平置中對齊 (*)(3) 表單第三列第一欄輸入文字 服務項目, 水平置中對齊 ; 表單第三列第二欄輸入文字 網路購物服務, 水平置中對齊 ( )3. 前項表單下方間隔一空白列, 再建立一個 3 2( 三列二欄 ) 表單, 第一欄寬 150px 第二欄寬 350px, 背景顏色 #FFFF99, 列高至少 32px, 水平置中對齊, 如下圖所示 42

( )(1) 表單第一列第一欄輸入文字 客戶姓名, 水平置中對齊 垂直置中對齊 ; 表單第一列第二欄為客戶姓名的文字方塊, 寬 20 字元, 水平靠左對齊 垂直置中對齊 ( )(2) 表單第二列第一欄輸入文字 電子信箱, 水平置中對齊 垂直置中對齊 ; 表單第二列第二欄為電子信箱的文字方塊, 寬 30 字元, 水平靠左對齊 垂直置中對齊 ( )(3) 表單第三列第一欄輸入文字 意見留言, 水平置中對齊 垂直置中對齊 ; 表單第三列第二欄為您的意見的文字區域 (TextArea), 高 5 列文字 寬 30 字元, 水平靠左對齊 垂直置中對齊 (*)(4) 表單內下方製作 送出 重置 等二個按鈕, 且水平置中對齊 (*)(5) 點按 送出 鈕, 則出現 歡迎蒞臨本網站, 您的寶貴意見我們會儘速處理與回覆, 謝謝! 訊息( 如下圖 ) 按下 重置 按鈕, 清除表單欄位內容 ( 十 ) 資料備份 : 評分後, 將製作完成的結果 ( 整個 webxx 資料夾 ) 備份到 檢定用隨身 碟 中, 應檢人若未依規定備份資料, 將視為重大缺點, 以不及格論 43

試題編號 :17300-104305 主 題 : 書曼的旅遊相簿 軟體安裝及測驗時間 :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 0531.jpg 0541.jpg 0551.jpg 0552.jpg 0553.jpg 0554.jpg 0555.jpg 0501.mid 函式庫 ( 無 ) 試題說明 : 一 本試題為 書曼的旅遊相簿 的網頁設計, 其架構如圖 5-1 所示 另針對所需要製 作的功能進行詳細的說明 書曼的旅遊相簿 選 單 區 跑馬燈廣告區 網頁內容區 圖 5-1 網站架構圖 二 應檢人需依照試題說明進行網頁設計, 所有需用到或參考的檔案 資料均放置於 C: 磁碟之中, 其包含以下資料夾 : ( 一 ) 試題本 資料夾 : 提供網頁設計丙級技術士技能檢定術科測試試題電子檔 44

( 二 ) 素材 資料夾: 提供應檢網頁設計之素材 ( 三 ) 其它版本軟體 資料夾: 提供原評鑑軟體其它版本之安裝軟體 三 自行安裝軟體以考場評鑑規格 ( 詳見考場設備規格表 ) 為主, 若考場提供符合 場地及機具設備評鑑自評表 中原軟體規格 ( 含 ) 以上之其他版本供應檢人選擇安裝使用, 則應檢人使用該版本軟體之風險須自行承擔 四 評分時, 動作要求各項目的所有功能, 只要有一細項功能不正確, 則扣該項分數, 但以扣一次為原則 五 有錯別字 ( 含標點符號 英文單字 ) 漏字 贅字 全型或半型格式錯誤者, 每字扣 1 分 若前述導致功能不正確者, 則僅依該項動作要求扣分 英文大小寫視為不同, 請依動作要求輸入 六 試題要求中的物件, 若無特別指定則以美觀為原則, 自行設定, 不列入扣分項目 七 功能要求 : ( 一 ) 建置資料夾 網站版面尺寸及設定網站伺服器, 內容包括 : ( )1. 在 C: 磁碟建立本網站主文件資料夾 webxx, 儲存製作完成的結果 (XX 為個人檢定工作崗位號碼, 如 01 02 30 等 ) ( )2. 整體網站版面尺寸以 1024 768px 設計, 頁面水平置中 (*)3. 在 webxx 資料夾下建立 images 資料夾, 將所有應使用的圖形檔均放置在 images 資料夾中 ( 有特別說明者, 不在此限 ) (*)4. 在 webxx 資料夾下建立 music 資料夾, 將所有應使用到的音樂檔均放置在 music 資料夾中 ( 有特別說明者, 不在此限 ) (*)5. 在 webxx 資料夾下建立 album5 資料夾, 將製作相簿時, 所完成的檔案放置於 album5 資料夾中 ( )6. 應檢人需自行架設本機網站伺服器, 可於瀏覽器網址列 (URL) 中輸入 http://127.0.0.1/ 或 http://localhost/ 以瀏覽網站 ( 二 ) 設計首頁, 內容包括 : (*)1. 首頁檔名為 (index.html index.htm default.html 或 default.htm), 置於網站的根目錄 (C:\webXX) 下 45

(*)2. 首頁標題 書曼的旅遊相簿 (*)3. 設定首頁區域內的背景顏色 #FFFFCC, 區域外的背景顏色 #333333 (*)4. 網頁背景音樂 0501.mid (*)5. 首頁版面水平置中, 包含三個區塊, 分別為選單區 (menu) 跑馬燈廣告區 (marquee) 網頁內容區(content) 各個區塊的寬度 高度 內外距 (padding/margin) 邊框(border) 顏色(color background-color) 等項目自行設計, 可參考圖 5-2 所示 首頁區 (main) 150px 跑馬燈廣告區 (marquee) 1024px 50px 選單區 (menu) 768px 網頁內容顯示區 (content) 圖 5-2 版型寬度及高度之參考示意圖 ( 三 ) 選單區需含下面的資訊 : (*)1. 製作一個 12 1( 十二列一欄 ) 表格, 表格邊框粗細為 0px, 水平置中對齊 ( )2. 製作一個 書曼的旅遊相簿 圖片, 檔名為 0508.gif 標楷體 外框字效果 背景為透明色, 字體外框顏色依序如下列 (A) 至 (D) 標註, 其中 書曼的 的顏色固定, 旅遊相簿 等四個字元的間隔約 1 秒輪替循 46

環變化 ( 結果可參考 範例 0508.gif 檔 ) (A) 書 (FF0000) 曼(FF0000) 的(000000) 旅(0000FF) 遊(00FF00) 相(00FFFF) 簿(FF00FF) (B) 書 (FF0000) 曼(FF0000) 的(000000) 旅(FF00FF) 遊(0000FF) 相(00FF00) 簿(00FFFF) (C) 書 (FF0000) 曼(FF0000) 的(000000) 旅(00FFFF) 遊(FF00FF) 相(0000FF) 簿(00FF00) (D) 書 (FF0000) 曼(FF0000) 的(000000) 旅(00FF00) 遊(00FFFF) 相(FF00FF) 簿(0000FF) (*)3. 表格第一列插入圖片 0508.gif, 寬 125px 高 20px, 水平置中對齊, 替代文字為 書曼的旅遊相簿 ( 注意 : 若應檢人無法完成前項之圖片 0508.gif, 需以圖片 範例 0508.gif 代替, 以利完成替代文字的設定 ) (*)4. 表格第二列插入圖片 0507.jpg, 寬 120px 高 120px, 水平置中對齊, 替代文字為 書曼 ( )5. 表格第四列插入圖片 0501b.gif, 水平置中對齊, 替代文字為 金門逍遙遊, 當滑鼠移過時交換成圖片 0501r.gif ( )6. 表格第五列插入圖片 0502b.gif, 水平置中對齊, 替代文字為 卡蹓到馬祖, 當滑鼠移過時交換成圖片 0502r.gif ( )7. 表格第六列插入圖片 0503b.gif, 水平置中對齊, 替代文字為 踏浪澎湖行, 當滑鼠移過時交換成圖片 0503r.gif ( )8. 表格第七列插入圖片 0504b.gif, 水平置中對齊, 替代文字為 綠島唱夜曲, 當滑鼠移過時交換成圖片 0504r.gif ( )9. 表格第八列插入圖片 0505b.gif, 水平置中對齊, 替代文字為 蘭嶼賞魚去, 當滑鼠移過時交換成圖片 0505r.gif, 點按時, 相對應之相簿內容 ( 功能要求 ( 八 ) 建置 album5 功能 ) 需在主題內容顯示區呈現 ( )10. 表格第十列分行輸入 日期 :yyyy/mm/dd 維護:XX, 字型大小 12px 加粗(bolder) 新細明體 顏色#FF0000, 水平置中對 47

齊 yyyy/mm/dd 為應檢日期, 其中 yyyy: 西元年 mm: 月份 dd: 日期 ;XX: 崗位號碼, : 應檢人姓名 ( )11. 表格第十二列插入圖片 0506b.gif, 水平置中對齊, 替代文字為 回首頁, 當滑鼠移過時交換成圖片 0506r.gif ; 點按時, 連結到預設首頁呈現整個版面 ( 四 ) 跑馬燈廣告區需含下面的資訊 : ( )1. 跑馬燈廣告區內的上 下 左 右與邊界的內距 (padding) 均為 0px, 且無捲動軸 ( )2. 區域內以跑馬燈動態方式呈現, 方向由右到左呈現 歡迎來到書曼的旅遊相簿, 本網站有我的旅遊影像紀錄介紹耶!, 字型大小 14px 標楷體 加粗 (bolder) 顏色#FF0000, 需水平置中對齊 垂直置中對齊 ( 五 ) 網頁內容區需含下面的資訊 : ( )1. 網頁內容展現時, 上 下 左 右內距 (padding) 至少須保留 36px ( )2. 將圖片 0511.jpg 與 0509.jpg 做影像合成, 存成 0511a.jpg, 圖片寬 高均依相框規格調整, 參考完成結果如下圖 原圖片 (0511.jpg) 相框 (0509.jpg) 合成圖片 (0511a.jpg) ( )3. 將圖片 0521.jpg 與 0509.jpg 做影像合成, 存成 0521a.jpg, 圖片寬 高均依相框規格調整, 參考完成結果如下圖 原圖片 (0521.jpg) 相框 (0509.jpg) 合成圖片 (0521a.jpg) 48

( )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) ( )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, 參考完成結果如下圖 49

(*)8. 網頁內插入圖片 0510a.gif, 寬 610px 高 300px, 水平置中對齊 ( )9. 圖片 0510a.gif 中之 0551a.jpg 的圖像上建立影像地圖( 區域如上圖虛線部分 Part B), 點按 Part B 時, 相對應之相簿內容 ( 功能要求 ( 八 ) 建置 album5 功能 ) 需在主題內容顯示區中呈現 ( 六 )album5 資料夾需含下面的資訊 :( 於網頁內容區呈現, 參考完成結果如下圖 ) (*)1. 背景顏色 #FFFFCC, 電子相簿內容皆須水平置中 ( )2. 將 0551.jpg 0552.jpg 0553.jpg 0554.jpg 0555.jpg 等五張圖片製作一個由左至右的電子相簿, 每張小圖片寬 60px 高 45px, 框線顏色 #FFFF00 實線(solid) 中等粗細(medium) ( )3. 下圖中, 滑鼠移入每張小圖片時, 指標為 框線顏色#00FFFF 同時, 點按時上面呈現相對應之原圖片, 並設定原圖片寬 400px 高 300px 框線 5px( 例如點按第 4 張的小圖片, 則出現相對應之圖片, 參考結果如上圖 ) 50

(*)4. 原圖片上方呈現電子相簿標題文字 蘭嶼賞魚去, 字型大小 20px 標 楷體 加粗 (bolder) 底線 顏色 #0000FF ( 七 ) 資料備份 : 評分後, 將製作完成的結果 ( 整個 webxx 資料夾 ) 備份到 檢定用隨 身碟 中, 應檢人若未依規定備份資料, 將視為重大缺點, 以不及格論 51

拾 網頁設計丙級技術士技能檢定術科測試時間配當表 每一檢定場, 每日排定測試場次為上 下午各乙場, 程序表如下 : 時間內容備註 1. 監評前協調會議 ( 含監評人員檢查機具設備及清空檢定用隨身碟資料 ) 2. 應檢人報到完成 3. 應檢人抽題及工作崗位 08:30~09:10 4. 場地設備作業說明 5. 測試應注意事項說明 6. 應檢人試題疑義說明 7. 應檢人檢查設備 8. 其他事項 09:10~11:10 11:10~12:20 12:20~13:00 13:00~15:00 15:00~15:40 第一場測試術科測試時間 120 分鐘 1. 監評人員進行評分 2. 監評人員休息用膳 3. 監評人員檢查機具設備及清空檢定用隨身碟資料 1. 應檢人報到完成 2. 應檢人抽題及工作崗位 3. 場地設備作業說明 4. 測試應注意事項說明 5. 應檢人試題疑義說明 6. 應檢人檢查設備 7. 其他事項 第二場測試術科測試時間 120 分鐘 監評人員進行評分 15:40~ 檢討會 ( 監評人員及術科測試辦理單位視需要召開 ) 52