网页设计丙级

《网页设计丙级》由会员分享，可在线阅读，更多相关《网页设计丙级（108页珍藏版）》请在金锄头文库上搜索。

1、網頁設計丙級,內埔農工 吳宜真,網頁設計丙級檢定考試快速教學秘笈,Q1:請問網頁設計丙級檢定是考些什麼？要考多久？題型為何？ A1:考的是基本的網頁設計和網站發布。考試時間2小時，分學科、術科兩類，其中學科題庫有1000題，考試時是非、選擇各抽50題，共100題，及格60分；至於術科，共20題，分為四大類型，分別是社團介紹網站、運動廣場連結網、國家公園介紹網及大家來購物網（每一類型各5題），每項實作配分都扣不少，按照題目說明，否則扣分超過40分就不及格了。,Q2:請問網頁設計丙級檢定使用的軟體是哪一些？ A2:目前考場使用的軟體以Microsoft Office套裝軟體中的FrontPage為

2、主，術科題目還會用到PhotoImpact、GIF Animator等軟體。Q3:請簡述一下丙級網頁設計術科檢定考試操作流程？ A3:先抽籤題目（20抽1），再到考試座位檢查應考設備、軟體。一切就緒後，先安裝FrontPage軟體，設定好IIS或PWS，然後以瀏覽器打開，輸入http:/127.0.0.1/或http:/localhost/，逐項依題目實作（檔案夾設定、框架頁規劃、首頁及各子頁製作、連結）。當題目操作完後，務必以Explore瀏覽器一一檢查，確認沒問題後舉手，監評會走過來，要求您一項一項的動手顯示給他看，並當場評分。,題組一：社團介紹網站 （0301、0305、0309、030

3、13、0317題）,準備動作： 1. 在桌面按滑鼠右鍵 內容/設定值/螢幕解析度 設定：800600像素。,2. 游標滑至下方功能表開始按右鍵/檔案總管 在C:/建立新資料夾WEB，關閉視窗。,3. 開啟Frontpage檔案/開啟網站 /C:/ WEB0新增Frontpage資訊至資料夾、是再依題於資料夾清單新增homepage、music、guitar資料夾 從檔案/匯入將所需圖形檔（gif、jpg）、音樂檔（mid）分別匯入image、music資料夾。,4. 依題目建立新網頁title.htm、menu.htm、main.htm。於homepage資料夾上按右鍵，新增/網頁，再按下儲存

4、檔案鈕，儲存位置點選homepage資料夾，檔案名稱依次設定為title.htm、menu.htm、main.htm，再按下儲存鈕。,一、 Index首頁製作,1. 框架設定：工具列左上建立新網頁右側 網頁/框架頁橫幅和目錄。,2. 進入index框架頁畫面，點選上層設定初始網頁 連結至現存網頁：選取title.htm。,3. 先點一下title框架頁，點選工具列框架之框架內容 將名稱改為：title 框架大小之高度依題目設定（第1題69像素，其他依題設定像素）。,4. 再依次設定menu、main之初始網頁，並於框架內容將名稱改為menu、main；menu框架大小之寬度依題目設定為30。,

5、二、 title網頁製作,1. 進入title頁後，點選功能表格式/背景/背景設定格式 背景色彩設定：F8FB9E格式/背景/邊界設定上、左邊界像素。,2. 依題目插入/圖片 從檔案；再點選圖片，按右鍵 圖片內容 一般/替代顯示/文字 輸入替代文字：國立玉山高中回首頁。,3. 動態效果：依題說明在圖片右（或左、上下）方輸入文字、調整大小顏色 選取文字 點選：格式/動態DHTML效果（或在檢視/工具列之DHTML效果） 出現方框：在載入網頁/套用逐句置放 檔案儲存。,三、 menu網頁製作,1. 進入menu頁後，點選功能表格式/背景/設定格式背景色彩設定。,2. 表格：點選表格/插入/表格表格

6、對話框： 1欄6列 ，對齊方式：置中，框線大小：0，依題於表格上按右鍵設定背景色彩。,3. 社團介紹圖片製作：打開photoimpact 檔案/開新檔案/開新影像 使用者自訂：寬度150像素、高度60像素 出現工作畫面：在左側工具列點選色彩填充工具/線性填充工具 上方工具列：填充方式雙色、填充色彩依題設定起始 結束色彩 於新影像按住左鍵由上往下拖曳放開，底色完成 左方工具列點選T（文字工具） 輸入社團介紹，再於上層工具列設定標楷體字型、大小36 調整文字位置置中 點選上方功能表物件/全部合併存檔：點選上方工具列網路/影像最佳化格式 點選對話框GIF，另存新檔於c:web01image，依題輸入

7、檔名*05.gif。,4. 表格內容：第一列插入社團介紹gif檔（插入/圖片/從檔案） 點選圖片，按右鍵點圖片內容 一般/替代顯示，輸入文字，置中、字體顏色設定 再依題於第二五列輸入XX社、第六列輸入聯絡我們。,5.吉他社動態效果：選取吉他社 檢視/工具列/DHTML效果 對話框：在滑鼠移過/ 套用設定格式/選擇框線/外凸。,6. 吉他社網頁製作：在guitar資料夾開3新網頁，檔名為guitar_history、guitar_event、guitar_learning 選取吉他社 插入/超連結/ 現存檔案網頁guitar-history/目標框架/相同框架：目標設定輸入main。,7. 聯絡

8、我們動態及超連結：動態效果作法同吉他社 選取聯絡我們 插入/超連結/電子郵件地址：輸入mailto：societymail.yusan.edu.tw。,8. 設定更新日期：表格下方輸入最近更新文件： 下一行輸入日期，設定字體顏色。,四、 main網頁製作,1. 進入main頁後，點選功能表格式/背景/背景中設定格式/背景圖片/瀏覽 依題設定。,2. 校長玉照合成：開啟Photoimpact 依題打開*02.jpg、*04.jpg兩檔案，同時並列 先點選校長大頭照，再於左方工具列點選標準選取工具/魔術棒工具、上方工具列模式：在校長大頭照外部空白處點選，避免出現小圈圈，最後僅包圍校長玉照 點選選取

9、區/改選未選取部份複製/貼上到*04.jpg檔案 物件/全部合併 檔案/ 另存新檔：c:web*image*06.jpg。,3. 表格插入一列二欄【依題圖片在上、文字在下，可設定二列一欄】，置中、框線大小0、指定寬度不勾選左邊欄插入合成照圖片*06.jpg 點選圖片按右鍵，圖片內容/外觀/勾選指定大小：寬、高像素/並勾除保持比例選項 再點選對話框一般/替代顯示/文字輸入：校長玉照 右邊欄依題輸入嗨！ 歡迎加入.，依題設定字體顏色。,4. 水平底線製作：游標移至表格下方 功能表插入/水平線 點選水平線按右鍵水平線內容：依題設定高度像素、色彩 下一列輸入網頁設計及維護：，依題說明設定字體、大小、顏

10、色。,1. 進入guitar_histor頁後，點選功能表格式/背景/設定格式/背景圖片/瀏覽依題設定 再於對話框點選一般/背景聲音/位置/瀏覽/ *01.mid。,五、guitar_history網頁製作,2. 吉他社社史動態效果：游標移至頁面左上 功能表插入/Web元件/跑馬燈、完成/文字輸入吉他社社史 設定字體型式、大小。,3. 標題製作：游標移至吉他社社史下一列表格插入一列三欄，置中、框線 大小0 表格分別輸入回社團介紹首頁、吉他社近期活動、吉他社教學內容 回社團介紹首頁圈選後插入/超連結/現存網頁：index.htm /目標框架/整頁：_top 【如題目說明為開新網頁，請在目標框架下

11、改為開新視窗】吉他社近期活動、吉他社教學內容依序圈選後插入/超連結/現存網頁：guitar_event.htm（、guitar_learning.htm） /目標框架/目標設定：main 。,4. 匯入文字檔：游標移至下一列 點選功能表插入/檔案/開啟考試資料夾中*01.txt檔 對話框轉化文字為：有分行符號的一般段落格式 靠左對齊，依題設定字體大小、顏色。,六、guitar_event網頁製作,1. 進入guitar_event頁後，點選功能表格式/背景/設定格式/背景圖片/瀏覽依題設定 再於對話框點選一般/背景聲音/位置/瀏覽/ *01.mid。,2. 吉他社近期活動公告動態效果：游標移至

12、左上 功能表插入/Web元件/跑馬燈、完成/文字輸入吉他社近期活動公告 設定字體型式、大小。,3. 標題製作：游標移至下一列表格插入一列三欄，置中、框線 大小0 表格分別輸入回社團介紹首頁、吉他社社史、吉他社教學內容 各標題超連結作法同五、guitar_history網頁製作 。,4. 網頁內容製作：游標移至下一列表格插入一列四欄，置中、框線 大小0 分別輸入0*02.txt之日期：九月十六日、十月三十一日、十二月二十五日、元月一日 再於下一列插入表格四列二欄，置中、框線 大小0 各列右邊欄位全部輸入Top靠左 插入/檔案開啟0*02.txt檔/對話框轉化文字為：有分行符號的一般段落格式 分別

13、將文字內容拖曳到表格左邊四列 依題設定字體大小、顏色。,5. 書籤製作：游標移至吉他社近期活動前方 插入/書籤：A 再分別將游標移至四列二欄中表格各列左端，依次插入/書籤：B（、C、D、E） 再將本表格右欄之Top圈選，插入/超連結/連結至這份文件中的位置：A 再於一列四欄表格中4個日期，分別插入/超連結/連結至這份文件中的位置：B（、C、D、E）。,七、guitar_learning網頁製作,1. 進入guitar_learning頁後，點選功能表格式/背景/設定格式/背景圖片/瀏覽依題設定 再於對話框點選一般/背景聲音/位置/瀏覽/ *01.mid。 2. 吉他社教學內容動態效果：游標移至

14、左上 功能表插入/Web元件/跑馬燈、完成/文字輸入吉他社教學內容 設定字體型式、大小。,3. 標題製作：游標移至下一列表格插入一列三欄，置中、框線 大小0 表格分別輸入回社團介紹首頁、吉他社近期活動、吉他社教學內容 各標題超連結作法同五、guitar_history網頁製作 。,4. 動態按鈕製作：游標移至下一列表格插入七列二欄（第七列合併成一欄），置中、框線 大小0 開啟*03.txt檔，共有13個小標題 先圈選1個小標題，剪下，再將游標依序移至表格欄位 插入/Web元件/互動式按鈕/完成/ 任選一按鈕型/文字空白處貼上之前剪下之小標題，依次完成113個小標題 儲存檔案/要儲存內嵌物件/ 確定。,八、最後檢查,1. 回到index首頁，點選下方工具列程式碼 將程式碼中改成：title國立玉山高中社團介紹網站/title 檔案儲存。,2. IIS設定：開始/控制台/系統管理工具/Interner Information Service 點選預設的網站，按右鍵 內容/主目錄/ 本機路徑：C:WEB。 3. 以檔案/在瀏覽器中預覽/xplore在網址輸入：127.0.0.1，再按Enter預覽各網頁功能，並對照試題說明是否有誤。 4. 檢查各網頁未規定之中文是否為新細明體、英文數字是否為Times New Roman,