您現在的位置是:電腦技術吧?>? 編程技術 ??>??制作網站模板,制作模板??>??正文詳情

制作網站模板,制作模板

支心香2019-11-20 10:11:41 人圍觀
簡介個人網頁模板像Dreamweaver這樣的常用網頁制作工具有這個功能。使用模板可以減少很多重復性工作。一。創建模板。一。創建模板頁的最簡單方法是通過執行以下命令將網頁保存為個人簡

常見的網頁制作工具如DreamWeaver中都有這項功能,使用模板就能減少大量的重復勞動。

一、建立模板1、創建模板頁面  最簡單的辦法是將一個網頁另存為模板文件,通過執行命令:FileSave as Template,DreamWeaver會在網站根目錄中建立一個模板文件夾Templates來保存該模板。

當然,也可以新建一個模板:WindowTemplates,會出現的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個空模板;再單擊Open Template按鈕打開該模板,保存后自動存放于網站模板文件夾Templates中。

新建、打開的模板頁面和普通的網頁沒什么兩樣,同樣可以加入表格、層、圖片、動畫、腳本,設置頁面屬性等。

舉例:這里以制作一個模板為例來說明。

在該頁面中,我們希望左側的網站標識圖和底部的導航圖出現在每個頁面中。

其中標識圖由兩幅圖片疊加而成,導航圖上的文字最近更新、在線閱讀、打包下載等劃分成幾個熱區分別鏈接到不同的文件,它們在每個頁面中都不變。

右上部的主頁面區和左下角彈出式選單按鈕下面的頁面說明則各不相同。

為了保持頁面整潔,我們用表格來布置這些元素。

  準確地說它只是一個沒有可編輯區域的準模板,下面再設定可編輯區域。

2、設定可編輯區域設定模板可編輯區域,一般來說有兩種方法。

新建可編輯區域:選擇命令:ModifyTemplateNew Editable Region。

在某一空白區域中單擊后執行該命令即可將該區域變為可編輯區域。

標記某一區域為可編輯區域:選擇命令:ModifyTemplateMark Selectin as Editable Region。

如果某區域已經有一些文字,并且希望在以后新建的超文本文件中部分保留其內容,先選中該區域再執行標記命令即可。

取消可編輯狀態:選擇命令:ModifyTemplateUnmark Editable Region。

執行該命令后會彈出一個對話框,其中有當前已有的可編輯區域列表,選中要取消的區域名稱,確認即可。

  舉例:在大片空白區中隨便單擊一下,執行ModifyTemplateNew Editable Region命令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執行ModifyTemplateMark Selectin as Editable Region命令,輸入名稱:exp。

可以看到可編輯區顯示為淺藍色,保存即完成模板制作。

二、使用模板批量制作網頁1、根據模板新建頁面  命令:FileNew From Template。

彈出對話框,從模板列表中選取模板,出現的新頁面中除可編輯區外均有淡黃色背景,是不能進行修改的部分。

空白的Main編輯區可直接進行插入表格、文字、圖片等操作,Exp編輯區保留有原來的文字,修改或重新編輯均可。

2、對一個已經有內容的頁面應用模板  命令:ModifyTemplateApply Template to Page。

選擇模板后還會彈出一個對話框,讓您選擇現有的孤立內容保存到哪個可編輯區域(Choose Editable Region for Orphaned Content)。

要是不想保留則可以選擇(none)。

  舉例:我們先新建一個普通頁面,輸入:CIW 電腦工作室,執行ModifyTemplateApply Template to Page命令,選擇模板test,現有內容保存區域選擇Main,確認后可看到頁面自動變成了模板頁的形式,而CIW電腦工作室這一行字就出現在主編輯窗口中。

3、更新模板以全面更新站點  基于某一模板建立了一些頁面后,對模板進行修改后保存時,就會自動彈出一個對話框,列出所有使用了該模板的頁面,詢問是否要更新。

  另外一種方法是執行ModifyTemplateUpdate Pages命令。

從Update Pages對話框中選擇一個站點或站點的某一種模板(同一站點中可以使用多個模板),單擊右側的Start按鈕,軟件會自動搜索與模板相關聯的網頁并進行更新。

非常方便!  舉例:Test模板左側圖形中的讀書破萬站圖片是用一個圖層疊加在另一幅圖片之上的,現在不想要它,同時還想將所有頁面中的該圖片均刪除。

就可以打開模板test.dwt,刪除該圖層,保存模板,單擊右側的Update按鈕即可。

  注意:新建和使用模板前需定義站點。

方法是,執行命令:SiteDefine Sites;指定站點名稱和本地根目錄(Local Root)。

模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟件就不能準確找到并保存模板文件;并且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化

版權聲明:本文由 支心香 整理編輯。

原標題:個人網頁制作,簡單html網頁制作模板

轉載注明出處:http://www.dn9ww09s.icu/program/13729.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 火山小視頻位置準確嗎,火山小視頻改位置軟件

    火山小視頻位置準確嗎,火山小視頻改位置軟件 相關圖片火山小視頻好友顯示位置準嗎火山視頻作為一款非常好的視頻拍攝軟件,很多小伙伴都喜歡用它來和別人分享生活,但也有人說為什么發送的內容會顯示地址。如何隱藏火山視頻的位置...

  • ol元素,ol元素的屬性值

    ol元素,ol元素的屬性值 相關圖片世界ol定義如何準備排序列表。將文本繪制成帶編號的列表。注意,除非設置了不同的類型值,否則type tag屬性將設置所有后續列表類型。此元素位于Internet Expul ol...

  • 摳圖方法,摳圖教程

    摳圖方法,摳圖教程 相關圖片蒙版摳圖煙火墊已經不是很聰明很長一段時間了,所以有時我不得不向Photoshop兄弟求助,以便有更好的圖片效果。不過,PS哥的體質太強了,不能和FW一起玩。不,為了充分photoshop摳圖怎...

  • 股票可以手機交易嗎,手機通達信軟件下載官網

    股票可以手機交易嗎,手機通達信軟件下載官網 相關圖片十大證券交易app股票的走勢一直在實時變化,我們不能總是呆在電腦前。當你有東西要離開電腦時,你怎么能繼續追蹤股票的走勢?在這個時候,移動股票交易軟件將幫助很大。好吧,...

  • 網頁切圖怎么切,網頁如何切圖

    網頁切圖怎么切,網頁如何切圖 相關圖片網頁切圖規范許多初學者在剛學完CSS時感到無助,需要做實際的操作來裁剪網頁。這里我想簡單總結一下網頁裁剪第一點的一些經驗和要點:我們網站的logo部分一般采用H1 a鏈接的網頁需...

  • 網易云音樂人申請網址,如何入駐網易云音樂人

    網易云音樂人申請網址,如何入駐網易云音樂人 相關圖片網易云音樂人邀請碼在哪網易云音樂之所以能受到大家的喜愛,是因為網易音樂人推出的許多原創音樂是一大原因。那么網易云音樂人如何應用呢?網易云樂師怎么會唱歌?現在,超人...

  • 努比亞z17s吧,努比亞z17s怎么樣

    努比亞z17s吧,努比亞z17s怎么樣 相關圖片努比亞z17s屏幕怎么樣z17s作為努比亞第一款全屏幕手機,吸引了眾多小伙伴的關注。那努比亞z17s呢?現在,超人軟件編輯也想回答如何插入努比亞z17s的sim卡。希望你喜歡。努比亞Z努比亞...

  • 響應式模板,什么是響應式模板

    響應式模板,什么是響應式模板 相關圖片響應式html頁面模板HTML5Zero包含了來自各個網站的網站模板資源,但它并不是以數量取勝,而是經過精心選擇的結果。本網站收集的模板均支持響應式網頁設計,即可根據網站中包含的不...

  • 黃油相機里的字體,黃油相機怎么用字體

    黃油相機里的字體,黃油相機怎么用字體 相關圖片黃油相機自帶字體牛油相機作為一款小巧、清新、風格十足的照片美化軟件,相信有很多小朋友只是使用它還不夠了解詳細的功能。那黃油相機怎么把字體變黑呢?黃油相機如何調整字...

  • Flash的幀,Flash的幀有三種

    Flash的幀,Flash的幀有三種 相關圖片flash的幀有哪三種在flash導出的第一幀中,這太傻了!在導出的第一個框架中,毫無疑問,您需要下載加載前用來附加的MC、sound和V2組件來顯示加載條!所以通常情況下,裝載量不flash普...

熱評文章

  • 用微信偷看對方位置,哪個網址可以免費定位手機號

    用微信偷看對方位置,哪個網址可以免費定位手機號 相關圖片微信定位,不讓他發現當我們外出時,我們有時需要找到自己或他人的位置。雖然每一張地圖都很容易使用,但都有局限性。因此,我們需要更好的移動定位軟件來幫助我們確定我們的位...

  • 做ppt好用的軟件,做ppt用什么軟件

    做ppt好用的軟件,做ppt用什么軟件 相關圖片能做ppt的軟件手機在日常工作會議報告中,為了更好地展現數據和觀點,PPT無疑是最佳選擇之一。然而,大多數人都接觸word和excel。至于PPT,很多人從未接觸過。PPT的軟糖是ppt應用軟件...

  • 視覺交互設計,視覺交互設計師

    視覺交互設計,視覺交互設計師 相關圖片ui設計和交互設計的區別有人說,有工程背景的交互設計師和有視覺背景的交互設計師的一個區別是,前者的設計東西不會有足夠的美,這是非常低的。盡管邏輯體系結構,特別是大型管...

  • 電腦定時開機在哪里設置,臺式電腦設置定時開機

    電腦定時開機在哪里設置,臺式電腦設置定時開機 相關圖片電腦怎么定時開機關機我相信,在使用電腦的過程中,所有的用戶都會遇到在不靠近電腦的時候需要打開或關閉電腦的體驗。那么如何在固定時間打開電腦呢?如何在固定時間關掉電腦...

  • 選項卡切換,切換選項卡在哪里

    選項卡切換,切換選項卡在哪里 相關圖片html選項卡切換本文以CSS文章列表切換為例介紹了tab效果的實現方法。與您分享以供參考。具體分析如下:這是一個很好的文章列表效果,類似于標簽頁的功能,有點特別,就是把鼠標點...

  • win10注冊dll文件,win10怎么打開dll文件

    win10注冊dll文件,win10怎么打開dll文件 相關圖片win7和win10哪個好用很多小伙伴都是PC端的游戲愛好者,但也有人在打開游戲的過程中報告了rld.dll的錯誤,游戲無法正常打開。怎么了?Rld.dll是一個Microsoft游戲支持dll文件修復...

  • 最炫酷頭像,最炫酷的圖片

    最炫酷頭像,最炫酷的圖片 相關圖片最炫酷的頭像圖片為了讓設計師更好的理解技術,我做了一期更容易理解的技術貼,內容高深遠遠沒有看的懂,看的有啟發重要!世界上最炫酷的壁紙...

  • ppt中音樂無法播放,ppt添加音樂從頭播到尾

    ppt中音樂無法播放,ppt添加音樂從頭播到尾 相關圖片wps音頻沒有可用的解碼器PPT是許多人在辦公過程中使用的一種軟件。我相信很多人仍然不知道如何在PPT中插入視頻和添加音樂。現在,超人軟件編輯將為您介紹PPT的相關內容。希望你喜...

  • 色彩搭配的基本方法,色彩搭配

    色彩搭配的基本方法,色彩搭配 相關圖片服裝色彩搭配教程視頻當你驚嘆于圖片設計中的美麗色彩,羨慕一個網站的恰當配色時,你是否總想把這些優秀的配色當成自己的,了解色彩的價值?也許,煙花可以幫助你解決這個難...

  • 比較好用的桌面管理軟件,桌面軟件管理

    比較好用的桌面管理軟件,桌面軟件管理 相關圖片免費桌面管理軟件我們的日常工作和生活都離不開電腦的使用,但是桌面一天比一天亂。厭倦了桌面的雜亂,想讓桌面更簡潔易用,那就用一些好的桌面管理軟件來管理你的電腦桌面快...

關注微信

变脸官网查询