一、素材準(zhǔn)備
素材的準(zhǔn)備是成都網(wǎng)站建設(shè)的基本條件,只有準(zhǔn)備好必備的素材,才能夠快速的制作網(wǎng)站,而不會(huì)浪費(fèi)不必要的時(shí)間和精力。準(zhǔn)備成都網(wǎng)頁設(shè)計(jì)的素材不僅要從網(wǎng)站的各個(gè)欄目的規(guī)劃考慮,也要考慮各個(gè)頁面用到的圖片、內(nèi)容、特殊效果等等,具體的網(wǎng)站有:網(wǎng)頁大寶庫、懶人圖庫、素材精品屋等。準(zhǔn)備好素材以后,需要對(duì)文本、圖片、樣式、特效等進(jìn)行基本的處理,同時(shí)還要將素材進(jìn)行分類,具體分類文件夾如:images、flash、music、style。
二、首頁制作
首先把整理好的素材分別放在images、flash、music三個(gè)文件夾下。
建立站點(diǎn)
1)打開Dreamweaver軟件。
2)單擊“站點(diǎn)”菜單,進(jìn)行“新建站點(diǎn)”操作。
3)在站點(diǎn)定義對(duì)話框中輸入網(wǎng)站名稱“mywebsite”,本地根目錄文件夾”是指你網(wǎng)站保存的磁盤路徑,選擇d:\myweb后,單擊“確認(rèn)”按鈕。
4)經(jīng)過以上基本操作,一個(gè)站點(diǎn)就建立好了。
5)把images、flash、music三個(gè)文件夾剪切到站點(diǎn)文件夾下,再新建html文件夾。
6)右鍵單擊“站點(diǎn)”面板中根目錄下的html文件夾,新建網(wǎng)頁首頁文件,命名為”index.html”。
7)打開首頁文件index.html進(jìn)入編輯狀態(tài)。
8)建立表格,使表格居中對(duì)齊。
表格居中代碼如下:
<table width="800" height="712" border="0" align="center" bordercolor="#000000">
<tr>
<th height="218" scope="col"> </th>
</tr>
</table>
9)點(diǎn)擊表格內(nèi)部在執(zhí)行菜單中,插入——媒體——flash。
10)同樣的方法插入flash背景音樂文件未命名-5.swf。
11)點(diǎn)擊修改——頁面屬性——外觀——背景圖像,單擊瀏覽選擇所需背景圖片。
4 模版的建立
1)首先建立一個(gè)大表格并且使表格居中,接著制作嵌套表格,使用插入表格命令,在大表格內(nèi)插入所需行數(shù)和列數(shù)表格,設(shè)置寬度百分比“Percent”(百分比),在文本框中輸入100,單擊“OK”,所插入的表格剛好充滿第一個(gè)單元,然后插入一行三列的表格,左右分別為100寬居中表格寬度為600,最后再居中嵌入一行七列的導(dǎo)航欄和一列的文本內(nèi)容欄。
2)表格嵌套完成后開始編輯導(dǎo)航條,首先輸入導(dǎo)航文字內(nèi)容,給每欄文字分別添加鏈接為【#】點(diǎn)擊導(dǎo)航條表格的<table>,在屬性菜單下編輯邊框大小為3、顏色為#FFCC99。選擇執(zhí)行菜單中,頁面屬性——鏈接,設(shè)置文字鏈接,添加鏈接效果:鏈接顏色與已訪問鏈接顏色為#ffcc99 變換圖像鏈接顏色為#ffff00,下劃線樣式為僅在變換圖像是顯示下劃線。
3)添加成都網(wǎng)頁設(shè)計(jì)網(wǎng)頁背景圖案,頁面屬性——外觀——背景圖像,選擇好事先存放在images里的背景圖案。
4)添加table中的背景圖案,單擊<table>在屬性中選擇背景圖像,添加圖像,這樣成都網(wǎng)站建設(shè)就算完成了。