網(wǎng)頁(yè)編程入門(mén)(完整版)

1、1網(wǎng)頁(yè)編程入門(mén)（一）網(wǎng)頁(yè)編程入門(mén)（一）作者：吳劉平文章來(lái)源：作者原創(chuàng)更新時(shí)間：2006610網(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)始追逐著建設(shè)網(wǎng)站的熱潮。網(wǎng)站的信息必須通過(guò)網(wǎng)頁(yè)輸出信息，于是要想通過(guò)網(wǎng)站發(fā)布信息，必須首先學(xué)會(huì)制作網(wǎng)頁(yè)。談到制作網(wǎng)頁(yè)，可用的設(shè)計(jì)工具就太多太多了，有大家熟悉的Dreamveaver、FrontPage、Flash……

2、不同的工具有不同的特點(diǎn)?？傮w上來(lái)說(shuō)，網(wǎng)頁(yè)發(fā)布的信息主要通過(guò)以下媒體實(shí)現(xiàn)：文字、圖片、動(dòng)畫(huà)、音頻和視頻，當(dāng)然更多的是這幾種方式的綜合體，也就是我們常說(shuō)的多媒體了（我以前聽(tīng)過(guò)一位領(lǐng)導(dǎo)說(shuō)多媒體是會(huì)議廳里使用的電腦和投影設(shè)備，這是不對(duì)的喲，呵呵）。說(shuō)了這么一大堆不相干的，可能有些朋友等不急了，不是說(shuō)編程嗎？怎么盡是些不上叉的，別急，馬上就來(lái)了……為了能夠?qū)λl(fā)布的信息進(jìn)行自由的控制，就需要通過(guò)編程來(lái)實(shí)現(xiàn)了，通過(guò)編程，我們可以實(shí)現(xiàn)對(duì)發(fā)布的信息進(jìn)行

3、動(dòng)態(tài)控制和管理，如果學(xué)會(huì)了網(wǎng)頁(yè)編程，我們幾乎可以用任何文字編程軟件都可以制網(wǎng)頁(yè)了。網(wǎng)頁(yè)編程的道路漫長(zhǎng)，千里之尋始于足下，就讓我們從html代碼開(kāi)始吧（別說(shuō)你討厭代碼哈，要是這樣的話，你還是不要學(xué)習(xí)編程的好，因?yàn)榫幊虖哪撤N意義上來(lái)說(shuō)，就是編寫(xiě)代碼）。下面就以大家熟悉的FrontPage為例來(lái)學(xué)習(xí)以下html編程吧！先啟動(dòng)FrontPage(如果你的電腦里沒(méi)有，那么就重新找Office光盤(pán)來(lái)安裝），然后就會(huì)進(jìn)入網(wǎng)頁(yè)編輯制作界面（上部是菜單、

4、工具欄，左邊是視圖區(qū)，在視圖區(qū)的右邊就是我們?cè)O(shè)計(jì)的主要場(chǎng)所了），我們會(huì)看到new_page1.htm標(biāo)題（是FrontPage默認(rèn)的網(wǎng)頁(yè)文件名），在設(shè)計(jì)區(qū)的下面，有三張索引卡可供選擇，默認(rèn)為“普通”，另外還有“html”和“預(yù)覽”兩張。點(diǎn)擊一下“html“你就會(huì)看到你所創(chuàng)建網(wǎng)頁(yè)的代碼了，大致代碼如下所示：3點(diǎn)擊任務(wù)標(biāo)中的FrontPage任務(wù)，這時(shí)FrontPage變成最大化，回到我們?cè)瓉?lái)的操作界面，在FrontPage中，點(diǎn)擊html

5、選項(xiàng)卡，在把和之的內(nèi)容改成“我的第一個(gè)編程頁(yè)面”，然后保存，最小化FrontPage，刷新一下我們剛才打現(xiàn)在桌面上的網(wǎng)頁(yè)（別告訴我你還不會(huì)手動(dòng)刷新網(wǎng)頁(yè)哦）。再看一下瀏覽器的最左上方所顯示的網(wǎng)頁(yè)標(biāo)題……（應(yīng)該變成了“我的第一個(gè)編程頁(yè)面”）?，F(xiàn)在關(guān)閉FrontPage，打開(kāi)附件中的記事本，從“文件”菜單中選擇“打開(kāi)……”，指定到桌面位置，然后把打開(kāi)文件對(duì)話框中的“文件類(lèi)型”改成“.”，我們就會(huì)看到對(duì)話框里出現(xiàn)我們的網(wǎng)頁(yè)文件（myfirstp

6、age.htm）了，雙擊打開(kāi)它，這時(shí)，在我們的記事本中就會(huì)有我們?cè)贔rontPage中所看到的html代碼了，修改之間的內(nèi)容為“這個(gè)標(biāo)題被改了”，然后保存，關(guān)閉記事本，再刷新一下網(wǎng)頁(yè)，看一下瀏覽器左上角的網(wǎng)頁(yè)標(biāo)題，是否變化了，……（應(yīng)該變成了“這個(gè)標(biāo)題被改了”）。怎么樣，好玩吧，通過(guò)編程可以對(duì)網(wǎng)頁(yè)進(jìn)行隨心所欲的控制，關(guān)鍵是我們要知道html代碼中各個(gè)標(biāo)簽的意義和用途。我們可以在瀏覽網(wǎng)頁(yè)時(shí)，在瀏覽器的“查看源文件”中查看網(wǎng)頁(yè)的html代碼