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