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