網頁制作的方法與技巧

摘 要:互聯網已經成為現代人們工作和生活中不可缺少的部分，很多人都想制作一些精美的網頁發布到網上，以充分展示自己。本文以Dreamweaver為例，介紹個人網頁制作的一般步驟和操作中應該注意的問題。

關鍵詞:Dreamweaver 個人網頁 方法 技巧

中圖分類號:G642文獻標識碼:A文章編號:1673-9795(2012)04(a)-0182-01

隨著計算機技術和網絡技術的發展，互聯網已經成為現代人們工作和生活中不可缺少的部分，越來越多的人們希望擁有自己的個人主頁，以充分展示自己;很多公司希望讓自己的網站更有吸引力，以提高企業的知名度。本文以Dreamweaver為例，介紹個人網頁制作的一般步驟和應該注意的問題。

1 規劃網站

一個網站設計能否成功，很大程度上決定于設計者的構思，要想建立一個好的網站，必須先規劃好網站的主題。即你建立的網站所要包含哪些內容。例如個人網站，你可以要選擇一個自己最感興趣內容，辦出自己的特色。確定了網站的主題以后，你就可以圍繞這個主題開始搜集素材了。這些素材可以包括和主題相關的圖片、文檔資料和視頻資料等等。收集完材料之后，就是選擇制作工具了。選擇一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。

2 使用Dreamweaver進行網站設計

2.1 Dreamweaver的特點

Dreamweaver是目前比較優秀的網頁制作工具之一，它功能強大，而且易學易用，它不但能完成基本的網頁設計任務，而且還提供了許多新技術，如支持JavaScript腳本編輯技術、CSS技術等，尤其是它提供的設計與代碼兩種編輯技術可以讓用戶自由選擇，非常方便。

2.2 制作網頁的一般步驟

素材有了，工具也選好了，下面就需要按照規劃進行網頁設計了。

2.2.1 建立本地站點

建立網站的第一步就是創建本地站點。通常建立站點時要把站點中包括的內容分一下類，例如把網頁中用到的圖片放到一個文件夾中，把所有的視頻資料放到一個文件夾內，把所有的文檔資料放到一個文件夾中，這樣可以使站點的結構清晰，便于將來的維護。我們可以先在磁盤上建立一個文件夾，作為站點的本地目錄。Dreamweaver中，可以在網頁編輯窗口中選擇“站點”→“新建站點”命令根據提示來完成站點的創建工作。

2.2.2 進行頁面布局

網頁中通常包括各種文字、圖片等內容，為了使頁面中的各個元素有機地結合在一起，突出頁面的美感，需要對頁面進行合理的布局。在Dreamweaver中，頁面布局的方法有以下三種:框架布局、表格布局、div布局。框架布局目前比較少用;在網頁較少的情況下用表格布局就可以了，Dreamweaver中表格的操作與Word的表格操作有相似的地方，可以方便的實現表格的拆分、合并，設置單元格的邊框線、背景色等，對于個人網頁我們用表格就可以實現合理的布局;對于大型網站，就要采用div+css布局，目的是方便修改維護。

2.2.3 向網頁中添加內容

網頁的整體布局確定之后，我們就可以向網頁中添加內容了。

(1)插入文本。

網頁的主要內容是文字和圖像。在Dreamweaver中，向網頁中添加文本有以下幾種方法:直接在文檔窗口中輸入文本;也可以通過剪貼板從其他應用程序中復制文本;還可以把其他應用程序中的文本文件導入到網頁文檔中。然后可以在屬性面板中對文本進行格式設置。

(2)插入圖片。

我們在制作網頁時，經常要插入一些圖片，起到強調內容、美化頁面的作用。通常使用最多的是GIF與JPEG圖片，GIF圖片多用于一些小圖標，比如公司圖標，廣告圖標等。與JPEG圖片相比較，GIF圖片格式和網頁背景融合的更好，而JPEG圖片會發現四周的暈邊。但如果處理大的圖片，最好用JPEG格式，它有高的壓縮比。

在Dreamweaver中插入圖片的方法有以下幾種:使用插入菜單:在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定;使用插入欄:單擊插入欄對象按鈕，彈出“選擇圖像源文件”對話框;使用“資源”面板，展開根目錄的圖片文件夾，選定該文件，用鼠標拖動至工作區合適位置。注意文件名要用英文或用拼音文字命名而且使用小寫，不能用中文。

圖片插入后可以按F12鍵進行測試。

(3)插入超鏈接。

網頁之間的跳轉關系是通過超鏈接來實現的，鏈接是網頁中的重要組成部分。在網頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉到相應的網頁中去。在中創建超鏈接的方法有多種，常用的是用屬性面板創建超鏈接，方法為:選中要做超級鏈接的文字或者圖片，然后在屬性面板的“鏈接”中輸入要鏈接文檔的URL地址即可。

2.2.4 上傳測試

網頁制作好后保留在本地計算機上，只能在本機的瀏覽器中瀏覽，要把網頁上傳到Internet上的主頁空間，才能讓更多的人瀏覽我們制作的網頁。在站點發布之前，首先要申請一個免費的主頁空間，然后用Dreamweaver的站點管理功能進行文件上傳，把本地計算機上的文件上傳到主頁空間的服務器上，上傳完成之后，我們就可以通過瀏覽器上網瀏覽自己的作品了。

3 結語

網站制作是一個復雜而細致的過程，在制作網頁時，先把總體的結構設計好，然后再逐步完善一些細節。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。另外個人網站的選材要有自己的特色，內容要少而精，這樣才會突出主題，給瀏覽者留下深刻的印象。

參考文獻

[1]申莉莉[主編].Dreamweaver網頁設計與制作教程[M].機械工業出版社.

[2]郭玲文[主編].Dreamweaver實例與技巧[M].航空工業出版社.

[3]朱仁成[主編].Dreamweaver網頁設計培訓教程[M].西安電子科技大學出版社.