1 / 62

網頁設計丙級檢定

網頁設計丙級檢定. 葉吉原 chiyuan.yeh@gmail.com. 第一週. FrontPage 2003 安裝與操作介面簡介 建立新網站 建立資料夾 匯入檔案 移動檔案 建立新網頁、網頁格式設定 文字、格式設定. 第一週. 插入圖片、格式設定 插入音樂 插入表格 插入超連結 動態效果 DHTML. 本週進度. IIS 安裝及設定 設定書籤、超連結 插入水平線 <HR> 互動式按鈕 框架 Frame 介紹 PhotoImpact 安裝與操作介面簡介 漸層圖片製作 合成圖片製作 實做試題 960301. 學科練習.

adena-sanders
Download Presentation

網頁設計丙級檢定

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 網頁設計丙級檢定 葉吉原 chiyuan.yeh@gmail.com

  2. 第一週 • FrontPage 2003 安裝與操作介面簡介 • 建立新網站 • 建立資料夾 • 匯入檔案 • 移動檔案 • 建立新網頁、網頁格式設定 • 文字、格式設定

  3. 第一週 • 插入圖片、格式設定 • 插入音樂 • 插入表格 • 插入超連結 • 動態效果 DHTML

  4. 本週進度 • IIS 安裝及設定 • 設定書籤、超連結 • 插入水平線 <HR> • 互動式按鈕 • 框架 Frame 介紹 • PhotoImpact 安裝與操作介面簡介 • 漸層圖片製作 • 合成圖片製作 • 實做試題 960301

  5. 學科練習 • Access 2003 • 173003-bg-2003版.mdb • Access 2007 – 2010 • 173003-2010版.accdb • 請依照您電腦安裝的office 版本開啟題庫練習系統

  6. 安全性警告

  7. 答完後 點選 評分 在這裡點一下就可以開始作答

  8. 答錯 此為正確答案 按此 可以看說明

  9. 學科練習 • 2007 – 2010 版 跟 2003 版的操作很類似 • 請至 http://jofu.myweb.hinet.net/resources.html 下載檔案 • 練習 40 分鐘

  10. IIS 安裝 • Internet Information Services (IIS) 是微軟附在 Windows 作業系統中的架站軟體 • 電腦安裝 IIS 後，就可以當網站 • 假設安裝 IIS 電腦的 ip 是 114.33.240.53 • 打開其他台電腦的瀏覽器，然後在網址列輸入http:// 114.33.240.53，就可以看到那一台電腦的網頁 • IIS 是Windows 作業系統所提供的內建服務之一，預設不會安裝此服務，需另外安裝 • 安裝 IIS 需要 Windows XP 專業版的光碟

  11. IIS 安裝 • 方法一：放入Windows XP 專業版光碟 按這一項

  12. IIS 安裝 • 出現 Windows 元件精靈 捲軸往下拉直到出現IIS

  13. IIS 安裝 • 勾選 IIS 後再按下一步

  14. IIS 安裝 • 開始安裝 IIS

  15. IIS 安裝 • 方法二：進入 Windows XP 「控制台」，點選「新增或移除程式」，再點選左側第三項的「新增/移除 Windows 元件」

  16. IIS 安裝 • 出現 Windows 元件精靈 捲軸往下拉直到出現IIS

  17. IIS 安裝 • 勾選 IIS 後再按下一步

  18. IIS 安裝 • 開始安裝 IIS

  19. IIS 安裝 • 點選完成

  20. 打開「控制台」的「系統管理工具」會多出這個捷徑打開「控制台」的「系統管理工具」會多出這個捷徑

  21. 打開「我的電腦」會多出這個資料夾 這是預設的資料夾將做好的網頁放在這個資料夾即可

  22. 啟動與停止 IIS • 控制台  系統管理工具  Internet Information Services 表示已啟動

  23. 啟動與停止 IIS • 控制台  系統管理工具  Internet Information Services 表示已停止

  24. IIS 設定 • 術科考試要求考生必須做網站伺服器「主目錄」設定 • 預設：C:\Inetpub\wwwroot • 考場的電腦都會為考生安裝好 IIS 網站伺服器，考生在考試時不用自己安裝，只需設定「主目錄」即可 • 假設考生抽到的題目為 960301 • 網站資料存放位置為「C:\WEB01」 • 需指定 IIS 的主目錄為「C:\WEB01」

  25. IIS 設定 進入「控制台」的「系統管理工具」點選「電腦管理」

  26. IIS 設定 在「預設的網站」按「滑鼠右鍵」點選「內容」

  27. IIS 設定 • 點選「主目錄」標籤

  28. IIS 設定 • 更改為「C:\WEB01」

  29. IIS 安裝 • 家裡的電腦若不是 「專業版」，請至 Google 搜尋解決方法 這裡有許多網站教你怎麼解決問題

  30. 預備動作 • 建立一個新網站 • C:\WEB01 • 建立一個新的網頁 • guitar_event.htm • 下載練習檔案 2 • 匯入檔案至網站 • 影像檔移至images資料夾 • 音樂檔移至music資料夾

  31. 預備動作 • 標題：吉他社近期活動公告 • SIZE = 4 • 顏色：FF0000 • DHTML • 在：載入網頁 • 套用：逐句置放 • 插入一個 5 × 2 表格 • 複製 0102.txt 的資料至表格內，一段一格

  32. 書籤 • 網頁內容太長，瀏覽不方便 • 解決方法 • 將網頁內容分門別類，例如依照日期來分 • 每個類別給一個名稱 • 進入網頁後，點選類別名稱（書籤名稱），畫面會移至該內容

  33. 書籤 • 選取文字 • 插入/書籤/確定

  34. 書籤 • 加入書籤 • 標題列「吉他社近期活動公告」 • 日期：九月十六日 • 日期：十月三十一日 • 日期：十二月二十五日 • 日期：元月一日

  35. 書籤超連結 • 標題下方插入一個 1×4 表格 • 第一格：日期：九月十六日 • 第二格：日期：十月三十一日 • 第三格：日期：十二月二十五日 • 第四格：日期：元月一日

  36. 書籤超連結 • 選取文字「日期：九月十六日」 • 插入/超連結

  37. 書籤超連結 • 在「連結至」下方點選「這份文件中的位置」 • 在「選擇文件中的一個位置」下方點選「日期：九月十六日」，再按「確定」按鈕 之前做的書籤會全部出現

  38. 移到最上面

  39. 預備動作 • 建立一個新的網頁 • guitar_learning.htm • 標題：吉他社教學內容 • SIZE = 4 • 顏色：FF0000 • DHTML • 在：載入網頁 • 套用：逐句置放

More Related