侨光行政人员训练课程.pptVIP

僑光行政人員訓練課程--Frontpage網頁維護 僑光行政人員訓練課程 僑光行政人員訓練課程 Frontpage 網頁維護 WWW簡介 「WWW」(Word Wide Web)全球資訊網是1989年歐洲高能粒子協會一個研究小組所開發的一種全新的Internet服務，WWW能夠在網路上傳送圖片、文字、影像、聲音等多媒體資料，由Tim Berners Lee領導的小組所開發的主從架構分散式網路服務系統。 WWW的基礎-名詞解說 WWW的架構-說明 WWW全球資訊網屬於一種主從架構的系統。 主端是「伺服端」(Server)：指的是Web伺服器，在伺服器上儲存著HTML文件等網頁文件和圖片等多媒體資料。 從端是「客戶端」(Client)：使用者執行瀏覽程式的電腦，負責和伺服器溝通和讀取伺服器的資料，也就是HTML文件。 WWW的架構-圖例 Web伺服器儲存客戶端請求的資料，以微軟來說就是「IIS」（Internet Information Server），從端是使用瀏覽程式顯示伺服端文件，微軟的Internet Explorer是目前巿場佔有率最高的瀏覽程式。 WWW的架構-HTTP WWW採用「HTTP」（Hypertext Transfer Protocol）通訊協定將伺服器的資料傳送到瀏覽程式，伺服器在架構上處於被動角色，等待使用者藉著瀏覽程式提出瀏覽的HTTP請求，Web伺服器針對請求進行檢查，如果沒有問題就開始傳輸資料，傳輸的資料為HTML文件和相關的多媒體檔案。 網站運作的概念 網頁的製作流程 網頁與首頁 何謂網頁？ 透過瀏覽器在 WWW 上所看到的每一個畫面都是網頁 (Web Page) 何謂 Home Page (首頁)？ 進入一個網站時所看到的第一個網頁 功能：負責導覽及介紹必威体育精装版消息 網站就是網頁的集合 設計者先把整個網站架構規劃好, 然後再分別製作出不同的網頁, 讓網頁間彼此相連。這樣完整的架構就稱為網站 網站放在哪裡 一般網站放置在稱為伺服器 (Server) 的電腦中, 除了伺服器在維修或壞掉時關機, 其餘時間都可瀏覽 除自行架設伺服器外, 一般個人與小企業、工作室, 可向 ISP (Internet Service Provider 網路服務提供者) 申請, 在他們的伺服器上租一塊空間放置網站 網站與伺服器 網頁技術 靜態網頁網頁是由HTML所撰寫，無論在何時何地瀏覽，皆呈現相同的畫面與內容，且使用者僅能瀏覽，無法提供訊息給網站，讓網站回應使用者的需求。 動態網頁網頁是由 JavaScript, VBScript, ASP, PHP, JSP所撰寫，讓網頁能夠依照不同的情況做出動態回應 網頁美工在網頁中加入圖檔及動畫等，常用之軟體為PhotoImpact, Photoshop, Flash. 什麼是 HTML HTML 文件結構 標籤 (tag) 由小於 “ “ 及大於 “” 符號組成 一般文字 Ex：title旗標出版公司/title 基本的標籤 HTML 文件最基本的標籤： 1.HTML/HTML 文件的開始與結束 2.HEAD/HEAD 標示文件資訊 3.BODY/BODY 標示本文 4.TITLE/TITLE 文件標題 HTML 基本架構 網頁的組成元素 文字 圖片 超連結 其他元素 網頁文字 網頁元素中最基本、最重要的內容 優勢：檔案小、速度快 所佔的檔案空間非常小 (一個中文字 2 Bytes) 進入一個純文字的網頁時, 大約只要 1、2 秒鐘就可以看到整篇網頁 可利用 HTML 的語法以及新的 CSS 樣式表來改變色彩、格式與大小等屬性, 滿足不同的設計需求 變換網頁文字的限制 瀏覽者的電腦裡若沒有網頁中使用的字體, 瀏覽到該網頁時, 就只能以系統預設的字型顯示 解決方法可將把網頁文字做成圖形, 不過檔案大小會增大很多 關於網頁圖片 常應用在 WWW 上的圖形有 JPG、GIF 和 PNG 幾種格式 這些格式除了具有壓縮比例高的特性之外, 也具有跨平台的優點 不管瀏覽者用的是什麼作業系統, 都能直接在瀏覽器上看到這幾種格式的圖片 網頁圖片的應用 關於超連結 點選頁面上超連結可以： 像穿越任意門一般迅速到達要去的地方 下載檔案 寄 e-mail 給網站的主人... 網頁中不論是文字或圖形都可以加上超連結標記 超連結的種類 連往別的網站的外部超連結 連結自己網站內部 Web Page 的內部超連結 連結同一頁面中部分內容的書籤 連至檔案以下載之的下載超連結 可以寄 E-mail 的 E-mail 超連結 按下或滑鼠移上時可以啟動程式產生特效的超連結 其他元素 表格、表單 聲音、影像、多媒體 程式特效 其他各類多媒體 Plug-in 表格、表單 表格在網頁中的使