運用Dreamweaver與Asp.net技術(shù)制作網(wǎng)頁的技巧

一、引言

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

二、ASP軟件介紹

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

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

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

在將層放置在文檔時，Dreamweaver就會在代碼中插入此層的HTML的標簽。在一般情況下，Dreamweaver會默認使用標簽來創(chuàng)建層。

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

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

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

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

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

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

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

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

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

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

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

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

3.簡便方法設(shè)計制作出樹形目錄

此過程包含五個步驟。

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

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

三是點擊菜單右側(cè)出現(xiàn)的圖標，添加標題，然后點擊+號，點擊之后會在Headlines中顯示標題的名稱，此時，再點擊Create來創(chuàng)建子菜單。

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

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

五、結(jié)語

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

（作者單位：陽泉高級技工學校）