侨光行政人员训练课程_第1页
侨光行政人员训练课程_第2页
侨光行政人员训练课程_第3页
侨光行政人员训练课程_第4页
侨光行政人员训练课程_第5页
已阅读5页,还剩43页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

僑光行政人員訓練課程Frontpage網頁維護鄭瓊芬(cfcheng@.tw)Oct.20,20041WWW簡介「WWW」(WordWideWeb)全球資訊網是1989年歐洲高能粒子協會一個研究小組所開發的一種全新的Internet服務,WWW能夠在網路上傳送圖片、文字、影像、聲音等多媒體資料,由TimBernersLee領導的小組所開發的主從架構分散式網路服務系統。2WWW的基礎-名詞解說3

WWW的架構-說明WWW全球資訊網屬於一種主從架構的系統。主端是「伺服端」(Server):指的是Web伺服器,在伺服器上儲存著HTML文件等網頁文件和圖片等多媒體資料。從端是「客戶端」(Client):使用者執行瀏覽程式的電腦,負責和伺服器溝通和讀取伺服器的資料,也就是HTML文件。4

WWW的架構-圖例Web伺服器儲存客戶端請求的資料,以微軟來說就是「IIS」(InternetInformationServer),從端是使用瀏覽程式顯示伺服端文件,微軟的InternetExplorer是目前巿場佔有率最高的瀏覽程式。5

WWW的架構-HTTPWWW採用「HTTP」(HypertextTransferProtocol)通訊協定將伺服器的資料傳送到瀏覽程式,伺服器在架構上處於被動角色,等待使用者藉著瀏覽程式提出瀏覽的HTTP請求,Web伺服器針對請求進行檢查,如果沒有問題就開始傳輸資料,傳輸的資料為HTML文件和相關的多媒體檔案。6網站運作的概念7網頁的製作流程8網頁與首頁何謂網頁?透過瀏覽器在WWW上所看到的每一個畫面都是網頁(WebPage)何謂HomePage(首頁)?進入一個網站時所看到的第一個網頁功能:負責導覽及介紹最新消息9網站就是網頁的集合設計者先把整個網站架構規劃好,然後再分別製作出不同的網頁,讓網頁間彼此相連。這樣完整的架構就稱為網站10網站放在哪裡一般網站放置在稱為伺服器

(Server)

的電腦中,除了伺服器在維修或壞掉時關機,其餘時間都可瀏覽除自行架設伺服器外,一般個人與小企業、工作室,可向ISP(InternetServiceProvider網路服務提供者)申請,在他們的伺服器上租一塊空間放置網站11網站與伺服器12網頁技術靜態網頁

網頁是由HTML所撰寫,無論在何時何地瀏覽,皆呈現相同的畫面與內容,且使用者僅能瀏覽,無法提供訊息給網站,讓網站回應使用者的需求。

動態網頁

網頁是由JavaScript,VBScript,ASP,PHP,JSP所撰寫,讓網頁能夠依照不同的情況做出動態回應

網頁美工

在網頁中加入圖檔及動畫等,常用之軟體為PhotoImpact,Photoshop,Flash.13什麼是HTML在瀏覽程式中所看到的內容原始的文件內容(執行『檢視/原始檔』命令)14HTML文件結構標籤

(tag)由小於“<“及大於“>”符號組成一般文字Ex:<title>旗標出版公司</title>15基本的標籤HTML文件最基本的標籤:1.<HTML></HTML>文件的開始與結束2.<HEAD></HEAD>標示文件資訊3.<BODY></BODY>標示本文4.<TITLE></TITLE>文件標題16HTML基本架構17網頁的組成元素文字圖片超連結其他元素18網頁文字網頁元素中最基本、最重要的內容優勢:檔案小、速度快所佔的檔案空間非常小(一個中文字2Bytes)進入一個純文字的網頁時,大約只要1、2秒鐘就可以看到整篇網頁可利用HTML的語法以及新的CSS樣式表來改變色彩、格式與大小等屬性,滿足不同的設計需求19變換網頁文字的限制瀏覽者的電腦裡若沒有網頁中使用的字體,瀏覽到該網頁時,就只能以系統預設的字型顯示解決方法可將把網頁文字做成圖形,不過檔案大小會增大很多20關於網頁圖片常應用在WWW上的圖形有JPG、GIF和PNG幾種格式這些格式除了具有壓縮比例高的特性之外,也具有跨平台的優點不管瀏覽者用的是什麼作業系統,都能直接在瀏覽器上看到這幾種格式的圖片21網頁圖片的應用22關於超連結點選頁面上超連結可以:像穿越任意門一般迅速到達要去的地方下載檔案寄e-mail給網站的主人...網頁中不論是文字或圖形都可以加上超連結標記23超連結的種類連往別的網站的外部超連結連結自己網站內部WebPage的內部超連結連結同一頁面中部分內容的書籤連至檔案以下載之的下載超連結可以寄E-mail的E-mail超連結按下或滑鼠移上時可以啟動程式產生特效的超連結24其他元素表格、表單聲音、影像、多媒體程式特效其他各類多媒體Plug-in25表格、表單表格在網頁中的使用:可以做為一般表格使用無邊框的表格常被利用來做網頁整體排版表單在網頁中的使用:表單是網頁與伺服端程式溝通的主要工具討論區、留言版、會員登錄等均常使用表單功能26聲音、影像、多媒體在網頁的應用設定背景音樂利用ActiveX控制項或其他方式將音樂和影像、多媒體(如Flash動畫…等)插入網頁中播放27程式特效利用Script程式或是JavaApplet之類的程式可以在網頁中製造各類效果常見的特效:跟著滑鼠移動的文字、水中倒影…28網頁的設計考量不同瀏覽器的觀看效果螢幕解析度與色彩顯示字型與語系的設定考量網路的傳輸速度29不同的瀏覽器Netscape和InternetExplorer所支援的HTML標籤就有些許不同,因此在網頁中所製作的效果可能會因為瀏覽者所使用的瀏覽器不同而呈現不一樣的效果使用者使用的瀏覽器設定也會影響網頁的外觀30螢幕解析度在高螢幕解析度下設計的網頁,在低解析度螢幕上觀看時,會造成捲動好幾次頁面才能看到原設計的網頁目前來說,800X600解析度的設定值應該是符合最多人的需求可以在首頁中宣告一下最佳的瀏覽解析度,讓瀏覽者有個依據31字型與語系網頁製作時要設定對應的語系編碼例如,做繁體中文網頁就要將網頁的語系設為Big-5繁體中文,這樣才能避免網頁中的文字出現亂碼設計網頁時,最好少用特殊字型,如果一定要用,那麼不妨把它作成圖片32網路的傳輸速率哪些網頁內容會影響網路的傳輸速率?含有超大圖檔VRML虛擬實境影音多媒體檔案...在設計網頁時,除非必要,不然別放入過於龐大的檔案33FTP簡介

FTP(FileTransferProtocol)是一種檔案傳輸通訊協定。這項服務主要是讓使用者在網路上傳輸檔案。方法為登入有提供FTP服務的主機,然後將檔案從硬碟(近端機器)傳輸至該主機(遠端機器),或是將該主機上的檔案傳輸至硬碟。34FTP簡介下載FTP軟體1.

開啟IE,輸入

.tw

2.開啟upload目錄

下載ffftp.exe(點兩下儲存)3.安裝ffftp.exe35FTP簡介如何連上FTP:

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论