Dreamweaver製作網頁模板學習教程
何用Dreamweaver製作網頁模板呢?下面小編將為大家分享一種學習方法,希望對您的學習有所幫助!更多內容請關注應屆畢業生考試網!
如何製作網頁模板第一步、建立模板
1、創建模板的頁面
最簡單的方法是就將一個網頁另存為模板文件,通過執行命令:File→Save as Template,DreamWeaver會在網站根目錄中建立一個模板的文件夾——Templates來保存這個模板。
當然,其實也可以新建一個模板:Window→Templates,會出現Templates面板,單擊右下角的New Template這個按鈕,輸入文件名之後,就建立好了一個空模板;再單擊Open Template按鈕打開這個模板,保存後自動存放在網站模板文件夾Templates當中。
新建、打開的模板頁面和普通的網頁基本沒什麼不同,同樣還可以加入表格、層、圖片、動畫、腳本和設置頁面屬性等。
2、要設定可編輯區域
設定模板可編輯區域,一般來説是有兩種方法的。
新建一個可編輯的區域:選擇命令按鈕:Modify→Template→New Editable Region。在空白區域中單擊後執行該命令就可以將該區域變為可編輯的區域。
標記某一個區域為可編輯的區域:選擇命令按鈕:Modify→Template→Mark Selectin as Editable Region。如果某個區域已經有一些文字了,並且希望以後在新建的超文本文件中部分保留其內容,先選中該區域再執行標記命令就可以了。
取消可編輯的狀態:選擇命令:Modify→Template→Unmark Editable Region。執行命令後會彈出一個對話框,其中有當前已有的可編輯的區域列表,選中要取消的區域名稱,點擊確認即可。
如何製作網頁模板第二步、使用模板
1、根據模板來新建頁面
彈出該對話框,從模板列表中選取一個模板,出現的`新頁面中除了可編輯的區外均有背景,這個是不能進行修改的部分。空白處的Main編輯區就可一直接進行插入表格、文字或者圖片等操作,Exp編輯區要保留有原來的文字,修改或重新編輯也都可以。
2、對一個已有內容的頁面應用模板
選擇模板之後還會彈出一個對話框,讓您選擇現有的孤的立內容保存到那個可編輯的區域。要是不想保留就直接選擇“(none)”。
3、以全面更新站點更新模板
基於某一個模板建立了一些頁面之後,對模板進行修改保存的時候,就自動彈出了一個對話框,列出所有的使用了該模板的頁面,詢問是不是要更新。
還有另外一種方法是執行Modify→Template→Update Pages命令。從Update Pages的對話框中選擇一個站點或站點的某一種模板,單擊右變的Start按鈕,軟件會自動搜索與該模板相關聯的網頁並對其進行更新。也是非常方便的!
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設置元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設置HTML元素的style屬性值。cssText怎麼用?複製代碼代碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不説,也知道ext是什...
-
WAP教程:WML 鏈接和圖像
鏈接可以製作WML卡片來顯示WML的錨功能,圖像可以製作WML卡片來顯示圖像.鏈接可以製作WML卡片來顯示WML的錨功能。標籤總是要規定一個任務("go","prev",或"refresh")。任務定義了當用户選擇此鏈接時要做的事情。在本例中,當用户選擇"Nextpage",其任務是"前往":Next...
-
ASP.NET新型的投票結果顯示方法
一個投票功能模塊少不了查看投票結果,用進度條顯示各個投票結果可以起到一目瞭然的效果。以下是我的方法,請大家不吝賜教:1:做一張圖片用於做進度條,只需要很小的一個圖片就可以了,如高20px,寬1px。2:在要顯示進度條的單元格中插入image控件,其imageUrl設置為已做好的...
-
javascript閉包的高級使用方法
擴展Code:複製代碼代碼如下:varblogModule=(function(my){hoto=function(){//添加內部代碼};returnmy;}(blogModule));Say:將自身傳進方法,然後實現了方法的擴展,有點象零件組裝啊Code:複製代碼代碼如下:varblogModule=(function(my){varoldAddPhotoMethod=hoto;...