DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中存在的問(wèn)題與對(duì)策

法金勇

【摘 要】從互聯(lián)網(wǎng)上查找資料可能都需要瀏覽網(wǎng)頁(yè)，因此，網(wǎng)頁(yè)就成為了信息的基本載體。網(wǎng)頁(yè)制作也成為了計(jì)算機(jī)軟件學(xué)習(xí)中的一項(xiàng)重要內(nèi)容。利用Dreamweaver軟件可以設(shè)計(jì)出十分精美的網(wǎng)頁(yè)，但是，它也是一個(gè)讓許多初學(xué)者感到很困惑的軟件。初學(xué)者利用DR設(shè)計(jì)靜態(tài)網(wǎng)站的過(guò)程中會(huì)遇到各種各樣的問(wèn)題，那么怎樣才能夠利用好Dreamweaver軟件呢？本文對(duì)Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)站進(jìn)行了簡(jiǎn)介，分析了DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中存在的問(wèn)題，研究出了相應(yīng)的對(duì)策，并得到了相關(guān)的結(jié)論。

【關(guān)鍵詞】Dreamweaver軟件 網(wǎng)頁(yè) 設(shè)計(jì) 靜態(tài) 問(wèn)題 對(duì)策

【中圖分類(lèi)號(hào)】TP393.092【文獻(xiàn)標(biāo)識(shí)碼】A【文章編號(hào)】1672-5158（2013）02-0088-01

一、Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)站

D r e a m w e a v e r是當(dāng)前最流行的網(wǎng)頁(yè)設(shè)計(jì)軟件。它與同為Macromedia公司出品的Fireworks和Flash一道，被譽(yù)為網(wǎng)頁(yè)制作三劍客。利用Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)站也成為了各高校計(jì)算機(jī)軟件相關(guān)專(zhuān)業(yè)的一門(mén)新興學(xué)科。靜態(tài)網(wǎng)站主要是指網(wǎng)站建設(shè)初期或者簡(jiǎn)單的網(wǎng)站，這種網(wǎng)站事宜發(fā)布信息為主的網(wǎng)站。這類(lèi)網(wǎng)站的頁(yè)面基本上都是設(shè)計(jì)人員事先設(shè)計(jì)好，放在服務(wù)器上，用戶訪問(wèn)網(wǎng)站時(shí)直接再傳到用戶的瀏覽器上供用戶瀏覽。利用Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)站主要有以下幾大優(yōu)點(diǎn)：1、不生成冗余代碼；2、代碼編輯方便；3、強(qiáng)大的動(dòng)態(tài)頁(yè)面支持；4、操作較簡(jiǎn)單；5、網(wǎng)站管理功能優(yōu)越；6、便于擴(kuò)展。利用Dre amweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)站需要準(zhǔn)備所需的各種素材，例如，準(zhǔn)備文字素材、準(zhǔn)備圖像素材、準(zhǔn)備動(dòng)畫(huà)素材、準(zhǔn)備聲音素材、準(zhǔn)備其他媒體形式的素材等。

二、 DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中存在的問(wèn)題

對(duì)于初學(xué)者而言，利用Dreamweaver設(shè)計(jì)靜態(tài)網(wǎng)站經(jīng)常會(huì)產(chǎn)生一些意想不到的錯(cuò)誤，使在調(diào)試的時(shí)候很難下手。經(jīng)過(guò)探究分析發(fā)現(xiàn)，DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中主要存在以下幾種問(wèn)題：

（一）、路徑錯(cuò)誤問(wèn)題

路徑是網(wǎng)頁(yè)與網(wǎng)頁(yè)所需素材相連接的關(guān)鍵所在，出現(xiàn)路徑錯(cuò)誤問(wèn)題，網(wǎng)頁(yè)很有可能變得一塌糊涂。最為常見(jiàn)的是圖片鏈接問(wèn)題，設(shè)計(jì)的網(wǎng)頁(yè)中圖片無(wú)法顯示。當(dāng)出現(xiàn)圖片無(wú)法顯示的情況時(shí)，很有可能是圖片素材的路徑出了問(wèn)題。對(duì)于聲音、動(dòng)畫(huà)無(wú)法獲取也是一樣的，多半是獲取路徑的問(wèn)題。

（二）、空格問(wèn)題

在Dreamweaver中輸入空格是一件令人頭痛的事情。有時(shí)候當(dāng)利用Dreamweaver編輯文本的時(shí)候需要用到空格，但是，一些初學(xué)者可能就會(huì)發(fā)現(xiàn)空格無(wú)法顯示出來(lái)，這樣就導(dǎo)致空格問(wèn)題的出現(xiàn)。

（三）、設(shè)計(jì)好的網(wǎng)頁(yè)在瀏覽器窗口最小化時(shí)會(huì)變丑的問(wèn)題

對(duì)于初學(xué)者來(lái)說(shuō)，容易出現(xiàn)的一個(gè)問(wèn)題就是：設(shè)計(jì)好的網(wǎng)頁(yè)在瀏覽器全屏的狀態(tài)下，網(wǎng)頁(yè)內(nèi)容能夠全部顯示出來(lái)，不存在任何問(wèn)題，可是當(dāng)使用窗口最小化命令或者手動(dòng)調(diào)節(jié)窗口大小事，就會(huì)出現(xiàn)設(shè)計(jì)好的網(wǎng)頁(yè)變丑的問(wèn)題。可能出現(xiàn)的情況就是網(wǎng)頁(yè)內(nèi)容會(huì)把當(dāng)前窗口作為顯示范圍，從而縮小了顯示范圍，這樣的話就會(huì)導(dǎo)致網(wǎng)頁(yè)內(nèi)容無(wú)法全部顯示，網(wǎng)頁(yè)顯得不那么美觀了。

（四）、圖文混排問(wèn)題

設(shè)計(jì)靜態(tài)網(wǎng)站時(shí)，想要在Dreamweaver中將圖片和文字放在一起，實(shí)現(xiàn)圖文混排的效果。但是，在進(jìn)行圖文混排時(shí)經(jīng)常會(huì)出現(xiàn)錯(cuò)位的現(xiàn)象，圖片文字無(wú)法對(duì)齊。最常見(jiàn)的就是欄目條上的一個(gè)小圖標(biāo)和一個(gè)標(biāo)題在同一個(gè)單元格內(nèi)，圖標(biāo)和文字難以對(duì)齊。

（五）、表格混亂問(wèn)題

很多初學(xué)者會(huì)采用單一表格來(lái)給整個(gè)頁(yè)面布局，這種頁(yè)面布局方式不規(guī)范，容易產(chǎn)生錯(cuò)誤。Dreamweaver使用表格是很常見(jiàn)的，表格操作簡(jiǎn)單，很容易上手，但是，調(diào)試起來(lái)很困難，經(jīng)常會(huì)出現(xiàn)錯(cuò)位混亂的問(wèn)題。這是因?yàn)楸砀竦母鱾€(gè)單元格之間是有關(guān)聯(lián)，單元格寬度會(huì)影響布局的內(nèi)容，一旦出現(xiàn)錯(cuò)誤就很難控制了。

三、 對(duì)策研究

針對(duì)DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中存在的問(wèn)題，可以提出如下對(duì)策：

（一）、合理設(shè)置文件路徑

當(dāng)出現(xiàn)路徑錯(cuò)誤是，需要查看引用文件的路徑是否正確。對(duì)于圖片路徑錯(cuò)誤來(lái)說(shuō)，如果路徑設(shè)置是：“./images/baby.jpg”，這樣設(shè)置的是相對(duì)路徑，指的是父級(jí)目錄下的image文件夾中的baby.jpg圖片文件，這樣是正確的。但是，如果路徑設(shè)置為：“file：///d：/Documents/baby.jpg”，這是電腦的絕對(duì)路徑，指的是電腦D盤(pán)中我的文檔中的baby.jpg圖片文件，所以文件沒(méi)有在站點(diǎn)文件夾中，無(wú)法獲取圖片信息。所以，需要將各種素材放在站點(diǎn)文件夾內(nèi)，并指定正確的路徑。

（二）、了解空格使用方法

Dreamweaver中對(duì)空格輸入的限制是針對(duì)“半角”文字狀態(tài)而言的，所以通過(guò)將輸入法調(diào)整到全角模式就可以避免空格問(wèn)題了。另外，還可以通過(guò)同時(shí)按下鍵盤(pán)上的Shift+Ctrl+space就可以插入一個(gè)空格，且能夠連續(xù)輸入。

（三）、正確設(shè)定表格百分比屬性

一般情況下，網(wǎng)頁(yè)布局大多是通過(guò)表格來(lái)實(shí)現(xiàn)的，表格的高度設(shè)定選擇上提供了百分比和像素兩種不同屬性，解決網(wǎng)頁(yè)在瀏覽器窗口最小化變丑的問(wèn)題，只需要將百分比屬性全部更正為Pixels單位的實(shí)際大小就可以了。

（四）、圖文混排

解決圖文混排問(wèn)題，只需要將圖片的對(duì)方屬性改為絕對(duì)居中，然后再對(duì)圖片的左右邊距進(jìn)行調(diào)節(jié)就可以了。

（五）、使用多個(gè)表格來(lái)布局，減少各表格間的關(guān)聯(lián)

采用表格來(lái)布局時(shí)，盡量使用多個(gè)表格，復(fù)雜欄目合理嵌套，每個(gè)欄目用單獨(dú)的表格，減少各個(gè)表格之間的關(guān)聯(lián)。另外，在建立表格時(shí)要設(shè)置填充和間距的具體數(shù)值，對(duì)于一些初學(xué)者而言，在建立表格式?jīng)]有設(shè)置填充和艱巨的具體數(shù)值，而表格填充和間距默認(rèn)的是1個(gè)像素，這樣在布局的時(shí)候就容易把表格撐開(kāi)，造成頁(yè)面布局的混亂。

四、 結(jié)束語(yǔ)

DR設(shè)計(jì)靜態(tài)網(wǎng)站過(guò)程中存在的問(wèn)題除了上述常見(jiàn)的五種之外，還有一些問(wèn)題也是令初學(xué)者比較頭痛的。例如，利用CSS和DIV布局時(shí)容易出現(xiàn)浮動(dòng)元素?fù)Q行、布局發(fā)生混亂、間距不合理等問(wèn)題。這個(gè)時(shí)候需要設(shè)計(jì)者掌握CSS和DIV布局的使用方法，正確的運(yùn)用CSS和DIV布局技術(shù)，才能夠使靜態(tài)網(wǎng)站更加的美觀。網(wǎng)站設(shè)計(jì)的過(guò)程是復(fù)雜的，需要不斷地實(shí)踐，總結(jié)經(jīng)驗(yàn)。

參考文獻(xiàn)

[1] 劉宏，韓鷹.網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)教程[M].北京交通大學(xué)出版社， 2007

[2] 劉小偉，等.網(wǎng)頁(yè)設(shè)計(jì)使用教程[M].中國(guó)鐵道出版社，2008

[3] 邢苗條.Dreamweaver4.0網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程[M].西安：西安地圖出版社， 2002