教育部改善師資經費補助 正修科技大學 102 年度教師編纂教材成果報告 ************************** 網際網路應用 ************************** 團體 個人 單 位 : 工業工程與管理系 單位主管 : ( 簽章 ) 職 姓 稱 : 講師 名 : 林邦傑 執行期間 :102 年 2 月 1 日至 6 月 31 日 教評會審查期間 : 學年度第次 ( 年月日 )
網頁設計丙級檢定 Level C technician for web page design 正修科技大學工業與工程管理系林邦傑 知識 技能 教學目標 網際網路概論相關知識 網頁設計丙級檢定學 術科相關知識 學會電腦系統 網路設定及網頁設計相關技能 熟悉網頁設計丙級檢定術科相關技能 輔導同學通過丙級網頁設計學術科測驗, 取得專業證照 丙網網頁技術士證照 參考資源 http://www.labor.gov.tw/ 行政院勞委會中部辦公室 https://www.etest.org.tw/evta/web/ 丙級學科測試服務網 http://www.104certify.com.tw/ 104 證照中心 http://www.cc123.com.tw/download.ph p?cid=34 丙級網頁設計 - 術科動態教學 檢定規則 網頁設計丙級包含 學科 與 術 科, 兩個科目都通過才能取得檢定證書 若學科不通過, 仍可參加術科考試 ; 如術科通過則成績可以保留三年, 這三年內考生於報名時申請 免試術科 1
考試內容 學科檢定規則 1. 作業準備 ( 一 ) 電腦操作 2. 應用軟體安裝及使用 ( 一 ) 網頁相關軟體操作 ( 二 ) 網際網路軟體應用 3. 系統軟體安裝及使用 ( 一 ) 中文系統操作 ( 二 ) 電腦網路系統操作 ( 三 ) 作業系統操作 4. 資訊及安全 ( 一 ) 病毒防治 ( 二 ) 系統安全 ( 三 ) 災害防治 學科考試採公開題庫制學科題庫 : 選擇題 700 題 考題由題庫中抽選 80 題, 考題內容與題庫內容一字不變, 但如困考生是參加即測即評, 則選項順序會異動 答錯不倒扣, 每題 1.25 分, 60 分及格 考試時間 100 分鐘 教材與網路資源 網頁設計丙級技術士技能檢定術科測試檢定流程圖 教科書 : 網頁設計丙級檢定學術科 / 林文恭研究室景資訊工作室 / 碁峰,2010, ISBN: 978-986-181-892-4 網上題庫參考網站 : http://www.cc123.com.tw/download.php?cid =34 丙級網頁設計 - 術科動態教學 https://www.etest.org.tw/evta/web/ 丙級學科測試服務網 聯絡方式 電子郵件 : k0391@gcloud.csu.edu.tw ilms 的課程討論區發表 校內分機 3531 網頁設計丙級檢定 Level C technician for web page design 術科試題 960304 正修科技大學工業與工程管理系林邦傑 2
學習目標 術科試題 960304 網路行銷購物網 網路行銷購物網題目 960304 的解題示範 試題說明 達成目標 解題建議 利用 PhotoImpact 完成所有的圖檔處理 術科試題 960304 前置步驟以 PhotoImpact 處理影像 利用 FrontPage 完成網站與所有網頁架設 設定 IIS 備份 ( 請依監試人員說明 ) 步驟 0 影像處理 3
試題動作要求 ( 六 七 ) 開啟影像處理軟體 ( 以 PhotoImpact 為例 ) ( 六 ) conditioner1.htm ( )2. 0404.jpg 30 度 不 冷 ( ) conditioner2.htm ( )2. 0405.jpg 30 度 不 冷 開啟舊檔 找到 0404.jpg 打開變形工具 向左旋轉 30 度 檔案 另存新檔 ( 七.2) 將 0405.jpg 右旋 30 度後存檔 4
網頁設計丙級檢定 Level C technician for web page design 術科試題 960304 術科試題 960304 以 FrontPage 解題步驟一 正修科技大學工業與工程管理系林邦傑 步驟 1.1 建立網站及設定資料夾 試題動作要求 ( 一 ) 開啟程式集中的 FrontPage 軟體 建立新網站 選擇空白網站 5
指定網站位置 完成 C 槽 WEB04 目錄的網站 WEBXX 料 (XX 01 02 30 ) 建立指定的資料夾 輸入正確的資料夾名稱 建立資料夾 music 及 results 步驟 1.2 匯入考題資料檔 6
匯入檔案 新增檔案 選取 960304 目錄下所有檔案 確定匯入 將 mid 檔拖曳至 music 將文字檔拖曳至 WEB04 7
檢查完成情形 images 步驟 1.3 建立目錄中的網頁 0401.Mid music 0401.txt 0402.txt WEB04 選擇 homepage 後新增空白網頁 重新命名 重覆建立題目中規定的網頁 術科試題 960304 以 FrontPage 解題步驟二 步驟二建立網站 ( 框架式 ) 首頁 8
試題動作要求 ( 二 ) 在 WEB04( 根目錄 ) 建立框架式網頁 拖曳 title.htm 至上框架 拖曳 main.htm 至中框架拖曳 bottom.htm 至下框架 在上框架按右鍵選框架內容 名稱 : title 框架大小的高度 : 69 像素, 9
重覆設定中框架及下框架內容 儲存檔案 1 試題動作要求 ( 三 ) 術科試題 960304 以 FrontPage 解題步驟三 步驟三建立 title.htm 網頁 在 title.htm 的頁框中按下滑鼠右鍵 設定格式 背景圖片 10
一般 背景聲音 在 title.htm 按右鍵 框架內容 框架高度可調整大小框架可自動顯示捲軸 加入表格 ( 建議 ),, 拖曳 0401.jpg 至左邊儲存格 右邊儲存格按右鍵 儲存格內容 11
儲存格內容設定 輸入文字 設定字型 設定藍色文字大小 4 在圖片上按右鍵選超鏈結 設定超鏈結 設定文字超鏈結 12
修改文字超鏈結樣式 也可以在這裏設定字體顏色 儲存檔案 ( 儘量在每個步驟都做 ) 術科試題 960304 以 FrontPage 解題步驟四 步驟四建立 main.htm 網頁 試題動作要求 ( 四 ) 13
在 main.htm 內按右鍵選網頁內容 網頁背景色 輸入文字並設定大小 文字反白情況下按右鍵選超連結 點選 results 目錄 14
點選 company.htm 並設定目標框架 第二列位置插入 Web 元件 準備做跑馬燈 加入跑馬燈動態文字 加入表單 ( 先 ) 與表格 ( 後 ),! 加入表格 3*2 右鍵選表格內容! 15
設定表格內容 設定背景圖片 拖曳 0404.jpg 至第 1 列第 1 欄 設定儲存格對齊 在圖片上按右鍵選圖片內容 設定圖片大小, 60! 16
圖片上按右鍵選超連結 超連結網頁 results 的 conditionaer1.htm 拖曳 0405.jpg 至第 1 列第 2 欄 設定 0405.jpg 超連結 輸入第二列的內容 插入選項按鈕 17
在選項按鈕後輸入文字 購買 複製選項按鈕並貼上 將文字改成 購買 不購買 考慮中 複製選項按鈕及內容 在乙牌冷氣處貼上,,! 將群組改成 R2 起始狀態 未選取 設定選項按鈕 R2 R2, R1, R2 18
設定重新設定鈕 加入空白鍵並置中對齊 加入我有話要說 加入電子郵件超連結 儲存檔案 術科試題 960304 以 FrontPage 解題步驟五 步驟五建立 bottom.htm 網頁 19
試題動作要求 ( 五 ) 設定背景圖片 設定訪客留言版 設定聯絡我們 儲存檔案 術科試題 960304 以 FrontPage 解題步驟六 步驟六圖片特效與 conditoiner1.htm 20
試題動作要求 ( 六 ) 開啟 conditioner1.htm 設定網頁背景顏色為 FFFFCC 拖曳 0404 左旋.jpg 至網頁中 置中對齊 設定圖片內容 設定替代顯示文字 21
匯入文字檔 0402.txt 選擇 Big5 繁體中文編碼 編輯 全選然後編輯 複製, 0402.txt Big 5 關閉檔案後 貼上文字內容 點選照片後, 插入 書籤在書籤名稱中輸入 top, 在文字下方加入 TOP 後居中對齊選取 TOP 文字後按右鍵 超鏈結 這份文件中的位置 top 書籤 22
儲存檔案 術科試題 960304 以 FrontPage 解題步驟七 步驟七 conditoiner2.htm 試題動作要求 ( 七 ) 請參考解題步驟六 0405.jpg 試題動作要求 ( 八 ) 術科試題 960304 以 FrontPage 解題步驟八 步驟八 company.htm 23
設定背景 插入 3 列 2 欄表格並在表格內設定表格內容 表格內容 選取表格第一欄 設定儲存格內容 24
在表格下方插入表單 複製表格後, 貼至表單中 編輯表單中的表格內容 插入 表單 文字方塊 插入表單文字方塊 表單欄位內容 設定客戶留言文字區域 25
設定重置鈕 術科試題 960304 以 FrontPage 解題步驟九 步驟九 message.htm 試題動作要求 ( 九 ) 開啟 message.htm 設定背景 拖曳 0407.jpg 至網頁內 圖片內容 26
設定圖片內容並設定置中對齊 切換至 company.htm 網頁 全選 複製 切換至 message.htm 網頁 貼上 選取第一個表格後刪除 修改文字與設定表格內容 設定表格第一欄儲存格內容 27
設定按鈕 儲存檔案 試題動作要求 ( 十 ) 28