作者：吳劉平 文章來(lái)源： 點(diǎn)擊數：1536 更新時(shí)間：2006-6-10
網(wǎng)絡(luò )技術(shù)飛速發(fā)展，互聯(lián)網(wǎng)正在由以前所說(shuō)的“走近千家萬(wàn)戶(hù)”向“走進(jìn)億家億戶(hù)……”。網(wǎng)絡(luò )信息主要來(lái)自各種形形色色的網(wǎng)站，不少網(wǎng)絡(luò )發(fā)燒友開(kāi)始追逐著(zhù)建設網(wǎng)站的熱潮。
網(wǎng)站的信息必須通過(guò)網(wǎng)頁(yè)輸出信息，于是要想通過(guò)網(wǎng)站發(fā)布信息，必須首先學(xué)會(huì )制作網(wǎng)頁(yè)。談到制作網(wǎng)頁(yè)，可用的設計工具就太多太多了，有大家熟悉的Dreamveaver、FrontPage、Flash……不同的工具有不同的特點(diǎn)。
總體上來(lái)說(shuō)，網(wǎng)頁(yè)發(fā)布的信息主要通過(guò)以下媒體實(shí)現：文字、圖片、動(dòng)畫(huà)、音頻和視頻，當然更多的是這幾種方式的綜合體，也就是我們常說(shuō)的多媒體了（我以前聽(tīng)過(guò)一位領(lǐng)導說(shuō)多媒體是會(huì )議廳里使用的電腦和投影設備，這是不對的喲，呵呵）。
說(shuō)了這么一大堆不相干的，可能有些朋友等不急了，不是說(shuō)編程嗎？怎么盡是些不上叉的，別急，馬上就來(lái)了……
為了能夠對所發(fā)布的信息進(jìn)行自由的控制，就需要通過(guò)編程來(lái)實(shí)現了，通過(guò)編程，我們可以實(shí)現對發(fā)布的信息進(jìn)行動(dòng)態(tài)控制和管理，如果學(xué)會(huì )了網(wǎng)頁(yè)編程，我們幾乎可以用任何文字編程軟件都可以制網(wǎng)頁(yè)了。
網(wǎng)頁(yè)編程的道路漫長(cháng)，千里之尋始于足下，就讓我們從html代碼開(kāi)始吧（別說(shuō)你討厭代碼哈，要是這樣的話(huà)，你還是不要學(xué)習編程的好，因為編程從某種意義上來(lái)說(shuō)，就是編寫(xiě)代碼）。
下面就以大家熟悉的FrontPage為例來(lái)學(xué)習以下html編程吧！
先啟動(dòng)FrontPage(如果你的電腦里沒(méi)有，那么就重新找Office光盤(pán)來(lái)安裝），然后就會(huì )進(jìn)入網(wǎng)頁(yè)編輯制作界面（上部是菜單、工具欄，左邊是視圖區，在視圖區的右邊就是我們設計的主要場(chǎng)所了），我們會(huì )看到new_page1.htm標題（是FrontPage默認的網(wǎng)頁(yè)文件名），在設計區的下面，有三張索引卡可供選擇，默認為“普通”，另外還有“html”和“預覽”兩張。
點(diǎn)擊一下"html"你就會(huì )看到你所創(chuàng )建網(wǎng)頁(yè)的代碼了，大致代碼如下所示：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
</body>
</html>
盡管是空的頁(yè)面，但在代碼上卻有不少內容了。
下面解釋一下html卡中所顯示的代碼的意思：
<html>是網(wǎng)頁(yè)的html代碼的開(kāi)始，在最后，有一個(gè)</html>與它相對應，表示代碼的結束位置，網(wǎng)頁(yè)的所有內容都出現在這兩個(gè)標記(我們把用<>包含起來(lái)的這部分稱(chēng)之為標記或標簽)之間。
<head>是網(wǎng)頁(yè)頭標記，也有一個(gè)</head>與之相對應，在<head>和</head>之間，有許多定義，<meta……>這個(gè)標志定義的是網(wǎng)頁(yè)的元信息（關(guān)于元信息等大家對網(wǎng)頁(yè)有更多認識到再說(shuō)，有興趣的朋友也可以先在網(wǎng)上查找相關(guān)的介紹），這個(gè)我們暫時(shí)不管它，下面一個(gè)是<title>和</title>，這是網(wǎng)頁(yè)標題的標記，從上面的代碼我們可以看到，默認的標題為New Page 1,要是我們想給頁(yè)面取一個(gè)名稱(chēng)的話(huà)，我們就把要改的名稱(chēng)寫(xiě)到<title>和</title>之間。
<body>和</body>是網(wǎng)頁(yè)正文的標記，基本上，網(wǎng)頁(yè)所顯示的內容全部都包含在這兩個(gè)標記之間?，F在我們看到的這兩個(gè)標記之間什么也沒(méi)有，就代表了網(wǎng)頁(yè)是空的，……
我們把FrontPage文件保存（存到桌面吧，這樣好打開(kāi)），文件名取為：myfirstpage.htm,在后最小化FrontPage，從桌面上雙擊myfirstpage.htm，在瀏覽器中，我們就可以看到剛才的網(wǎng)頁(yè)了（是空白的），注意打開(kāi)網(wǎng)頁(yè)的最左上方顯示的是什么……（是我們剛才所介紹的<title></title>標簽中的那個(gè)——New Page 1）。
從上面可以看出，在網(wǎng)頁(yè)中的代碼就就象我們寫(xiě)的文章一樣，包括兩大部分：第一是頭部(<head>和</head>之間的那部分)，第二是正文（<body></body>之間的那部分）。
好了，我們總算是對一個(gè)頁(yè)面的總體結構搞清楚了，下面我們試著(zhù)通過(guò)編程的方式修改網(wǎng)頁(yè)的標題：
點(diǎn)擊任務(wù)標中的FrontPage任務(wù)，這時(shí)FrontPage變成最大化，回到我們原來(lái)的操作界面，在FrontPage中，點(diǎn)擊html選項卡，在把<title>和</title>之的內容改成“我的第一個(gè)編程頁(yè)面”，然后保存，最小化FrontPage，刷新一下我們剛才打現在桌面上的網(wǎng)頁(yè)（別告訴我你還不會(huì )手動(dòng)刷新網(wǎng)頁(yè)哦）。
再看一下瀏覽器的最左上方所顯示的網(wǎng)頁(yè)標題……（應該變成了“我的第一個(gè)編程頁(yè)面”）。
現在關(guān)閉FrontPage，打開(kāi)附件中的記事本，從“文件”菜單中選擇“打開(kāi)……”，指定到桌面位置，然后把打開(kāi)文件對話(huà)框中的“文件類(lèi)型”改成“*.*”，我們就會(huì )看到對話(huà)框里出現我們的網(wǎng)頁(yè)文件（myfirstpage.htm）了，雙擊打開(kāi)它，這時(shí)，在我們的記事本中就會(huì )有我們在FrontPage中所看到的html代碼了，修改<title></title>之間的內容為“這個(gè)標題被改了”，然后保存，關(guān)閉記事本，再刷新一下網(wǎng)頁(yè)，看一下瀏覽器左上角的網(wǎng)頁(yè)標題，是否變化了，……（應該變成了“這個(gè)標題被改了”）。
怎么樣，好玩吧，通過(guò)編程可以對網(wǎng)頁(yè)進(jìn)行隨心所欲的控制，關(guān)鍵是我們要知道html代碼中各個(gè)標簽的意義和用途。我們可以在瀏覽網(wǎng)頁(yè)時(shí)，在瀏覽器的“查看->源文件”中查看網(wǎng)頁(yè)的html代碼，一般會(huì )有很多，初學(xué)者看了一定會(huì )頭發(fā)暈，所以我們要從最簡(jiǎn)單的代碼開(kāi)始，慢慢地積累，……
好了，這次就學(xué)這么多吧，再講下去，有些朋友可能就會(huì )沒(méi)興趣學(xué)了（待續)
