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

制作網站模板,制作模板

佟佳巧云2019-11-14 09:21:10 人圍觀
簡介個人網頁模板網站建設的難點在于更新和修改,尤其是大規模更新。如果我們不使用CMS系統,手工工作很繁重讓我告訴你一個秘密。事實上,只要我們使用好模板工具,我們就能很好地

做網站,麻煩在更新和改版,特別是大規模更新,如果不是用cms系統,手工工作量非常大。

  告訴你個秘密吧,其實只要用好模板工具,就能很好地批發網頁。

常見的網頁制作工具如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/assemble/12115.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 華碩bios怎么刷,華碩bios刷

    華碩bios怎么刷,華碩bios刷 相關圖片華碩老主板刷bios最近,華碩主板上出現了新的模式,所以對于一些新手來說,有很多人不知道如何操作華碩BIOS。這是不可能的設置。現在我給你方法。看看這個教程,華碩將刷BIOS。非...

  • 頁面制作,gpp2頁面制作

    頁面制作,gpp2頁面制作 相關圖片微頁面制作現在,以下面的簡單網頁為例來描述生產過程。簡單的web頁面如下圖所示:在開始生產之前,讓我們分析一下這個頁面。看看這個頁面使用的標題在頁面頂部我的主頁是一段...

  • 主板電池沒電怎么辦,主板電池沒電了會怎么樣

    主板電池沒電怎么辦,主板電池沒電了會怎么樣 相關圖片配置一臺電腦主機當電腦主板上的電池沒電時會發生什么?事實上,作者在電腦維護之初就考慮過這個問題,但他沒有一個好主意去問老師。他后來才在書房里明白。所以對于很多電腦...

  • html嵌套規則,嵌套

    html嵌套規則,嵌套 相關圖片if嵌套下面是在HTML 4 strict和XHTML 1.0 strict中必須遵循的規則列表。例如,不能在a中嵌入另一個a。注意:為了方便讀者,本文中的標記是大寫的if怎么嵌套...

  • 筆記本電腦做系統教程,電腦系統安裝教程

    筆記本電腦做系統教程,電腦系統安裝教程 相關圖片win7系統設置定時關機一般來說,我們每天上班時都需要手動打開電腦。有沒有辦法讓電腦定時開機?答案是肯定的,電腦計時的設定方法是什么?下面的編輯器將介紹以下設置計算機自...

  • 筆記本電腦做系統教程,電腦怎么共享文件

    筆記本電腦做系統教程,電腦怎么共享文件 相關圖片win7電腦共享文件共享文件需要在兩臺計算機上設置才能實現。大多數用戶不會設置共享文件。共享文件需要以一些麻煩的方式設置。如果需要在LAN中共享文件,但不知道如何在兩臺計算...

  • 選擇合適的方式離開,如何選擇合適的方式進行表達

    選擇合適的方式離開,如何選擇合適的方式進行表達 相關圖片選擇哪種方式還款合適本文列舉了移動終端中常用的幾種導航方法,并列舉了其優缺點。希望您在制作產品時能有所參考和考慮。在不同的環境和情況下選擇正確的導航方法。使產品更...

  • 瀏覽歷史刪除,清空歷史打開

    瀏覽歷史刪除,清空歷史打開 相關圖片瀏覽器怎么刪除歷史百度貼吧在瀏覽手機版貼吧時會自動記錄瀏覽歷史。如果您不想讓其他人看到您輸入了哪個貼吧,可以使用清理功能來清理痕跡。怎么做?如何清除瀏覽歷史記錄?...

  • 聯想怎么進入bios,聯想筆記本怎么進去bios系統

    聯想怎么進入bios,聯想筆記本怎么進去bios系統 相關圖片聯想臺式機bios設置u盤啟動BIOS是一種特殊的軟件,它的內存只有2米,是一種可以在國內外使用的軟件,所以該軟件的語言有中文和英文兩種。那么,我們使用的聯想電腦如何進入BIOS系統...

  • 符合標準,符合國六標準的

    符合標準,符合國六標準的 相關圖片哪些車符合國六標準語義可以轉化為語義,語義是HTML/XHTML是否真正符合標準的重要組成部分。喬魯是來和你討論他自己的一些觀點的。如果有什么問題,請改正。在西方,為什么那么多...

熱評文章

  • 向日葵遠程控制軟件怎么使用,向日葵遠程控制軟件

    向日葵遠程控制軟件怎么使用,向日葵遠程控制軟件 相關圖片向日葵遠程控制被控端向日葵遙控軟件操作簡單。我們想用手機遠程控制其他地方的電腦。建議使用葵花遙控軟件,穩定、自由、快捷。很多小伙伴都想了解向日葵遙控軟件,以便更好...

  • Flash教程,Flash動畫實例教程

    Flash教程,Flash動畫實例教程 相關圖片Flash動畫設計首先,讓我們來欣賞最終的效果:使用材質的效果預覽制作:材質制作步驟1。創建一個大小為330*330的新文件,背景色為黑色,其他值為默認值,如下圖1所示。2。將材Flas...

  • 遠程工具teamviewer13,遠程工具teamviewer12

    遠程工具teamviewer13,遠程工具teamviewer12 相關圖片team viewer 14TeamViewer遠程工具在我們的生活中非常常見。它們使用簡單方便。為了使用TeamViewer遠程工具,今天推薦的TeamViewer遠程工具操作簡單,適合teamviewer連接不上...

  • 什么的光澤,臉色無光澤

    什么的光澤,臉色無光澤 相關圖片光澤暗淡昨天,一種新型膠囊被研制出來。這種膠囊可以增強人們在拍攝FW照片時的光感能力。這不是欺騙。如果你不相信的話可以試試,首先我們需要考慮透視問題,但是這個膠囊比上...

  • 電腦多次裝系統,電腦頻繁裝系統好嗎

    電腦多次裝系統,電腦頻繁裝系統好嗎 相關圖片電腦需要經常重裝嗎電腦總是重新安裝系統,好嗎?我們都知道,當電腦出現問題時,可以很容易地重新安裝,哪個好?很多人問我,其實一般的重裝系統都是在系統出現問題的時候才...

  • office 2010激活工具,office激活工具

    office 2010激活工具,office激活工具 相關圖片怎么激活office已安裝的Office 2010都是非活動試用版。使用一段時間后,密碼將過期或產品激活失敗。但是,有些人不知道Office 2010的密鑰是什么,所以他們不能使用2013office激活工具...

  • 表格設計,做表格

    表格設計,做表格 相關圖片ExceL如何做表格表格設計是現代網頁制作的重要組成部分。表之所以重要,是因為它可以實現網頁的精確布局和定位。本教程分為兩個步驟。首先看一個表操作的例子。接下來讓我們看一...

  • 更改ip地址,ip設置地址配置

    更改ip地址,ip設置地址配置 相關圖片電腦ip設置一個是設置靜態IP地址,另一個是自動獲取IP地址。許多人使用計算機,但他們不知道如何設置IP地址。有時,當網絡出現故障時,我們需要使用設置計算機IP地址的操作。網絡...

  • tplink路由器,tplink無線路由器怎么設置

    tplink路由器,tplink無線路由器怎么設置 相關圖片tplink路由器設置密碼Tplink是公眾經常選擇的路由器品牌。本文將解釋如何設置tplink無線路由器。由于目前移動網絡的話費仍然很高,很多人會選擇使用無線路由將寬帶網絡變成家庭無線...

  • 大氣網頁設計,簡約大氣網頁設計

    大氣網頁設計,簡約大氣網頁設計 相關圖片簡單網頁設計圖采用高識別度字體設計,再加上吸引人的細節設計,確實是一個吸引用戶注意力的強大工具。優雅的線條輪廓和美麗的氣泡裝飾與其他視覺元素完美結合,營造出一種安...

關注微信

变脸官网查询