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