網頁上的新聞和資訊信息特別多也特別及時,很多感興趣的朋友也想自己建立一個屬于自己的專屬網頁,這個算是有些專業(yè)的領域了。今天就一起來看看,怎么設計網頁模板。
網頁模板概述
在正式做頁面之前我在腦海里已經有一個自己對想要設計的網頁有一個初步的認識,大概確定網頁的一些功能和內容具體位置,還有網頁有哪些板塊等,根據(jù)這些想象中的內容我就可以描繪出網站的原型圖。
網頁模板就是已經做好的網頁框架,使用網頁設計軟件輸入自己需要的內容,再發(fā)布到自己的網站。每個網頁模板壓縮包內包含:PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改),按鈕圖片PSD文件、Flash源文件和字體文件,推薦使用Dreamweaver軟件向網頁模板添加內容。
(圖片來自網絡)
怎么設計網頁模板-創(chuàng)建和設置
1)模板的概念:作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時,可以說明哪些網頁元素不可編輯,哪些元素可以編輯。其擴展名為.dwt。
2)模板的作用:有利于保持網頁風格的一致;提高工作效率。
1.創(chuàng)建模板
1)創(chuàng)建一個全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕
模板面板的打開:Window菜單--Templates
2)創(chuàng)建基于文檔的模板:File菜單-Save As Template
2.設置模板頁面屬性
1)用模板創(chuàng)建的文檔繼承模板的頁面屬性,頁標題除外。
2)設置:Modify菜單-Page Properties
3.定義模板的可編輯區(qū)
1)定義模板的可編輯區(qū)
在模板文檔中選定對象、Modify菜單、Templates、New Editable Region
2)取消可編輯區(qū)標記
Modify菜單-Templates-Remove Editable Region
(圖片來自網絡)
怎么設計網頁模板-應用和更新
1.應用模板創(chuàng)建文檔
1)應用模板創(chuàng)建文檔
使用模板創(chuàng)建新文檔:File菜單-New From Template
或:File菜單-New-從模板面板中拖一個模板到文檔
對現(xiàn)有文檔應用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select
或:從模板面板中拖一個模板到文檔中
或:從模板面板中選定一個模板,單擊Apply
2)可編輯區(qū)和鎖定區(qū)
在應用了模板的文檔中,只有可編輯區(qū)的內容才可以修改。
3)把頁面從模板中分離出來
如果要對應用了模板的頁面的鎖定區(qū)進行修改,必須先把頁面從模板中分離出來。
具體操作:Modify菜單-Templates-Detach From Template
2.修改模板
在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存
3.更新站點中使用模板的所有文件
Modify菜單-Templates-Update Pages
(圖片來自網絡)
我現(xiàn)在就是很喜歡在網頁上瀏覽自己喜歡的網站或者是查詢資料,非常的方便快捷,以上就是關于怎么設計網頁模板的全部內容,感興趣的朋友趕快學起來吧。