一、素材準備

素材的準備是成都網(wǎng)站建設的基本條件，只有準備好必備的素材，才能夠快速的制作網(wǎng)站，而不會(huì )浪費不必要的時(shí)間和精力。準備成都網(wǎng)頁(yè)設計的素材不僅要從網(wǎng)站的各個(gè)欄目的規劃考慮，也要考慮各個(gè)頁(yè)面用到的圖片、內容、特殊效果等等，具體的網(wǎng)站有:網(wǎng)頁(yè)大寶庫、懶人圖庫、素材精品屋等。準備好素材以后，需要對文本、圖片、樣式、特效等進(jìn)行基本的處理，同時(shí)還要將素材進(jìn)行分類(lèi)，具體分類(lèi)文件夾如：images、flash、music、style。

二、首頁(yè)制作

首先把整理好的素材分別放在images、flash、music三個(gè)文件夾下。

建立站點(diǎn)

1）打開(kāi)Dreamweaver軟件。

2）單擊“站點(diǎn)”菜單，進(jìn)行“新建站點(diǎn)”操作。

3）在站點(diǎn)定義對話(huà)框中輸入網(wǎng)站名稱(chēng)“mywebsite”，本地根目錄文件夾”是指你網(wǎng)站保存的磁盤(pán)路徑，選擇d:\myweb后，單擊“確認”按鈕。

4）經(jīng)過(guò)以上基本操作，一個(gè)站點(diǎn)就建立好了。

5）把images、flash、music三個(gè)文件夾剪切到站點(diǎn)文件夾下，再新建html文件夾。

6）右鍵單擊“站點(diǎn)”面板中根目錄下的html文件夾，新建網(wǎng)頁(yè)首頁(yè)文件，命名為”index.html”。

7）打開(kāi)首頁(yè)文件index.html進(jìn)入編輯狀態(tài)。

8）建立表格，使表格居中對齊。

表格居中代碼如下：

<table width="800" height="712" border="0" align="center" bordercolor="#000000">

<tr>

<th height="218" scope="col">&nbsp;</th>

</tr>

</table>

9）點(diǎn)擊表格內部在執行菜單中，插入——媒體——flash。

10）同樣的方法插入flash背景音樂(lè )文件未命名-5.swf。

11）點(diǎn)擊修改——頁(yè)面屬性——外觀(guān)——背景圖像，單擊瀏覽選擇所需背景圖片。

4 模版的建立

1）首先建立一個(gè)大表格并且使表格居中，接著(zhù)制作嵌套表格,使用插入表格命令，在大表格內插入所需行數和列數表格，設置寬度百分比“Percent”（百分比），在文本框中輸入100，單擊“OK”，所插入的表格剛好充滿(mǎn)第一個(gè)單元，然后插入一行三列的表格，左右分別為100寬居中表格寬度為600，最后再居中嵌入一行七列的導航欄和一列的文本內容欄。

2）表格嵌套完成后開(kāi)始編輯導航條，首先輸入導航文字內容，給每欄文字分別添加鏈接為【#】點(diǎn)擊導航條表格的<table>，在屬性菜單下編輯邊框大小為3、顏色為#FFCC99。選擇執行菜單中，頁(yè)面屬性——鏈接，設置文字鏈接，添加鏈接效果：鏈接顏色與已訪(fǎng)問(wèn)鏈接顏色為#ffcc99 變換圖像鏈接顏色為#ffff00，下劃線(xiàn)樣式為僅在變換圖像是顯示下劃線(xiàn)。

3）添加成都網(wǎng)頁(yè)設計網(wǎng)頁(yè)背景圖案，頁(yè)面屬性——外觀(guān)——背景圖像，選擇好事先存放在images里的背景圖案。

4）添加table中的背景圖案，單擊<table>在屬性中選擇背景圖像，添加圖像，這樣成都網(wǎng)站建設就算完成了。