<delect id="sj01t"></delect>
  1. <em id="sj01t"><label id="sj01t"></label></em>
  2. <div id="sj01t"></div>
    1. <em id="sj01t"></em>

            <div id="sj01t"></div>
            網頁設計

            在Dreamweaver中如何使用

            時間:2025-04-29 18:48:50 宗睿 網頁設計 我要投稿

            在Dreamweaver中如何使用模板

              Dreamweaver中里有一項十分強大的功能,就是模板!那模板有什么魅力呢?它又有什么樣的特點呢?下面就讓小編給你詳細說明模板的功能和使用方法.就跟隨百分網小編一起去了解下吧

              模板具有以下功能:

              1.利用模板,我們可以固化站點每頁都出現的元素。

              2.通過利用模板創建WEB頁,可使整個站點具有統一的風格。

              3.只要修改模板,就可以修改應用了該模板的所有WEB頁,而不需要手動修改每一頁。比如需要更改你的版權時,你是不是要一頁一頁的進行版權修改?如果有上千頁呢?我相信你會一個頭兩三個大。但如果你用上了模板的話,這些都不成為問題。

              下面是個較全面的例子,希望能迅速的讓你掌握模板的使用。。

              1. 編輯頁面

              打開工具Dreamweaver,新建一個站點,我們就取名為“三聯網”。

              新建一個空白頁面作為內頁(通常一個網站只有一個首頁,所以對首頁我們可以不做成模板),取名為body.html。

              編輯這個頁面,完成如圖1。

              圖3,New Editable Region窗口。

              說明此處有一個標記為Region01的可編輯區域。

              到此為止我們定義了一個可編輯區域,如果有多個編輯區域,同樣可以如法炮制。

              ※還可以通過ModifyàTemplatesàNew Editable Region…生成新的可編輯區域,如果想刪除可編輯區域,可通過ModifyàTemplatesàRemove Editable Region…,然后按提示操作即可。

              2. 用模板生成頁面

              其實我們前面也提及過用模板生成頁面的步驟,就是通過FileàNew From Template。請參考第三步的有關步驟。現在我們用模板生成一個名為body3.htm頁面。這時你會發現,在body3.htm頁面中除了可編輯區域Region01可以編輯外,別的地方鼠標都成了限制狀態。我們在此可編輯區域中添加我們需要的內容,比如我們隨便寫入一篇文章。這樣就可以根據我們的需要,利用模板生成頁面。

              3 修改模板內容與更新站點文件

              打開body.dwt模板文件,將我們需要修改的地方進行修改,比如我們把logo圖片換掉或修改任何非可編輯區域,甚至添加或刪除可編輯區域等。

              下面就用換logo來說明模板是如何更新文件的。

              我們把logo圖片換成另外我們喜歡的圖片,完成后保存body.dwt文件,這時DW會彈出窗口詢問是否需要更新文件,選擇Update,DW就會自動的將所有用此模板生成的頁面都更新,更新時DW會彈出Update Pages窗口,完成后,在Update Pages窗口中會給出更新日志。

              如果選擇了don’t Update,DW直接保持模板文件,暫時不更新頁面,但我們可以手動更新頁面,只要選擇ModifyàTemplatesàUpdate Pages…即可。

              這時我們打開任意一個用body.dwt生成的頁面,如body3.htm。會發現logo圖片已經改變。

              不難發現,利用這個功能,我們可以輕松的解決站點更新問題,模板的功能十分強大,此文只起到拋磚引玉的作用,很多功能由于篇幅問題未能提及,自己要多嘗試,這樣才能充分領略DW的模板風采。

              作用

              使用模板可以控制大的設計區域,以及重復使用完整的布局。如果要重復使用個別設計元素,如站點的版權信息或徽標,可以創建庫項目。

              使用模板可以一次更新多個頁面。從模板創建的文檔與該模板保持連接狀態(除非您以后分離該文檔)。可以修改模板并立即更新基于該模板的所有文檔中的設計。

              Dreamweaver 中的模板與某些其它 Adobe Creative Suite 軟件中的模板的不同之處在于,默認情況下 Dreamweaver 模板的頁面中的各部分是固定(即不可編輯)的。

              應該強調的是,在Dreamweaver CS3中要應用模板和庫制作網頁,首先要將網站作為Dreamweaver CS3管理的一個站點,這樣就可以由Dreamweaver CS3來管理模板和庫.

              通常制作模板文件時,只把導航條和標題欄等各個頁面黃有的部分制作出來,而把其他部分留給各個頁面安排設置具體內容.制作模板文件與制作普通的網頁的方法是相同的.但是在制作模板時,必須設置好"頁面屬性",指定好"可編輯區域"等..

              (模板的制作思路在許多大型網站上都有應用,如個人博客,各單位的信息發布網站等,它的最大的好處就是減少了重復勞動,并且相關的網站頁面風格保持一致.)

            【在Dreamweaver中如何使用】相關文章:

            Dreamweaver中如何使用模板的創建與編輯07-09

            如何學習使用Dreamweaver06-14

            如何使用dreamweaver的模板功能11-03

            Dreamweaver如何使用空鏈接09-01

            使用dreamweaver中的圖像熱點鏈接06-29

            Dreamweaver命名錨記如何使用09-03

            如何使用Dreamweaver插入文件域06-05

            如何使用Dreamweaver窗口布局方法08-23

            如何使用Dreamweaver設計網頁06-24

            <delect id="sj01t"></delect>
            1. <em id="sj01t"><label id="sj01t"></label></em>
            2. <div id="sj01t"></div>
              1. <em id="sj01t"></em>

                      <div id="sj01t"></div>
                      黄色视频在线观看