1.設(shè)計(jì)網(wǎng)頁(yè)模板
模板能夠幫助快速地制作大量布局相似的網(wǎng)頁(yè),制作模板與制作普通頁(yè)面相同,但模板只是制作網(wǎng)站標(biāo)志、導(dǎo)航欄和標(biāo)題欄等各個(gè)頁(yè)面的公有部分.使用模板不僅可以快速創(chuàng)建網(wǎng)站,使各個(gè)網(wǎng)頁(yè)的風(fēng)格保持一致,而且還能使網(wǎng)頁(yè)的更新和維護(hù)更加容易,從而大大提高了成都網(wǎng)站建設(shè)工作效率.
網(wǎng)頁(yè)模板可以自己設(shè)計(jì)制作,也可以下載網(wǎng)上提供的Dreamweaver模板.網(wǎng)上提供了許多網(wǎng)頁(yè)模板,只需將選擇好的模板下載,解壓后將其子目錄中所有的內(nèi)容拷貝到“D: tsgSite”即可.當(dāng)回到Dre-amweaver中,在右側(cè)的文件瀏覽窗格中會(huì)自動(dòng)顯示出剛剛拷貝過(guò)來(lái)的文件及文件夾.在“站點(diǎn)-tsgSite”目錄下可以發(fā)現(xiàn)名為“index.htm”的文件,它是下載的模板的首頁(yè).點(diǎn)鼠標(biāo)右鍵,從右鍵菜單中選擇“設(shè)成首頁(yè)”即可將“index.htm”設(shè)為圖書館網(wǎng)頁(yè)的首頁(yè).雙擊index.htm,按下快捷鍵F12在IE中即可預(yù)覽一下,點(diǎn)擊導(dǎo)航按鈕可以瀏覽多個(gè)網(wǎng)頁(yè).
模板比網(wǎng)頁(yè)多出了可編輯區(qū)域、鎖定區(qū)域等概念.因此編輯模板只能在可編輯區(qū)域中像編輯網(wǎng)頁(yè)一樣插入表格、圖形、文字、JavaScript腳本等內(nèi)容.
模板改好后,就可以使用它創(chuàng)建新網(wǎng)頁(yè)了.單擊菜單命令“文件※新建”,單擊“模板”標(biāo)簽,在“模板用于”框中選擇“站點(diǎn)`tsgSite'”選項(xiàng),再單擊“創(chuàng)建”,即可創(chuàng)建一個(gè)新網(wǎng)頁(yè).
2.設(shè)置修改頁(yè)面
模板只提供了圖書館網(wǎng)頁(yè)的框架,下面來(lái)制作網(wǎng)頁(yè)的內(nèi)容.
(1)修改頁(yè)面屬性.單擊菜單“修改※頁(yè)面屬性”,在打開(kāi)的頁(yè)面屬性對(duì)話框中可以對(duì)成都網(wǎng)站建設(shè)網(wǎng)頁(yè)進(jìn)行多種設(shè)置,如設(shè)置背景圖像、改變背景顏色、設(shè)置文本和鏈接的顏色等.單擊左側(cè)“標(biāo)題※編碼”項(xiàng),然后在右側(cè)“標(biāo)題”輸入網(wǎng)頁(yè)的標(biāo)題“圖書館”,它就會(huì)出現(xiàn)在網(wǎng)頁(yè)瀏覽器的標(biāo)題欄上.
(2)文本操作.Dreamweaver對(duì)文字的操作與Word比較相似.如選取導(dǎo)航欄文字后,在下方“屬性”面板中設(shè)置文字字體、大小、顏色、風(fēng)格等,這里就不細(xì)說(shuō)了.
(3)插入圖像.圖像是網(wǎng)頁(yè)的重要組成部分.一般可以在頁(yè)面中插入GIF和JPEG格式的圖像,這兩種格式符合Internet所需要的壓縮和跨平臺(tái)的起碼要求.Dreamweaver對(duì)圖像的操作包括插入和編輯圖像以及在圖像上建立超鏈接等都比較容易掌握.可以在適當(dāng)?shù)奈恢貌迦雸D書館的照片及標(biāo)志,使網(wǎng)頁(yè)更加直觀和美化.
(4)插入其他對(duì)象.結(jié)合實(shí)際的需要還可以在網(wǎng)頁(yè)中插入表格、層、flash動(dòng)畫、日期等,還可以插入應(yīng)用程序等特殊對(duì)象.
(5)對(duì)網(wǎng)頁(yè)進(jìn)行必要的編輯修改后,保存時(shí)要注意:網(wǎng)頁(yè)一定要保存在當(dāng)前站點(diǎn)文件夾即“D: tsg-Site”內(nèi).在文件瀏覽窗格中打開(kāi)其他成都網(wǎng)站建設(shè)網(wǎng)頁(yè)文件,依照上面方法按照需要修改即可.