Internet正以空前的速度深入千家萬戶，不少公司或個人在網絡上建立起主頁和站點。公司通過網站發布產品信息、提供服務、尋求商業契機；而個人可以通過網頁展示自己的才華和愛好并與他人交流。其中不知大家有沒有考慮這樣一個問題，就是設計和創建好的網頁是如何顯示在瀏覽器上的？筆者以幾種不同網址輸入格式為例，說說網頁是如何具體工作的。
一、標準的網址：域名＋目錄＋文件名稱
這是最標準的網址書寫格式，例如輸入：http://www.yesky.com/zxxw/001.htm，其中www. yesky.com為計算機域名，zxxw為該計算機根目錄下的一目錄，001.htm為該目錄下的一個具體文件。對于一般的HTML文件， Web服務器會直接把文件傳回給瀏覽器。這種最標準的網址書寫格式使得瀏覽器與Web服務器之間只有文件傳輸的關系。其具體的通信過程為：
1.瀏覽器首先會通過www.yesky.com這樣的域名來尋找存放網頁的計算機服務器，如果找到，瀏覽器就會與該服務器聯系，并建立信息傳輸通道使信息正確傳輸。
2.信息通道建立好后，瀏覽器就會向服務器要求下載zxxw目錄下的文件001.htm. 3.文件下載成功后瀏覽器便會解釋執行001.htm文件中的html標記，如果有圖像，則下載圖像文件，然后一起顯示在瀏覽器窗口上。
二、只有“域名＋目錄”的網址
如果瀏覽器要查詢的是目錄，則Web服務器會判斷這個目錄是否含有默認文件，如果有，會將默認文件傳給瀏覽器，沒有則把目錄的文件列表傳給瀏覽器。例如http://www. yesky.com/news1和http://www.yesky.com/news2，這兩個網址從表面上看都由域名和目錄組成，news1 的子目錄下放置有默認文件Index.html，news2目錄下未放置默認文件。在瀏覽器地址框里輸入第一個網址，一旦連接成功，服務器便把默認文件傳回到瀏覽器端，最后解釋執行該文件；輸入第二個網址，返回的則是該目錄下的文件列表， 這與FTP有點類似。如果服務器端不允許瀏覽器訪問文件目錄，瀏覽器端將會顯示提示信息“不允許訪問文件列表”，表明服務器端的一些設置要求必須明確指定要下載的具體文件名，如果瀏覽器沒有找到要找的文件，則不允許下載其他文件或子目錄。
三、只有域名的網址
其實最多的網址格式恐怕要數這種類型，它等于http://www.yesky.com/，表示$#@60；http://www.yesky.com$#@62；＋目錄“/”。當我們把上述的網址輸進瀏覽器地址框執行時，瀏覽器首先與計算機服務器取得聯系并建立通信信道，然后就向服務器發出要下載該網站網頁的請求。由于沒有明確下載文件具體名稱，服務器就默認下載文件為服務器根目錄下的文件Index.html.因此一旦收到下載請求，服務器就自動把該文件傳回到瀏覽器端。最后瀏覽器啟動解釋執行功能來解釋運行Index.html文件，并把最后的執行結果顯示在用戶的面前。
四、含有程序的網址
如果瀏覽器要下載的是擴展名為ASP或CGI的腳本程序，那么Web服務器會自動啟動解釋程序，然后把程序執行的結果傳回給瀏覽器。例如http://www. yesky.com/test.aspde 的網址結尾并不是以。html為擴展名，而是以。asp為擴展名，test.asp為可執行程序，瀏覽器不能對它進行解釋，所以只能先在服務器上解釋運行，如果程序中帶有參數，如http://www.yesky.com/test.asp？NAME=ZYS＆AGE=21 （NAME和AGE為參數），則在執行過程用到這兩個參數，然后服務器將運行結果傳回給瀏覽器。如在結果中遇到html標記，瀏覽器就啟動解釋程序，然后按html標記的要求把網頁的內容顯示在用戶面前。
一,什么是網頁
網頁是電腦世界里的一種元素.例如音樂,視頻,文字......都是和網頁一樣的電腦能處理并表現的元素.
電腦里的各種元素是互相交錯的. 網頁本身內部又可以嵌入音樂,視頻.......
網頁的集合稱為網站,一個網站里的數量眾多的網頁一定是有聯系的,這種聯系稱為 鏈接 .
網頁元素
在因特網上瀏覽時，看到的每一個。頁面，稱為網頁，很多網頁組成一個網站。一個網站的第一個網頁稱為主頁。主頁是所有網頁的索引頁，通過單擊主頁上的超鏈接，可以打開其他的網頁。正是由于主頁在網站中的特殊作用，人們也常常用主頁指代所有的網頁，將個人網站稱為“個人主頁”，將建立個人網站、制作專題網站稱為“網頁制作”。
網頁元素 包括，文字、圖片、音頻、動畫、視頻。 文字，符合排版要求。圖片、音頻、動畫、視頻，符合網絡傳輸及專題需要，需要精選。
網頁的基本構成元素
網頁是全球廣域網上的基本文檔，網頁可以是站點的一部分，也可以獨立存在。
網頁是由一些基本元素組成的，下面就來介紹這些元素。
● 文本
網頁中的信息主要是以文本為主的。在網頁中可以通過字體、大小、顏色、底紋、邊框等來設置文本的屬性。這里指的文字是文本文字，而并非圖片中的文字。在網頁制作中，文字都可以方便地設置成各種字體和大小，但是這里還是建議用于正文的文字一般不要太大，也不要使用太多的字體，中文字體使用宋體，9磅或12像素左右即可。因為過大的字在顯示器中顯示時，線條不夠平滑。顏色也不要使用得太過斑駁，以免造成丑女濃妝艷抹的惡俗效果。大段文本文字的排列，建議參考一些優秀的雜志或報紙。
● 圖像
今天看到的豐富多彩的網頁，都是因為有了圖像，可見圖像在網頁中的重要性。用于網頁中的圖片一般為JPG和GIF格式的，即以.jpg(或.jpeg)和.gif為后綴的文件。
注意：
雖然圖像在網頁中不可或缺，但也不能太多，因為圖像的下載速度較慢，如果網頁上插入了過多的圖像，則可能會很長時間打不開，這樣瀏覽者一般就不會再繼續等下去了。而且網頁上如果放置了過多的圖片，會顯得很亂，有喧賓奪主之勢。
● 超鏈接
超鏈接是網站的靈魂，從一個網頁指向另一個目的端的鏈接。例如指向另一個網頁或相同網頁上的不同位置。這個目的端通常是另一個網頁，但也可以是一幅圖片、一個電子郵件地址、一個文件、一個程序或者也可以是本頁中的其他位置。超鏈接可以是文本或者圖片。超鏈接廣泛地存在于網頁的圖片和文字中，提供與圖片和文字相關內容的鏈接，在超鏈接上單擊鼠標左鍵，即可鏈接到相應地址(URL)的網頁。有鏈接的地方，鼠標指上時會變成小手形狀。可以說超鏈接正是Web的主要特色。
● 表格
表格是網頁排版的靈魂。使用表格排版是現在網頁的主要制作形式。通過表格可以精確地控制各網頁元素在網頁中的位置。表格并非指網頁中直觀意義的表格，范圍要更廣一些。它是HTML語言中的一種元素，表格主要用于網頁內容的排列，組織整個網頁的外觀，通過在表格中放置相應的圖片或其他內容，即可有效地組合成符合設計效果的頁面。有了表格的存在，網頁中的元素得以方便地固定在設計的位置上。一般表格的邊線不在網頁中顯示。
● 表單
表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框，以及從下拉菜單中選擇選項。在填寫好表單之后，站點訪問者便送出所輸入的數據，該數據就會根據所設置的表單處理程序，以各種不同的方式進行處理。
● GIF動畫
動畫是網頁上最活躍的元素，通常制作優秀、創意出眾的動畫是吸引瀏覽者的最有效的方法。不過現在的網頁往往不是缺乏動畫，而是太多動畫讓人眼花繚亂，無心細看。這就對動畫制作的要求越來越高。動畫制作的手段有很多，技術發展也很快。盡管各種形式的動畫使用形式不一。GIF動畫的標準簡單，在各種類、各版本的瀏覽器中都能播放。
● Flash動畫
Macromedia的Flash雖然出現時間不長，但已經成為最首要的Web動畫形式之一。Flash不僅比DHTML易學的多，而且有很多重要的動畫特征，如關鍵幀補間、運動路徑、動畫蒙版、形狀變形和洋蔥皮等。利用這個多才多藝的程序，不僅可以建立Flash電影，而且可以把動畫輸出為QuickTime文件、GIF89a文件或其他許多不同的文件格式（PICT、JPEG、PNG等）。
● 框架
框架是網頁的一種組織形式，將相互關聯的多個網頁的內容組織在一個瀏覽器窗口中顯示。例如我們可以在一個框架內放置導航欄，另一個框架中的內容可以隨著單擊導航欄中的鏈接而改變，這樣我們只要制作一個導航欄的網頁即可，而不必將導航欄的內容復制到各欄目的網頁中去。
網頁中除了這些最基本的元素，還包括橫幅廣告、字幕、懸停按鈕、日戳、計數器、音頻、視頻等。
二,什么是瀏覽器
當前著名的瀏覽器:internet explorer (IE) FIREFOX msn explorer
電腦里的文件格式
舉例:
音樂:MP3,OGG,WMA......
電影:WMV,AVI,MPEG......
圖片:JPG,GIF,PNG......
網頁:HTM,HTML,ASP,PHP,JSP......前二者是靜態網頁,其余是動態網頁
電腦里的文件關聯
特定格式的文件,需要用特定的程序打開,文件和程序之間的這種關系,我們稱之為 關聯 .
關聯是多對多的 :一種格式的文件可以用幾種程序都能打開,一種程序也可以打開幾種格式,但是默認的打開方式(關聯)是一對一的.
關聯的設定有二種:電腦自動和人為設定.最常用的格式,電腦都能設定,一些很少見特殊的格式,需要人為設置,當然,人也能更改電腦已經設置好的關聯.
關聯舉例:
音樂的幾種格式一般打開程序:WINDOWS MEDIA PLAYER, 暴風影音等
電影的幾種格式一般打開程序:WINDOWS MEDIA PLAYER, 暴風影音等
圖片的幾種格式一般打開程序:ACD SEE,PHOTOSHOP......
網頁的幾種格式一般打開程序:各類瀏覽器
三,用什么軟件來做網頁
世面上通行的兩種軟件:
FRONTPAGE:微軟公司,簡單易懂,跟OFFICE配套.
DREAMWEAVER:ADOBE公司(PHOTOSHOP的公司),更便于制作高水平的作品.
