網(wǎng)站建設制作網(wǎng)頁(yè)的模板

1.設計網(wǎng)頁(yè)模板

模板能夠幫助快速地制作大量布局相似的網(wǎng)頁(yè),制作模板與制作普通頁(yè)面相同,但模板只是制作網(wǎng)站標志、導航欄和標題欄等各個(gè)頁(yè)面的公有部分.使用模板不僅可以快速創(chuàng )建網(wǎng)站,使各個(gè)網(wǎng)頁(yè)的風(fēng)格保持一致,而且還能使網(wǎng)頁(yè)的更新和維護更加容易,從而大大提高了成都網(wǎng)站建設工作效率.
 

網(wǎng)頁(yè)模板可以自己設計制作,也可以下載網(wǎng)上提供的Dreamweaver模板.網(wǎng)上提供了許多網(wǎng)頁(yè)模板,只需將選擇好的模板下載,解壓后將其子目錄中所有的內容拷貝到“Ｄ: ｔｓｇＳｉｔｅ”即可.當回到Ｄｒｅ-ａｍｗｅａｖｅｒ中,在右側的文件瀏覽窗格中會(huì )自動(dòng)顯示出剛剛拷貝過(guò)來(lái)的文件及文件夾.在“站點(diǎn)-ｔｓｇＳｉｔｅ”目錄下可以發(fā)現名為“ｉｎｄｅｘ.ｈｔｍ”的文件,它是下載的模板的首頁(yè).點(diǎn)鼠標右鍵,從右鍵菜單中選擇“設成首頁(yè)”即可將“ｉｎｄｅｘ.ｈｔｍ”設為圖書(shū)館網(wǎng)頁(yè)的首頁(yè).雙擊ｉｎｄｅｘ.ｈｔｍ,按下快捷鍵Ｆ12在ＩＥ中即可預覽一下,點(diǎn)擊導航按鈕可以瀏覽多個(gè)網(wǎng)頁(yè).
 

模板比網(wǎng)頁(yè)多出了可編輯區域、鎖定區域等概念.因此編輯模板只能在可編輯區域中像編輯網(wǎng)頁(yè)一樣插入表格、圖形、文字、ＪａｖａＳｃｒｉｐｔ腳本等內容.
 

模板改好后,就可以使用它創(chuàng )建新網(wǎng)頁(yè)了.單擊菜單命令“文件※新建”,單擊“模板”標簽,在“模板用于”框中選擇“站點(diǎn)`ｔｓｇＳｉｔｅ'”選項,再單擊“創(chuàng )建”,即可創(chuàng )建一個(gè)新網(wǎng)頁(yè).
 

2.設置修改頁(yè)面
 

模板只提供了圖書(shū)館網(wǎng)頁(yè)的框架,下面來(lái)制作網(wǎng)頁(yè)的內容.
 

(1)修改頁(yè)面屬性.單擊菜單“修改※頁(yè)面屬性”,在打開(kāi)的頁(yè)面屬性對話(huà)框中可以對成都網(wǎng)站建設網(wǎng)頁(yè)進(jìn)行多種設置,如設置背景圖像、改變背景顏色、設置文本和鏈接的顏色等.單擊左側“標題※編碼”項,然后在右側“標題”輸入網(wǎng)頁(yè)的標題“圖書(shū)館”,它就會(huì )出現在網(wǎng)頁(yè)瀏覽器的標題欄上.
 

(2)文本操作.Dreamweaver對文字的操作與Ｗｏｒｄ比較相似.如選取導航欄文字后,在下方“屬性”面板中設置文字字體、大小、顏色、風(fēng)格等,這里就不細說(shuō)了.
 

(3)插入圖像.圖像是網(wǎng)頁(yè)的重要組成部分.一般可以在頁(yè)面中插入ＧＩＦ和ＪＰＥＧ格式的圖像,這兩種格式符合Ｉｎｔｅｒｎｅｔ所需要的壓縮和跨平臺的起碼要求.Dreamweaver對圖像的操作包括插入和編輯圖像以及在圖像上建立超鏈接等都比較容易掌握.可以在適當的位置插入圖書(shū)館的照片及標志,使網(wǎng)頁(yè)更加直觀(guān)和美化.
 

(4)插入其他對象.結合實(shí)際的需要還可以在網(wǎng)頁(yè)中插入表格、層、flash動(dòng)畫(huà)、日期等,還可以插入應用程序等特殊對象.
 

(5)對網(wǎng)頁(yè)進(jìn)行必要的編輯修改后,保存時(shí)要注意:網(wǎng)頁(yè)一定要保存在當前站點(diǎn)文件夾即“Ｄ: ｔｓｇ-Ｓｉｔｅ”內.在文件瀏覽窗格中打開(kāi)其他成都網(wǎng)站建設網(wǎng)頁(yè)文件,依照上面方法按照需要修改即可.