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

關(guān)鍵詞：信息技術(shù)；網(wǎng)站設(shè)計；互聯(lián)網(wǎng)；Dreamwaver

中圖分類號：TP393.092-4

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

1 Dreamwaver簡介

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

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

2 利用Dreamwaver制作網(wǎng)站

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

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

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

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

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

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

2.3 設(shè)計站點

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

2.4 管理站點資源

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

2.5 編輯首頁

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

2.6 網(wǎng)頁內(nèi)容布局

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

2.7 豐富頁面內(nèi)容

可以通過插入多媒體資源的方法來進一步封面頁面內(nèi)容，對應(yīng)的媒體資源包括：

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

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

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

2.8 添加超鏈接

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

2.9 網(wǎng)站上傳測試

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

3 結(jié)語

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

參考文獻：

[1]鄭軍.任務(wù)驅(qū)動教學法在網(wǎng)頁設(shè)計與制作課程教學中的應(yīng)用[J].無線互聯(lián)科技，2013（05）.

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

[3]朱彩華.《網(wǎng)頁設(shè)計與制作》課程教學方法的研究與探討[J].無線互聯(lián)科技，2013（05）.

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

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

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