Dreamwaver在網站設計中的應用探討

摘 要：在信息技術快速發(fā)展并普及應用的今天，網絡早已成為人們獲取、傳遞、發(fā)布信息的主要通道，正在極大改變人們的生產生活環(huán)境?；ヂ摼W在社會經濟、政治、文化等領域開始發(fā)揮重要的作用。而網站建設作為互聯網的基礎應用，其重要性不言而喻，已經成為政府、企業(yè)管理信息化中的基礎部分。Dreamwaver作為網站、網頁設計的基本工具，在網站建設領域發(fā)揮了重要作用。

關鍵詞：信息技術；網站設計；互聯網；Dreamwaver

中圖分類號：TP393.092-4

互聯網技術的發(fā)展和應用，極大改變了人們的生產及生活水平，將地球變成了名副其實的地球村，互聯網開始成為人們交流、購物、傳播信息的重要渠道和工具。電子商務網站作為因特網的重要組成部分，也是互聯網技術的基礎應用，為推動網絡經濟、網絡文化的發(fā)展起到了關鍵的作用。Dreamwaver是網站建設、網頁設計領域中的基本軟件工具，因其支持可視化設計模式、支持跨瀏覽器操作、支持多平臺，在網頁設計領域得到了廣泛的應用，尤其是動態(tài)網頁設計，是目前網站建設、網頁設計的首選工具和平臺。

1 Dreamwaver簡介

Dreamwaver是目前流行的一種網站設計與制作工具，它能夠實現網頁設計、布局、網站建設、網站管理等多種功能于一身，同時支持可視化操作，同時支持多種系統(tǒng)平臺，而且還能夠制作跨瀏覽器行為的網站，也是目前網站建設領域的首選設計工具。Dreamwaver支持CSS多樣式，具有強大的站點管理功能，支持內建的圖像引擎，還能夠支持多媒體技術，制作出動態(tài)的、交互式的、多媒體網站。

Dreamwaver整合了代碼編輯、可視化視圖設計與布局，由于具備強大的程序開發(fā)功能，使得可以網站設計人員可以快速、精確構建豐富、多彩的網站頁面；同時開發(fā)人員只需要通過Dreamwaver提供的服務器技術實現和數據庫的連接，開發(fā)出動態(tài)的、交互式網站。Dreamwaver還支持多種服務器開發(fā)技術，比如ASP、JSP、PHP、ASP.NET等，它們能夠實現素材整理、布局、格式排版、交互程序設計等多種功能。因此，使用Dreamwaver開發(fā)工具完全可以在短時間內制作功能強大、界面豐富、色彩多樣的交互式動態(tài)網頁。

2 利用Dreamwaver制作網站

2.1 網站運行環(huán)境

（1）使用Dreamwaver8作為設計工具，下圖為Dreamwaver8的啟動頁面。

（2）運行環(huán)境

瀏覽器使用IE，保證瀏覽器版本為IE6.0或以上版本，顯示器分辨率為1024*768，這也是最佳的分辨率，可以實現最佳的顯示效果。

2.2 網頁布局設計

使用Dreamwaver8進行網站設計的時候，對于網頁布局設計一定要注意幾個方面：（1）頁面尺寸（2）整體樣式（3）頁眉（4）文本段落（5）頁腳（6）圖片布局（7）多媒體應用。在使用Dreamwaver8設計過程中，對于網頁的布局設計通常使用表格布局，框架布局、CSS布局設計等，通常使用表格布局較多，也是現行網站設計的一個通用標準。

2.3 設計站點

選擇并依此點擊“開始|程序|Macromedia| Macromedia Dreamweaver8”菜單項或者雙擊桌面上的Dreamweaver圖標，進入Dreamweaver8軟件的工作界面，作為普通用戶，選擇“設計器”進行工作區(qū)布局。首次使用Dreamweaver8軟件時，必須創(chuàng)建新的站點，通過單擊圖3-3工作區(qū)上面的菜單欄“站點|新建站點”選項，創(chuàng)建一個新的站點，比如可以用購物商城為例，創(chuàng)建一個XX商城的站點，在站點輸入框里面輸入站點名稱和HTTP地址。

2.4 管理站點資源

新建站點以后，需要添加并管理站點的資源，包括文件、文件夾、媒體資源等。Dreamweaver8提供了快捷、方便的站點資源管理工具。比如，可以創(chuàng)建一些文件夾，用于存儲相關的網頁文件、多媒體文件，通常包括Images文件夾、media文件夾、Html文件夾；其中Images存放圖片資源、media文件夾存放多媒體資源，比如動畫、視頻、音頻等；Html文件夾主要存儲網頁文件，包括CSS樣式表、Html頁面、JS腳本等。具體操作方法是：右鍵點擊站點-購物商城，在快捷菜單中選擇“新建文件夾”菜單，在輸入框中輸入文件夾的名稱即可。

2.5 編輯首頁

右鍵點擊站點“購物商城”，在彈出的快捷菜單中選中“新建文件”菜單項，在輸入框中輸入index.html或者index.asp或者index.jsp等格式。雙擊index文件以后即可進入網站首頁編輯頁面，通過文件上面的“標題”輸入框可以輸入首頁標題“購物商城”。

2.6 網頁內容布局

在使用Dreamweaver8進行頁面布局設計時，通常使用表格來定位頁面中的各類元素，常用的頁面布局形式見下圖，它主要包括頂部的 Logo區(qū)、Banner區(qū)、上面的導航菜單區(qū)、中間的頁面內容區(qū)、底部的版權區(qū)、左邊的欄目區(qū)等幾個部分組成。

2.7 豐富頁面內容

可以通過插入多媒體資源的方法來進一步封面頁面內容，對應的媒體資源包括：

（1）插入Flash格式的動畫文件比如swf。

（2）插入視頻文件比如AVI、wma、rmv、brm、flash、mp4、mid、3GP等。Dreamweaver8中的視頻文件插入方法：將光標定位到頁面中需要插入視頻文件的地方，點擊主菜單“插入|媒體|插件”菜單命令。

（3）嵌入聲音文件比如wav、aif、mp3等，插入方法和插入視頻的方法類似。

2.8 添加超鏈接

在Dreamweaver 8工具中，可以加入超鏈接，比如“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內部鏈接“、”外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”、“跳轉菜單”等。

2.9 網站上傳測試

在使用Dreamweaver 8設計網站的工作完成以后，可以點擊菜單“站點|管理站點”菜單項，在站點管理器頁面中，繼續(xù)單擊“編輯”按鈕，選擇“遠程信息”，如圖所示。在對話框中依次輸人FTP主機名、主機目錄、登錄用戶名、密碼，點擊測試；然后再面板工具欄的上傳文件按鈕 ，成功上傳后即可訪問。

3 結語

在常規(guī)的網站建設過程中，Dreamweaver是現有常用、首選的設計工具，但是網站設計是一門系統(tǒng)學科，僅僅依賴Dreamweaver是無法全面了解網站建設的精華；但是Dreamweaver對于網站建設、網頁設計來說的確是一種入門的工具，可以滿足簡單網站設計的需要，這對于網絡技術傳播和發(fā)展具有積極的意義。

參考文獻：

[1]鄭軍.任務驅動教學法在網頁設計與制作課程教學中的應用[J].無線互聯科技，2013（05）.

[2]單永杰.項目教學法在網頁制作課程教學中的應用[J].遼寧師專學報（自然科學版），2013（01）.

[3]朱彩華.《網頁設計與制作》課程教學方法的研究與探討[J].無線互聯科技，2013（05）.

[4]楊國山，李君.Dreamweaver的幾點使用技巧[J].科協論壇（下半月），2009（07）.

[5]劉姍.用Dreamweaver制作網頁的基本技巧[J].中小學電教，2004（11）.

作者簡介：趙凡（1982.1-），女，本科。