法金勇

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

【關鍵詞】Dreamweaver軟件 網頁 設計 靜態(tài) 問題 對策

【中圖分類號】TP393.092【文獻標識碼】A【文章編號】1672-5158（2013）02-0088-01

一、Dreamweaver軟件設計靜態(tài)網站

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

二、 DR設計靜態(tài)網站過程中存在的問題

對于初學者而言，利用Dreamweaver設計靜態(tài)網站經常會產生一些意想不到的錯誤，使在調試的時候很難下手。經過探究分析發(fā)現(xiàn)，DR設計靜態(tài)網站過程中主要存在以下幾種問題：

（一）、路徑錯誤問題

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

（二）、空格問題

在Dreamweaver中輸入空格是一件令人頭痛的事情。有時候當利用Dreamweaver編輯文本的時候需要用到空格，但是，一些初學者可能就會發(fā)現(xiàn)空格無法顯示出來，這樣就導致空格問題的出現(xiàn)。

（三）、設計好的網頁在瀏覽器窗口最小化時會變丑的問題

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

（四）、圖文混排問題

設計靜態(tài)網站時，想要在Dreamweaver中將圖片和文字放在一起，實現(xiàn)圖文混排的效果。但是，在進行圖文混排時經常會出現(xiàn)錯位的現(xiàn)象，圖片文字無法對齊。最常見的就是欄目條上的一個小圖標和一個標題在同一個單元格內，圖標和文字難以對齊。

（五）、表格混亂問題

很多初學者會采用單一表格來給整個頁面布局，這種頁面布局方式不規(guī)范，容易產生錯誤。Dreamweaver使用表格是很常見的，表格操作簡單，很容易上手，但是，調試起來很困難，經常會出現(xiàn)錯位混亂的問題。這是因為表格的各個單元格之間是有關聯(lián)，單元格寬度會影響布局的內容，一旦出現(xiàn)錯誤就很難控制了。

三、 對策研究

針對DR設計靜態(tài)網站過程中存在的問題，可以提出如下對策：

（一）、合理設置文件路徑

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

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

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

（三）、正確設定表格百分比屬性

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

（四）、圖文混排

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

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

采用表格來布局時，盡量使用多個表格，復雜欄目合理嵌套，每個欄目用單獨的表格，減少各個表格之間的關聯(lián)。另外，在建立表格時要設置填充和間距的具體數(shù)值，對于一些初學者而言，在建立表格式沒有設置填充和艱巨的具體數(shù)值，而表格填充和間距默認的是1個像素，這樣在布局的時候就容易把表格撐開，造成頁面布局的混亂。

四、 結束語

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

參考文獻

[1] 劉宏，韓鷹.網頁設計與制作實訓教程[M].北京交通大學出版社， 2007

[2] 劉小偉，等.網頁設計使用教程[M].中國鐵道出版社，2008

[3] 邢苗條.Dreamweaver4.0網頁設計實用教程[M].西安：西安地圖出版社， 2002