一、引言

一個(gè)相對(duì)完善的計(jì)算機(jī)網(wǎng)站，不但要能夠使傳統(tǒng)的傳媒形式實(shí)現(xiàn)網(wǎng)絡(luò)化、電子化，而且要實(shí)現(xiàn)網(wǎng)絡(luò)信息的收集、傳遞以及儲(chǔ)存工作，還要對(duì)系統(tǒng)進(jìn)行維護(hù)服務(wù)工作等等。利用Dreamweaver與Asp.net技術(shù)不但能夠設(shè)計(jì)網(wǎng)頁(yè)，還有能力開(kāi)發(fā)出動(dòng)態(tài)網(wǎng)頁(yè)。Dreamweaver技術(shù)總結(jié)了Asp.net的許多典型服務(wù)功能，把它們組裝成模板，集成到數(shù)據(jù)庫(kù)的修改和開(kāi)發(fā)環(huán)境中，利用一些技巧將Dreamweaver與Asp.net技術(shù)運(yùn)用得更加成熟與完善。

二、ASP軟件介紹

ASP的全稱是Active Server Pages。此軟件是由微軟公司開(kāi)發(fā)的服務(wù)器端腳本環(huán)境，它可以通過(guò)在標(biāo)準(zhǔn)的網(wǎng)頁(yè)之中使用Asp.net內(nèi)建的對(duì)象和可安裝的組件，結(jié)合相關(guān)的軟件來(lái)設(shè)計(jì)、建立動(dòng)態(tài)的、具有強(qiáng)大功能的網(wǎng)頁(yè)，這樣的頁(yè)面叫做動(dòng)態(tài)網(wǎng)頁(yè)。采用Frontpage或者Dreamweaver設(shè)計(jì)出擴(kuò)展名為htm的頁(yè)面通常都是靜態(tài)網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)不能對(duì)后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行存取，也不能運(yùn)用代碼來(lái)將網(wǎng)頁(yè)顯示的內(nèi)容進(jìn)行改變，只可以顯示出預(yù)先設(shè)計(jì)好的固定頁(yè)面中的內(nèi)容，在客戶端的瀏覽器中運(yùn)行。Asp.net網(wǎng)頁(yè)是以靜態(tài)網(wǎng)頁(yè)為前提，利用嵌套入和使用Asp.net代碼組成的動(dòng)態(tài)網(wǎng)頁(yè)，實(shí)現(xiàn)可以存取后臺(tái)數(shù)據(jù)庫(kù)以及動(dòng)態(tài)顯示客戶端的網(wǎng)頁(yè)，在服務(wù)器端運(yùn)行。

三、關(guān)于層的應(yīng)用

層是Dreamweaver的布局概念，能夠利用層進(jìn)行頁(yè)面布局的設(shè)置，既可以將層前后放置，自由的顯示或者隱藏某些層，還可以將層在屏幕上進(jìn)行移動(dòng)。例如，將背景圖像放在其中的一個(gè)層中，再在此層的前面放置另一個(gè)層，它包括了帶有透明背景的文本。

在將層放置在文檔時(shí)，Dreamweaver就會(huì)在代碼中插入此層的HTML的標(biāo)簽。在一般情況下，Dreamweaver會(huì)默認(rèn)使用標(biāo)簽來(lái)創(chuàng)建層。

在創(chuàng)建頁(yè)面時(shí)，它能夠采用Layer與Ilayer標(biāo)簽來(lái)創(chuàng)建層。目前，只有Netscape Navigator 4能夠支持這兩種標(biāo)簽，其他新型的瀏覽器幾乎都不能支持。而且Dreamweaver只能夠識(shí)別，不能夠利用這兩種標(biāo)簽來(lái)創(chuàng)建層。

四、Dreamweaver與Asp.net技術(shù)的使用技巧

1.在網(wǎng)頁(yè)中制作虛線

利用Dreamweaver在網(wǎng)頁(yè)中制作虛線的方法，可分為三個(gè)步驟：

一是在Dreamweaver中打開(kāi)CSS樣式，點(diǎn)擊+，就會(huì)出現(xiàn)“新建CSS規(guī)則”的對(duì)話框，再點(diǎn)擊定義類的名稱，然后選擇“僅對(duì)該文檔”。

二是選擇CSS規(guī)則定義的邊框，樣式全部一致，在樣式中“上”選擇“虛線”，寬度為一像素，顏色自由選擇。

三是選擇工具欄中的常用，點(diǎn)擊“插用Div標(biāo)簽”，在插入文本框中，選擇點(diǎn)擊“在插入點(diǎn)”，接著選擇類名稱，最后確定，就得到了設(shè)計(jì)的虛線。

2.設(shè)計(jì)網(wǎng)頁(yè)布局

利用Dreamweaver進(jìn)行網(wǎng)頁(yè)的局部設(shè)計(jì)，最終得到Asp.net文件，要完成三個(gè)步驟：

一是設(shè)置頂部樣式。點(diǎn)擊常用工具欄，選擇插入Div標(biāo)簽，再選擇新建CSS樣式，進(jìn)行高級(jí)設(shè)置，點(diǎn)擊top，“僅對(duì)該文檔”，選擇“確定”，設(shè)置方框的寬度為770，高50像素。

二是設(shè)置左邊（lift）樣式。此步驟與設(shè)置頂部樣式的步驟大體一致，最后寬度為35%，高為100像素。

三是設(shè)置右邊樣式。與前兩個(gè)步驟基本相同，寬度為60%，高為100像素。

3.簡(jiǎn)便方法設(shè)計(jì)制作出樹(shù)形目錄

此過(guò)程包含五個(gè)步驟。

一是在計(jì)算機(jī)上安裝HTML Outlines的插件，安裝完畢之后，Dreamweaver的工具欄中還會(huì)顯示出一個(gè)Outlines的菜單目錄。

二是鼠標(biāo)選中顯示的子菜單，工具欄的右側(cè)會(huì)顯示出一個(gè)圖標(biāo)。

三是點(diǎn)擊菜單右側(cè)出現(xiàn)的圖標(biāo)，添加標(biāo)題，然后點(diǎn)擊+號(hào)，點(diǎn)擊之后會(huì)在Headlines中顯示標(biāo)題的名稱，此時(shí)，再點(diǎn)擊Create來(lái)創(chuàng)建子菜單。

四是標(biāo)題的下面會(huì)出現(xiàn)一列英文，這時(shí)用戶可以按照意愿對(duì)英文進(jìn)行更改。

五是預(yù)覽，當(dāng)打開(kāi)網(wǎng)頁(yè)時(shí)，只顯示標(biāo)題為歌曲欣賞，在點(diǎn)擊標(biāo)題之后，就能夠看到里面詳細(xì)的內(nèi)容，這樣就能夠很輕松的制作出樹(shù)形結(jié)構(gòu)的目錄，避免了填寫(xiě)代碼這一程序，節(jié)省了很多時(shí)間。

五、結(jié)語(yǔ)

在運(yùn)用Dreamweaver與Asp.net技術(shù)制作網(wǎng)頁(yè)時(shí)，設(shè)計(jì)人員熟練地運(yùn)用其中的技巧，通過(guò)插件的應(yīng)用，使用為數(shù)不多的手寫(xiě)代碼，就能夠運(yùn)用許多功能，完成網(wǎng)頁(yè)的設(shè)計(jì)與制作。這種技術(shù)在實(shí)際操作過(guò)程中實(shí)用性非常高，并且有方便的編輯與管理功能，為工作提供了極大的方便。隨著未來(lái)計(jì)算機(jī)技術(shù)的發(fā)展，計(jì)算機(jī)領(lǐng)域?qū)?huì)不斷開(kāi)發(fā)出更先進(jìn)的技術(shù)，網(wǎng)絡(luò)技術(shù)人員應(yīng)注意總結(jié)研究其中的技巧，滿足實(shí)際應(yīng)用的需要。

（作者單位：陽(yáng)泉高級(jí)技工學(xué)校）