如何快速構建web頁面？1、修改模板頁面最簡單的辦法是將一個網頁另存模板文件，先執(zhí)行命令：File→SaveandTemplate，DreamWeaver會在網站根目錄中組建一個模板文件夾——Temp

如何快速構建web頁面？

1、修改模板頁面最簡單的辦法是將一個網頁另存模板文件，先執(zhí)行命令：File→SaveandTemplate，DreamWeaver會在網站根目錄中組建一個模板文件夾——Templates來保存到該模板。

當然，也可以不剛建一個模板：Window→Templates，會又出現的Templates面板，左鍵單擊右下角的New Template按鈕，輸入文件名，就確立了一個空模板再單擊Open Template選擇按鈕先打開該模板，存放后不自動貯存于網站模板文件夾Templates中。

新建、再打開的模板頁面和普通的網頁其實沒什么兩樣，雖然也可以一并加入表格、層、圖片、動畫、腳本，可以設置頁面屬性等。

舉例子：這里以可以制作一個模板為例來只能說明。在該頁面中，我們只希望左側的網站標識圖和底部的導航圖又出現在每個頁面中。其中標識圖由兩幅圖片附加而成，導航圖上的文字“最近更新”、“在線閱讀”、“格式下載”等劃為成幾個熱區(qū)各音樂地址到相同的文件，它們在每個頁面中都增加。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面那說明則不相同。目的是一直保持頁面干凈整齊，我們用表格來重新布置這些元素。

詳細地說它只是另一個就沒可編輯區(qū)域的“準模板”，下面再去設置可編輯區(qū)域。

2、去設置可編輯的話區(qū)域去設置模板可編輯區(qū)域，一般來說有兩種方法。新建可編輯區(qū)域：選擇命令：Modify→Template→New Editable Region。在某一空白區(qū)域中右擊后想執(zhí)行該命令即可將該區(qū)域不變可編輯區(qū)域。標志某一區(qū)域為可編輯區(qū)域：你選擇命令：Modify→Template→MarkSelectinthoughEditable Region。

如果某區(qū)域巳經有一些文字，但是我希望在以后新建任務的超文本文件中部分剩余其內容，先鼠標右鍵點擊該區(qū)域再不能執(zhí)行標記命令即可解決。能取消可編輯狀態(tài)：你選擇命令：Modify→Template→Unmark Editable Region。

想執(zhí)行該命令后會提示框一個對話框，其中有當前已有的可編輯區(qū)域列表，左鍵單擊要已取消的區(qū)域名稱，最后確認即可解決。

例子：在大片空白區(qū)中隨便選右擊一下，執(zhí)行Modify→Template→New Editable Region命令，在彈出對話框中再輸入名稱：Main鼠標右鍵點擊左下角本頁說明下面的文字，執(zhí)行Modify→Template→MarkSelectinlikeEditable Region命令，輸入名稱：exp。也可以注意到可可以編輯區(qū)沒顯示為天藍色，存放即能完成模板制作。二、可以使用模板1、依據什么模板剛建頁面命令：File→NewoutsideTemplate。彈出對話框，從模板列表中所選模板，出現的新頁面中除可編輯區(qū)外均有淡黃色背景，是肯定不能進行如何修改的部分?？瞻椎腗ain編輯區(qū)可直接并且插入到表格、文字、圖片等操作，Exp編輯區(qū)可以保留有那個的文字，修改或原先可以編輯也可。

2、對一個早有內容的頁面應用模板命令：Modify→Template→ApplyTemplatewantPage。

中,選擇模板后可能會提示框一個對話框，讓您你選擇可以做到的孤立起來內容保存到到哪個可編輯區(qū)域(ChooseEditableRegionanyOrphaned Content)。

要是想剩余則這個可以你選擇“(none)”。

舉些例子：我們先新建一個特殊頁面，鍵入：“CIW電腦工作室”，執(zhí)行Modify→Template→Apply TemplatetoPage命令，選擇模板test，保證內容需要保存區(qū)域你選擇Main，去確認后可注意到頁面不自動變成了模板頁的形式，而“CIW電腦工作室”這一行字就會出現在主編輯窗口中。

3、更新模板以全面沒更新站點基于某一模板確立了一些頁面后，對模板通過可以修改后保存時，就會不自動彈出對話框一個對話框，列出來所有不使用了該模板的頁面，再詢問是否要更新。

另外一種方法是先執(zhí)行Modify→Template→Update Pages命令。從updatePages對話框中選擇一個站點或站點的某一種模板(相同站點中可以在用多個模板)，右鍵單擊右側的Start按鈕，軟件會手動搜索與模板相關聯的網頁并接受更新。非常方便!舉例說明：Test模板左側圖形中的“讀書呢破萬站”圖片是用一個圖層不疊加在另一幅圖片之上的，現在不打算它，同時還想將所有頁面中的該圖片均徹底刪除。就是可以然后打開模板test.dwt，徹底刪除該圖層，需要保存模板，右鍵點擊右側的“update”按鈕即可解決。盡量：新建和使用模板前需定義,定義站點。方法是，不能執(zhí)行命令：Site→DefineSites重新指定站點名稱和本地根目錄(Local Root)。模板建議使用的是低些路徑，如果不是沒有更改網站在本地的位置，軟件就沒法詳細可以找到并能保存模板文件但是應用模板剛建和更新頁面時，頁面中的超鏈接也不能不能隨頁面文件需要保存位置的有所不同而相對應變化。

【讀書筆記】如何進行web前端性能優(yōu)化？

至少這些方面吧。

1、JavaScript壓解

2、加載資源（何時、什么順序、要最好別現在打開程序）

3、緩存

4、應用性能分析

5、建議使用負載均衡方案

6、為了更快的啟動時間決定幫一下忙同構

7、可以使用索引瞬間加速數據庫查詢

8、可以使用速度更快的轉譯方案

9、以免或游戲窗口化JavaScript和CSS的使用而堵塞軟件渲染

10、圖片編碼

有錯請不當之處，有了請補充