美国大直高中2008學年度資訊研習.ppt

大直高中2008學年度資訊研習 FrontPage 2008 陳金山 教學大綱 第 一 章 談談HomePage網頁設計p.1 第 二 章 安裝Microsoft個人Web伺服器p.3 第 三 章 安裝Frontp.5 第 四 章 建構FrontPage Webp.7 第 五 章 規劃與建立FrontPage Web的網頁p.11 第 六 章 活用Web網頁佈景主題和共用邊框p.13 第 七 章 編輯FrontPage Web的網頁p.16 第 八 章 網頁的文字內容與清單項目p.20 第 九 章 文字超鏈結p.24 第 十 章 在網頁放上漂亮圖片p.26 第十一章 動態Animation GIF讓您製作廣告動畫p.30 第十二章 影像地圖Image Mapsp.31 第十三章 表格與框線的實作技巧p.32 第十四章 讓網頁擁有「專業」的效果p.35 第十五章 框架分割網頁的方法p.39 第十六章 Web網頁的互動表單p.43 第一章 談談HomePage網頁設計 Internet是什麼 WWW的源起 HomePage設計從歷史談起 您應該知道的網路術語 Internet是什麼 ARPA網路計劃 1980年代Internet這個名詞產生 1990年商業使用的Internet在美國正急速的擴大 Internet從原來少數人使用的網路系統變為平民化的網路系統。 WWW的源起 Internet = WWW(World Wide Web) 超媒體文件 HTML從歷史談起 HTML(HyperText Markup Language) Java JavaScript VBScript ActiveX 您應該知道的網路術語 TCP/IP通訊協定 IP位址 領域或網域名稱 電子郵件位址 第二章 安裝Microsoft 個人Web伺服器 Web伺服器是什麼 安裝個人Web伺服器 Web伺服器是什麼 Web伺服器就是一台連上Internet的電腦 伺服器上儲存著WWW的多媒體資料 Web瀏覽程式負責瀏覽資料和伺服器溝通讀取資料的任務 所謂瀏覽Web，正確的說便是閱讀其首頁(HomePage) Web伺服器如何傳送資料 基本上它採用HTTP（Hypertext Transfer Protocol）通訊協定來傳送資料 如何安裝Web伺服器 Windows 98 光碟片:執行add-ons\pws\setup 第三章 安裝FrontPage2000 什麼是FrontPage2000 安裝FrontPage2000 個人Web伺服器和FrontPage2000的關係 什麼是FrontPage2000 -1 FrontPage 2000是一套專業的網站管理和HomePage設計工具，由於承襲很多Word和Excel的特點，在實用上它並非只限於專業的網頁設計者，甚至根本不需要具備程式設計經驗，也一樣可以輕鬆建立專業的網站，設計出令人稱讚的精采首頁。 什麼是FrontPage2000 -2 FrontPage 屬於一個建構、組織管理和出版Web的工具，您可輕易建立Web站的架構、安排資料夾、測試修護超鏈結、多人維護管理和最重要的直接編輯網頁內容，最後在建立完Web頁面後，便可使用出版功能，將整個Web站的頁面放上Web伺服器、Intranet或WWW全球資訊網。 什麼是FrontPage2000 -3 FrontPage是一個網頁編輯的工具，它屬於一種「隨看即所得」的首頁編輯工具，您不需要學習HTML即可輕鬆建立首頁，而編輯的內容將和瀏覽程式顯示的結果一模一樣。 PWS和FrontPage2000的關係 PWS為一個陽春的Web伺服器，屬於Windows 98的版本，因此成為搭配FrontPage 2000作為網頁設計的選擇。 PWS為一個測試的Web伺服器，而FrontPage 2000則是管理此Web伺服器且替它設計網頁內容。 個人Web伺服器的功用是用來作為一個網站的測試平台，而FrontPage 2000則定位為專業的編輯工具來編輯網頁內容。 第四章 建構FrontPage Web 如何規劃Web站 認識Explorer的操作環境 建立FrontPage Web 開啟與管理FrontPage Web FrontPage Web的出版 如何規劃Web站 -1 思考Web站作何用途 公司首頁：宣揚公司形象，加入WWW全球資訊網已成為目前公司基本的宣傳模式。 銷售：採購用途的線上購物網在國外早以建立龐大的消費市場，反觀國內由於金融體系無法配合，信用卡網上消費終於在今年有了進一步的改革，希望能趕搭上新一代的消費方式