時(shí)間：2023-03-30 11:35:20
序論：在您撰寫網(wǎng)頁制作論文時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等。現(xiàn)在就讓我們從第一步的建立站點(diǎn)來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對話框就彈出來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)”圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們在編輯站點(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)?。我們?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點(diǎn)的風(fēng)格千差萬別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)斫⒄军c(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo)，用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，
看，這就是我們的個(gè)人站點(diǎn)的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對話框提示我們完成安裝過程的程序就是一個(gè)向?qū)?。在FRONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，
你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)А⒂懻撜军c(diǎn)向?qū)?，使用起來都很方便，你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點(diǎn)綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形，怎么把它放到網(wǎng)頁上呢？
首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因?yàn)檫@兩種圖形格式不僅應(yīng)用廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時(shí)FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的。可以說,站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了?，F(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對話框,因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱冢賳螕簟按_定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點(diǎn)內(nèi)。
您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下，圖形自動(dòng)與文本的底部對齊。這一個(gè)網(wǎng)頁，由于默認(rèn)的對齊效果，頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“計(jì)算機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。
如果我要修改單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個(gè)簡單的方法就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個(gè)好習(xí)慣。
字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會變?yōu)榇煮w
按下I按鈕，被選中的文字就會變?yōu)樾斌w
按下u按鈕，被選中的文字就會帶下畫線
字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
還可以對字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。
“字符間距”選項(xiàng)卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭粋€(gè)頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNETEXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNETEXPLORER5.0為例）單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？
在網(wǎng)頁里，我們把這種點(diǎn)擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。
先來看一下用文字來建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。
那么為什么不在普通模式下試呢？：因?yàn)槠胀Ｊ街饕怯脕砭庉嬀W(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接，可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時(shí)超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它到Web服務(wù)器上。站點(diǎn)前還要對它進(jìn)行檢查工作，包括超鏈接，頁面等。
【參考文獻(xiàn)】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇科學(xué)技術(shù)出版社，2001年7月。
建構(gòu)主義理論指導(dǎo)下的課堂教學(xué)
筆者從建構(gòu)主義教學(xué)觀和教學(xué)實(shí)踐出發(fā)，設(shè)計(jì)出了一套符合這門學(xué)科特點(diǎn)的教學(xué)與管理模式：把整個(gè)教學(xué)過程分成三個(gè)階段，全部在計(jì)算機(jī)教室開展，針對不同的教學(xué)內(nèi)容和教學(xué)環(huán)節(jié)采用不同的教學(xué)方式，邊講邊練，即案例引導(dǎo)教學(xué)階段、任務(wù)驅(qū)動(dòng)實(shí)踐階段和項(xiàng)目合作課程設(shè)計(jì)階段，如圖1所示。這三個(gè)階段中教師是引導(dǎo)者，學(xué)生是知識的構(gòu)建者。教師與學(xué)生之間，學(xué)生相互之間必須密切配合［4］1.展示效果。課堂上，首先把與本節(jié)知識內(nèi)容相關(guān)的案例效果及功能展示給學(xué)生，通過素材和網(wǎng)頁效果的對比，激發(fā)學(xué)生的想象能力。2.分析操作任務(wù)。在教師的引導(dǎo)下，對案例進(jìn)行模塊化分析。分析案例時(shí)一般包括兩個(gè)方面：一個(gè)是利用以往知識可以處理的效果；另一個(gè)是本次教學(xué)內(nèi)容處理的效果。分析案例的目的在于溫習(xí)以往知識和引出本節(jié)課教學(xué)知識點(diǎn)。學(xué)生在分析案例的同時(shí)，一方面不斷形成新的理論視野，增長案例分析的技巧；另一方面探索思考理論如何運(yùn)用于實(shí)際，從而及時(shí)、有效地促進(jìn)了理論向?qū)嵺`的轉(zhuǎn)化，真正達(dá)到理論與實(shí)踐的結(jié)合，有利于加強(qiáng)文科專業(yè)學(xué)生的實(shí)踐動(dòng)手能力。3.知識講解與操作示范。在講解過程中注重基礎(chǔ)知識的傳授和基本技能的培養(yǎng)，同時(shí)介紹網(wǎng)頁制作中的相關(guān)規(guī)范和標(biāo)準(zhǔn)，并且注意總結(jié)一些實(shí)用的技巧。這種教學(xué)方式目的明確、形式生動(dòng)，學(xué)生帶著問題聽課，學(xué)習(xí)興趣和效果明顯提高。教師要實(shí)際操作案例，在操作過程中把以往的知識點(diǎn)簡單回顧，并著重介紹新知識點(diǎn)，即講述相關(guān)理論知識。把書本上的相關(guān)知識通過案例的形式直接展示給學(xué)生，學(xué)生不但容易理解理論內(nèi)容，同時(shí)，也了解知識的實(shí)際用途。4.課堂同步實(shí)踐。理論與實(shí)踐交融，知識與感悟同步。學(xué)生真正掌握技術(shù)在于自己是否能夠獨(dú)立完成實(shí)踐操作，在學(xué)生實(shí)際操作的過程中，教師應(yīng)從旁指導(dǎo)、及時(shí)糾正，學(xué)生只有在依靠自我的力量去解決學(xué)習(xí)問題的過程中獲得了成功的體驗(yàn)，才能進(jìn)一步激發(fā)他們的學(xué)習(xí)熱情。5.課程設(shè)計(jì)。學(xué)生結(jié)合所學(xué)網(wǎng)頁設(shè)計(jì)制作知識與自己的興趣或擅長等自擬主題，制作出符合一定要求的網(wǎng)站。每個(gè)項(xiàng)目小組由4到5人組成，推選出項(xiàng)目經(jīng)理，負(fù)責(zé)小組的項(xiàng)目策劃和成員分工。通過討論、交流與合作，小組成員各盡所能，取長補(bǔ)短，共同完成任務(wù)。這樣，既調(diào)動(dòng)了學(xué)生的積極性，實(shí)踐了所學(xué)的知識，又培養(yǎng)了團(tuán)結(jié)協(xié)作的能力。將課程設(shè)計(jì)記入學(xué)生的平時(shí)成績，從而給學(xué)生在該課程的學(xué)習(xí)上施加一定的壓力，促進(jìn)其更好地學(xué)習(xí)。6.歸納總結(jié)。教師對學(xué)生的操作表現(xiàn)做出講評，對學(xué)生在網(wǎng)頁設(shè)計(jì)中的共性問題進(jìn)行糾正，不斷規(guī)范學(xué)生的網(wǎng)頁設(shè)計(jì)。并與學(xué)生共同詳細(xì)討論和總結(jié)案例中所用到的理論知識和操作技巧。表揚(yáng)其優(yōu)點(diǎn)，指出其錯(cuò)誤，可以鞏固教學(xué)效果，彌補(bǔ)學(xué)習(xí)漏洞，并有助于學(xué)生之間的學(xué)習(xí)交流。教師以“案例”引路，引導(dǎo)學(xué)生邊學(xué)邊練，以“任務(wù)”驅(qū)動(dòng)自主完成學(xué)習(xí)任務(wù)。以“項(xiàng)目”促進(jìn)理論知識與實(shí)際操作結(jié)合。教師的“教”與學(xué)生的“學(xué)”圍繞一個(gè)目標(biāo)，學(xué)生充分發(fā)揮自己學(xué)習(xí)主動(dòng)性和創(chuàng)造性，多種教學(xué)方法結(jié)合不但解決了課時(shí)少、知識點(diǎn)多、實(shí)效差、與實(shí)踐應(yīng)用相脫離等問題，而且還充分調(diào)動(dòng)了學(xué)生學(xué)習(xí)的積極性，使學(xué)習(xí)過程成為一個(gè)人人參與的創(chuàng)造性實(shí)踐活動(dòng)，更好地培養(yǎng)了學(xué)生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力［5］。
考核與評價(jià)方式
采用課程設(shè)計(jì)與上機(jī)考試結(jié)合的考核方式，上機(jī)考試從題庫中按出題方案組出若干數(shù)量試卷，每位學(xué)生隨機(jī)抽取其中一套進(jìn)行考試。“網(wǎng)頁設(shè)計(jì)與制作”這門課程對于制作網(wǎng)頁的基礎(chǔ)理論和實(shí)際操作能力都有比較全面的要求，所以考試當(dāng)中應(yīng)當(dāng)兼顧這兩個(gè)方面，理論部分注重學(xué)生對網(wǎng)頁制作基本知識、基本理論的掌握，采用選擇、判斷等客觀題的方式進(jìn)行，為學(xué)生進(jìn)一步的學(xué)習(xí)夯實(shí)基礎(chǔ)。實(shí)踐部分要求學(xué)生利用給定素材，包括考題所需的圖片、背景和其他輔助圖片、相關(guān)考題內(nèi)容的文字資料、考題要求等，完成規(guī)定技術(shù)要求的網(wǎng)站創(chuàng)意設(shè)計(jì)與制作。一個(gè)好的考核方式不僅有利于全面真實(shí)地反映學(xué)生的學(xué)習(xí)水平，而且有利于反映教學(xué)中的問題，以便教師能夠及時(shí)作出相應(yīng)調(diào)整［6］。
通過《網(wǎng)頁設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開?？偝煽冇刹僮骺己顺煽?、項(xiàng)目報(bào)告成績兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評分后依權(quán)重比例計(jì)入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評成績是由平時(shí)成績30%、期中成績30%、期末成績40%組成，為了與學(xué)校的評分要求接軌，將本次考試所得的總成績作為學(xué)校學(xué)期總評成績的期末成績部分。并在此說明平時(shí)成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：
（1）項(xiàng)目實(shí)施過程。項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進(jìn)行截圖，以及繪制程序開發(fā)頁面流程圖。
（2）項(xiàng)目總結(jié)。對本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過程中的收獲及體會。在作品展示時(shí)要求各小組派出代表對作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。
（3）項(xiàng)目組介紹。對該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架，表單和Imagemap圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其到指定的站點(diǎn)上，而且在之后還能對更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等?，F(xiàn)在就讓我們從第一步的建立站點(diǎn)來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對話框就彈出來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)”圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們在編輯站點(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)。“新建站點(diǎn)”對話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)АＮ覀儎?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點(diǎn)的風(fēng)格千差萬別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)斫⒄军c(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo)，用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，
看，這就是我們的個(gè)人站點(diǎn)的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對話框提示我們完成安裝過程的程序就是一個(gè)向?qū)?。在FRONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，
你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)?、討論站點(diǎn)向?qū)?，使用起來都很方便，你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點(diǎn)綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形，怎么把它放到網(wǎng)頁上呢？
首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因?yàn)檫@兩種圖形格式不僅應(yīng)用廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時(shí)FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的?？梢哉f,站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了?，F(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對話框,因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱冢賳螕簟按_定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點(diǎn)內(nèi)。
您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下，圖形自動(dòng)與文本的底部對齊。這一個(gè)網(wǎng)頁，由于默認(rèn)的對齊效果，頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“計(jì)算機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。
如果我要修改單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個(gè)簡單的方法就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個(gè)好習(xí)慣。
字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會變?yōu)榇煮w
按下I按鈕，被選中的文字就會變?yōu)樾斌w
按下u按鈕，被選中的文字就會帶下畫線
字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
還可以對字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。
“字符間距”選項(xiàng)卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭粋€(gè)頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNETEXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNETEXPLORER5.0為例）單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？
在網(wǎng)頁里，我們把這種點(diǎn)擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。
先來看一下用文字來建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。
那么為什么不在普通模式下試呢？：因?yàn)槠胀Ｊ街饕怯脕砭庉嬀W(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接，可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時(shí)超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它到Web服務(wù)器上。站點(diǎn)前還要對它進(jìn)行檢查工作，包括超鏈接，頁面等。
【參考文獻(xiàn)】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇科學(xué)技術(shù)出版社，2001年7月。
論文摘要：項(xiàng)目教學(xué)法是師生為共同實(shí)施一個(gè)完整項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)。文章介紹了將項(xiàng)目教學(xué)法應(yīng)用到《網(wǎng)頁制作技術(shù)》課程中的經(jīng)驗(yàn)及收獲。在整個(gè)教學(xué)過程中，著重培養(yǎng)學(xué)生的“四種能力”，以實(shí)現(xiàn)培養(yǎng)網(wǎng)站構(gòu)建人才的課程教學(xué)目標(biāo)。
項(xiàng)目教學(xué)法簡介
項(xiàng)目教學(xué)法的前提是“項(xiàng)目”，是一個(gè)人人參與的集學(xué)習(xí)、創(chuàng)作于一體的過程。
項(xiàng)目教學(xué)法就是在教學(xué)中，組織學(xué)生真實(shí)地參加項(xiàng)目設(shè)計(jì)、實(shí)施和管理的全過程，在項(xiàng)目實(shí)施過程中完成教學(xué)任務(wù)。項(xiàng)目教學(xué)法的開始階段，主要采用獨(dú)立作業(yè)的方式。項(xiàng)目教學(xué)法更多采用小組工作的方式，共同制定計(jì)劃、共同或分工完成整個(gè)項(xiàng)目。一般而言，項(xiàng)目教學(xué)法的實(shí)施過程可以分五個(gè)階段：
確定項(xiàng)目任務(wù)通常由教師提出一個(gè)或幾個(gè)項(xiàng)目的任務(wù)設(shè)想，與學(xué)生一起討論，最終確定項(xiàng)目的目標(biāo)和任務(wù)。制定計(jì)劃由學(xué)生制定項(xiàng)目工作計(jì)劃，確定工作步驟和程序，得到教師的認(rèn)可后實(shí)施。
實(shí)施計(jì)劃學(xué)生確定各自在小組中的分工以及小組成員的合作形式，然后按照已確立的工作步驟和程序開展工作。
評價(jià)考核通過項(xiàng)目的完成情況對學(xué)生的學(xué)習(xí)效果進(jìn)行考查，包括教師評價(jià)、學(xué)習(xí)小組評價(jià)和自評三部分?？煞秩齻€(gè)級別進(jìn)行考核：第一級，由教師對各小組項(xiàng)目完成情況進(jìn)行評定，如能否共同協(xié)作，是否實(shí)現(xiàn)預(yù)期功能，是否具有創(chuàng)新意識等；第二級，由各小組成員根據(jù)每個(gè)組員對本小組的貢獻(xiàn)情況及參與意識進(jìn)行互評；第三級，由學(xué)生本人進(jìn)行自評，如自己是否在原有基礎(chǔ)上有所提高，是否已經(jīng)掌握本課程的知識點(diǎn)并熟練應(yīng)用。最后，綜合三級評定情況確定每名學(xué)生的學(xué)習(xí)成績。對于有企業(yè)參與的項(xiàng)目，必要時(shí)可由企業(yè)做出最終評價(jià)。
歸檔或結(jié)果應(yīng)用項(xiàng)目應(yīng)盡可能具有實(shí)際應(yīng)用價(jià)值，應(yīng)盡可能將項(xiàng)目的完成結(jié)果應(yīng)用到企業(yè)和學(xué)校的生產(chǎn)教學(xué)實(shí)踐中。
《網(wǎng)頁制作技術(shù)》課引入項(xiàng)目教學(xué)法
《網(wǎng)頁制作技術(shù)》是我院計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、軟件技術(shù)等專業(yè)的主干課程，具有實(shí)用性強(qiáng)，應(yīng)用面廣，操作性強(qiáng)、與崗位聯(lián)系密切等特點(diǎn)。為了更好地講授《網(wǎng)頁制作技術(shù)》課，我們進(jìn)行了大膽的教學(xué)改革，打破了傳統(tǒng)的教學(xué)模式，將實(shí)際項(xiàng)目引入課堂教學(xué)，改革教學(xué)方法、教學(xué)手段及考核形式，較好地實(shí)現(xiàn)了課程教學(xué)目標(biāo)。《網(wǎng)頁制作技術(shù)》的課程目標(biāo)《網(wǎng)頁制作技術(shù)》的課程目標(biāo)是結(jié)合職業(yè)崗位的需要，培養(yǎng)出能夠從事網(wǎng)頁平面設(shè)計(jì)或網(wǎng)站構(gòu)建的人才，提高學(xué)生的學(xué)習(xí)能力、協(xié)作能力和綜合能力。
將項(xiàng)目教學(xué)法引入《網(wǎng)頁制作技術(shù)》課本課程的傳統(tǒng)教學(xué)方式是先由教師在多媒體教室授課，然后安排學(xué)生在實(shí)驗(yàn)室上機(jī)驗(yàn)證教師所講內(nèi)容。這種方式忽略了學(xué)生的積極性、主動(dòng)性，學(xué)生學(xué)到的知識比較零碎，很難開發(fā)實(shí)際項(xiàng)目。隨著課程內(nèi)容的深入，很多學(xué)生逐漸失去了學(xué)習(xí)興趣，喪失了主動(dòng)參與的意識，以致課程結(jié)束時(shí)，幾乎沒有學(xué)生能夠設(shè)計(jì)出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學(xué)模式，突出學(xué)生的主體地位，讓學(xué)生成為教學(xué)的中心。我們分析了該課程的特點(diǎn)，并結(jié)合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗(yàn)，讓教師將所承擔(dān)的網(wǎng)站建設(shè)項(xiàng)目引入課堂教學(xué)，引導(dǎo)學(xué)生共同開發(fā)項(xiàng)目，讓學(xué)生既能學(xué)到知識，又能積累項(xiàng)目開發(fā)經(jīng)驗(yàn)，從而體現(xiàn)出“教、學(xué)、做是一件事，不是三件事”。
項(xiàng)目教學(xué)法提高了學(xué)生的能力和素質(zhì)將項(xiàng)目教學(xué)法引入《網(wǎng)頁制作技術(shù)》后，學(xué)生成為了學(xué)習(xí)的主體，教師在教學(xué)過程中起引導(dǎo)協(xié)助作用。學(xué)生在項(xiàng)目的驅(qū)動(dòng)下自主學(xué)習(xí)，邊學(xué)邊做。有些能力突出的學(xué)生在學(xué)習(xí)過程中主動(dòng)與外界聯(lián)系，承接小型網(wǎng)站建設(shè)項(xiàng)目。在完成項(xiàng)目的過程中，他們主動(dòng)與其他同學(xué)和教師進(jìn)行交流，討論問題，促進(jìn)了項(xiàng)目教學(xué)法的發(fā)展。項(xiàng)目完成后所帶來的成功的愉悅和滿足感，不但提高了學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)積極性，同時(shí)也培養(yǎng)了學(xué)生自主學(xué)習(xí)的能力。
《網(wǎng)頁制作技術(shù)》課實(shí)施項(xiàng)目教學(xué)法的過程
筆者在擔(dān)任《網(wǎng)頁制作技術(shù)》課的教學(xué)過程中，結(jié)合學(xué)生的特點(diǎn)以及環(huán)境，將教學(xué)過程劃分成以下五個(gè)階段。（一）網(wǎng)站項(xiàng)目的確定
確立實(shí)用、優(yōu)秀的項(xiàng)目是項(xiàng)目教學(xué)法能否成功實(shí)施的關(guān)鍵。因此，在實(shí)施項(xiàng)目教學(xué)法時(shí)，首先，應(yīng)選擇切實(shí)可行的項(xiàng)目。在教學(xué)正式開始之前，可先對學(xué)生進(jìn)行分組，盡量使每一組學(xué)生的能力都比較均衡。同時(shí)，結(jié)合相應(yīng)的崗位能力要求，將選用的項(xiàng)目分為兩種：一種是選用已通過驗(yàn)收的項(xiàng)目，另一種是選用正在進(jìn)行中的項(xiàng)目。其次，應(yīng)針對學(xué)生的實(shí)際水平確定項(xiàng)目的難易程度。對于首次接觸這門課程的學(xué)生，由教師負(fù)責(zé)選取項(xiàng)目，講解知識點(diǎn)。所選取的項(xiàng)目必須簡單、典型，并且最好選擇已經(jīng)完成的項(xiàng)目，以便學(xué)生進(jìn)行知識的遷移。對于具有一定基礎(chǔ)的學(xué)生，可由教師和學(xué)生共同討論選定具有較高難度的項(xiàng)目，并且最好選擇正在進(jìn)行中的項(xiàng)目，讓學(xué)生身臨其境，參與創(chuàng)造實(shí)踐活動(dòng)，親身體驗(yàn)實(shí)踐的艱辛與樂趣。另外，應(yīng)注意根據(jù)學(xué)生具體的培養(yǎng)方向，確立最適合的項(xiàng)目。
（二）網(wǎng)站項(xiàng)目計(jì)劃
網(wǎng)站項(xiàng)目的計(jì)劃應(yīng)按照項(xiàng)目開發(fā)的需求加以實(shí)施。確定項(xiàng)目以后，讓每一組學(xué)生針對該項(xiàng)目進(jìn)行需求分析，啟發(fā)學(xué)生主動(dòng)發(fā)現(xiàn)身邊的素材。對于已通過驗(yàn)收的項(xiàng)目，可由教師充當(dāng)企業(yè)的角色，由學(xué)生向教師匯報(bào)自己所進(jìn)行的關(guān)于項(xiàng)目需求的分析及收集到的資料；對于正在進(jìn)行中的項(xiàng)目，可由學(xué)生直接面對企業(yè)，與企業(yè)溝通，做出需求分析。教師在這一過程中，一方面，起到指導(dǎo)的作用，另一方面，在對已驗(yàn)收的項(xiàng)目實(shí)施的過程中，教師應(yīng)事先對該項(xiàng)目內(nèi)容進(jìn)行定位，分析研究需要解決的問題和完成的任務(wù)，確保學(xué)生進(jìn)行需求分析時(shí)，不會定位過高。完成項(xiàng)目需求分析后，教師應(yīng)根據(jù)學(xué)生所作的需求分析確定項(xiàng)目的能力模塊，并將每個(gè)能力模塊細(xì)分為一系列小項(xiàng)目，學(xué)生根據(jù)課程的時(shí)間安排，結(jié)合項(xiàng)目內(nèi)容編寫項(xiàng)目開發(fā)計(jì)劃書。例如，根據(jù)我校《網(wǎng)頁制作技術(shù)》課的實(shí)際情況，將首次接觸這門課程的學(xué)生的能力模塊劃分如下（見下圖）。
（三）網(wǎng)站項(xiàng)目實(shí)施
項(xiàng)目教學(xué)法中最重要的環(huán)節(jié)是項(xiàng)目的具體實(shí)施過程。在該過程中，教師應(yīng)及時(shí)恰當(dāng)?shù)貙W(xué)生進(jìn)行引導(dǎo)，督促學(xué)生根據(jù)項(xiàng)目計(jì)劃書，按時(shí)按量完成相應(yīng)的功能模塊，保證項(xiàng)目順利進(jìn)行，實(shí)現(xiàn)課程教學(xué)目標(biāo)。對于首次接觸網(wǎng)頁制作的學(xué)生來說，沒有一定的網(wǎng)頁制作軟件操作基礎(chǔ)，就無法進(jìn)行項(xiàng)目建設(shè)。因此，應(yīng)在《網(wǎng)頁制作技術(shù)》課程項(xiàng)目實(shí)施過程的第一階段講授學(xué)生網(wǎng)頁制作軟件的使用方法，為第二階段奠定基礎(chǔ)，第三階段的主要任務(wù)則是撰寫網(wǎng)站開發(fā)總結(jié)報(bào)告，鍛煉學(xué)生撰寫文章的能力。
第一階段實(shí)施過程對應(yīng)上圖中的能力模塊劃分情況，在第一階段的實(shí)施過程中主要教授學(xué)生網(wǎng)頁制作軟件的使用方法，使其形成相應(yīng)的具體能力。具體做法是：教師首先通過簡單的例子講解實(shí)際操作方法，然后，讓學(xué)生練習(xí)新知識、新操作，完成相應(yīng)的實(shí)驗(yàn)項(xiàng)目。通過這種雙教一體的教學(xué)模式、講練結(jié)合的教學(xué)手段讓學(xué)生掌握牢固的基礎(chǔ)知識。
第二階段實(shí)施過程結(jié)合第一階段學(xué)生具體能力的鍛煉情況，根據(jù)所要建設(shè)的項(xiàng)目，按照項(xiàng)目計(jì)劃書進(jìn)行開發(fā)并完成設(shè)計(jì)。該階段是項(xiàng)目教學(xué)法實(shí)施的核心環(huán)節(jié)。在此階段，教師要根據(jù)各開發(fā)小組的具體情況、具體要求及時(shí)恰當(dāng)?shù)剡M(jìn)行指導(dǎo)，解決學(xué)生開發(fā)過程中遇到的難題，督促學(xué)生按時(shí)按量完成項(xiàng)目計(jì)劃書中的各個(gè)開發(fā)環(huán)節(jié)，保證學(xué)生順利完成項(xiàng)目的開發(fā)，實(shí)現(xiàn)教學(xué)目標(biāo)。在實(shí)際教學(xué)過程中，教師要重點(diǎn)做好指導(dǎo)監(jiān)督工作。如定期召開各項(xiàng)目組長會議，了解各項(xiàng)目組的開發(fā)進(jìn)程；在項(xiàng)目開發(fā)過程中進(jìn)行技術(shù)引導(dǎo)和指導(dǎo)，收集各組遇到的難題，組織各組進(jìn)行總結(jié)和經(jīng)驗(yàn)交流，從中探討不同的解決問題的方法。
第三階段實(shí)施過程該階段的任務(wù)是在學(xué)生完成網(wǎng)站建設(shè)后，撰寫開發(fā)總結(jié)報(bào)告，總結(jié)本次學(xué)習(xí)、開發(fā)的收獲和經(jīng)驗(yàn)，為下一次開發(fā)做準(zhǔn)備。階段性總結(jié)評價(jià)也是項(xiàng)目具體實(shí)施過程中必不可少的環(huán)節(jié)。教師和學(xué)生在每個(gè)階段的學(xué)習(xí)結(jié)束后，都要對該階段的學(xué)習(xí)成果進(jìn)行展示、評價(jià)、總結(jié)，及時(shí)改進(jìn)不足之處，鞏固成果，為后續(xù)工作打下堅(jiān)實(shí)的基礎(chǔ)。
（四）網(wǎng)站項(xiàng)目展示與評價(jià)
項(xiàng)目完成后，應(yīng)對網(wǎng)站項(xiàng)目的建設(shè)效果進(jìn)行展示，并加以講解。在講解展示網(wǎng)站的過程中，學(xué)生和教師可以提出問題，并結(jié)合相應(yīng)的網(wǎng)站項(xiàng)目評分表，形成學(xué)生和教師對該項(xiàng)目各自的評價(jià)。在對學(xué)生進(jìn)行評價(jià)時(shí)，還應(yīng)結(jié)合其在項(xiàng)目開發(fā)過程中的學(xué)習(xí)能力、合作能力、參與程度、服務(wù)程度以及所起作用等各方面的表現(xiàn)情況。在對承接的企業(yè)的開發(fā)項(xiàng)目進(jìn)行評價(jià)時(shí)，除上述評價(jià)角度外，還應(yīng)結(jié)合企業(yè)的需求，即除了學(xué)生評價(jià)、教師評價(jià)外，還要有企業(yè)評價(jià)，并以企業(yè)的評價(jià)作為最終的評判標(biāo)準(zhǔn)。
（五）網(wǎng)站項(xiàng)目的總結(jié)和應(yīng)用
項(xiàng)目完成后應(yīng)進(jìn)行總結(jié)，并將其成果應(yīng)用到相關(guān)領(lǐng)域，體現(xiàn)該門課程的教學(xué)目標(biāo)。我校在《網(wǎng)頁制作技術(shù)》課中實(shí)施項(xiàng)目教學(xué)法以來，完成了多個(gè)項(xiàng)目并將研究成果應(yīng)用到實(shí)際工作中，如我院的網(wǎng)站、各系各部門的網(wǎng)站、思明網(wǎng)站等。項(xiàng)目完成后應(yīng)總結(jié)思路、技巧并進(jìn)行經(jīng)驗(yàn)交流。思路總結(jié)可以幫助學(xué)生明晰項(xiàng)目完成的最佳思考方法，找到自己的不足；技巧總結(jié)著重總結(jié)解決開發(fā)環(huán)節(jié)中遇到的難題的方法，把握并吸收整個(gè)項(xiàng)目開發(fā)的精髓；經(jīng)驗(yàn)交流主要是對學(xué)習(xí)方法、知識應(yīng)用進(jìn)行交流。最后，教師可以指導(dǎo)學(xué)生對項(xiàng)目進(jìn)行拓展和延伸。超級秘書網(wǎng)
項(xiàng)目教學(xué)法的成果
《網(wǎng)頁制作技術(shù)》課在實(shí)施項(xiàng)目教學(xué)法后，從本質(zhì)上改變了課程的教學(xué)目的。這種改變使學(xué)生不再覺得學(xué)習(xí)該門課程只是為了獲取學(xué)分，而是真正掌握一門技術(shù)，具備一定的開發(fā)能力，能夠承擔(dān)相應(yīng)的工作。在整個(gè)教學(xué)過程中，學(xué)生的自主學(xué)習(xí)能力、實(shí)踐能力、創(chuàng)新能力、團(tuán)隊(duì)協(xié)作能力、分析解決問題的能力以及撰寫報(bào)告的能力都得到了鍛煉、培養(yǎng)和提高。
實(shí)踐表明，《網(wǎng)頁制作技術(shù)》課從傳統(tǒng)的多媒體教學(xué)模式的枷鎖中掙脫出來，實(shí)施項(xiàng)目教學(xué)法，體現(xiàn)了以學(xué)生為本，最大限度地調(diào)動(dòng)了學(xué)生自主學(xué)習(xí)的積極性，培養(yǎng)了學(xué)生的綜合能力，使學(xué)生掌握了一門技巧，對教師也是一種鍛煉和提高。
參考文獻(xiàn)：
王棟松．在計(jì)算機(jī)課程教學(xué)中開展項(xiàng)目教學(xué)法的研究[J]．職業(yè)教育研究，2005，（11）.
互聯(lián)網(wǎng)作為連接世界各地計(jì)算機(jī)的全球性信息化網(wǎng)絡(luò)，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個(gè)領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時(shí)代基層的一個(gè)重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)自身建設(shè)、提升知名度和影響力都具有非常重要意義。
2網(wǎng)站設(shè)計(jì)分析
文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達(dá)信息不可或缺的手段，同時(shí)也是用戶對網(wǎng)站第一印象和整體風(fēng)格關(guān)注的主要內(nèi)部分。要想設(shè)計(jì)出符合人性化需求的網(wǎng)站，只有多為用戶著想，認(rèn)真地以用戶的切身體會出發(fā)去完成網(wǎng)站的整體設(shè)計(jì)。當(dāng)然，在設(shè)計(jì)過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個(gè)方面。
3網(wǎng)頁制作
3.1選擇合適的網(wǎng)頁設(shè)計(jì)軟件當(dāng)前能使用的網(wǎng)頁設(shè)計(jì)類軟件很多，而選擇一個(gè)功能強(qiáng)大、操作簡單的軟件則會讓你事半功倍。對于網(wǎng)頁制作軟件來說，初學(xué)者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級軟件，F(xiàn)rontPage使用方便簡單，會用Word就能做網(wǎng)頁，所見即所得是其特點(diǎn)，該軟件結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁設(shè)計(jì)過程中可根據(jù)自己的需要靈活運(yùn)用這些軟件。
3.2選擇網(wǎng)頁內(nèi)容前期的框架設(shè)計(jì)好后，就要為這個(gè)網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨(dú)特的，這些可以從圖書、報(bào)紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準(zhǔn)備得越多越好，再從這些素材中粗中取細(xì)，以備制作網(wǎng)站時(shí)可以隨時(shí)拿來使用。總之，網(wǎng)頁內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。
3.3運(yùn)用網(wǎng)頁設(shè)計(jì)中的色彩不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁的文化內(nèi)涵。因?yàn)樗墚a(chǎn)生強(qiáng)烈的視覺沖擊，所以確定網(wǎng)頁的色彩是相當(dāng)重要的一步。在網(wǎng)頁的色彩設(shè)計(jì)上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應(yīng)用等等。合理的用色可以讓信息的傳遞更有價(jià)值，使網(wǎng)頁更有效和準(zhǔn)確地把信息傳達(dá)給我們的視覺。
4結(jié)語
關(guān)鍵詞：網(wǎng)頁制作表格divdreamweaver8.0網(wǎng)頁框架利與弊
引言
隨著信息時(shí)代的發(fā)展，web技術(shù)的一天天成熟，如何制作出一個(gè)符合規(guī)范，美觀又瀏覽速度快的網(wǎng)頁已經(jīng)越來越成為一個(gè)網(wǎng)頁設(shè)計(jì)師所要考慮的重點(diǎn)了。過去的網(wǎng)頁設(shè)計(jì)師只需考慮網(wǎng)頁前臺美工處理，然后切片形成網(wǎng)頁即可，而自從CSS層疊式樣式表誕生后，網(wǎng)頁排版成為了一個(gè)新的網(wǎng)頁技術(shù)研究的領(lǐng)域。在制作網(wǎng)頁中，我們布局網(wǎng)頁的方法一般有兩種，第一種是使用table（表格）來布局網(wǎng)頁，另一種是使用div容器來布局網(wǎng)頁。下面我們就一個(gè)實(shí)例來講解這兩種方法來布局網(wǎng)頁的操作步驟，以及比較兩種方法的優(yōu)點(diǎn)和不足之處。
一、網(wǎng)頁布局的兩種方法
方法一：使用table表格制作網(wǎng)頁框架。具體操作步驟如下：
第一步，打開dreamweaver8.0軟件，數(shù)好目標(biāo)表格的行和列（從最小的格子數(shù)起）點(diǎn)擊插入菜單中的表格項(xiàng)，然后打開下面的屬性面板
第二步，將第一行的三列合并，第三行的三列合并。
第三步，合并后，一定要嚴(yán)格定義好每行的高度，其次一定要定義好第二行每個(gè)單元格的寬度，注意三個(gè)單元格的寬度之和應(yīng)該是表格的總寬度。
第四步，將總表格居中對齊，設(shè)置好表格的邊框顏色以及每個(gè)單元格的底紋，即可。
這樣，一個(gè)通過表格制作的網(wǎng)頁框架就做好了，表格的每個(gè)單元格就可以存放圖片、文字、動(dòng)畫等等了。
方法二：通過div容器來制作網(wǎng)頁框架。具體步驟如下：
第一步，新建一個(gè)dreamwer文件，點(diǎn)擊插入菜單中的插入布局對象中的div標(biāo)簽，點(diǎn)擊確定；
第二步，新建CSS樣式
新建完后將CSS樣式的邊框、底紋以及高度和寬度設(shè)置好。這樣就設(shè)置好了頂部單元格。
設(shè)置好所有的css屬性后，點(diǎn)擊dreamweaver的編輯窗口div標(biāo)簽，點(diǎn)擊如圖5屬性欄中的divID應(yīng)用即可。
第三步，使用相同的方法繼續(xù)插入布局對象中的DIV標(biāo)簽，第二行插入DIV應(yīng)注意，首先插入一個(gè)大的div容器，然后在里面插入左中右三個(gè)div，定義好每個(gè)div的寬度后，注意左邊和中間的div容器的css代碼必須寫入：float:left；否則div容器是無法形成橫排的
第四步，使用相同的方法插入底部的第六個(gè)div容器。保持與上面容器寬度一致，同時(shí)在css代碼中將每個(gè)div容器的底紋和邊框設(shè)置好。
二、總結(jié)網(wǎng)頁布局的兩種方法的優(yōu)點(diǎn)與不足之處
使用table表格來布局網(wǎng)頁框架的優(yōu)點(diǎn)：制作方法直接，直接通過插入菜單中插入以及屬性欄中設(shè)置所有的操作即可，無需定義CSS樣式；制作的速度快。缺點(diǎn)：由于html文件中的table標(biāo)簽的瀏覽速度較慢，所以，使用嵌套表格的方法來布局網(wǎng)頁框架會使網(wǎng)頁瀏覽的速度變慢。
使用DIV的方法布局網(wǎng)頁框架的優(yōu)點(diǎn)：可以通過css樣式給框架進(jìn)行功能強(qiáng)大的屬性設(shè)置以及給網(wǎng)頁的局部進(jìn)行任意的定位，制作出來的頁面瀏覽速度較快，同時(shí)頁面的風(fēng)格可以通過修改單獨(dú)的css文件進(jìn)行隨意的修改和更新；缺點(diǎn)：每個(gè)div容器都需要定義css樣式來控制，制作過程相比table方式要復(fù)雜?，F(xiàn)在的網(wǎng)頁越來越傾向于使用DIV的方法來布局網(wǎng)頁了。:
三、table與div方法布局網(wǎng)頁框架的應(yīng)用
table方法布局網(wǎng)頁主要應(yīng)用在功能較為簡單、頁面不多的網(wǎng)站中；而div主要應(yīng)用于大型的網(wǎng)站頁面設(shè)計(jì)中。
