dw怎么用模板創(chuàng)建網(wǎng)頁(yè)(dw怎么做模板網(wǎng)頁(yè))
本篇文章給大家談?wù)刣w怎么用模板創(chuàng)建網(wǎng)頁(yè),以及dw怎么做模板網(wǎng)頁(yè)對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
- 1、DW批量做網(wǎng)頁(yè)的方法
- 2、DW怎么把首頁(yè)設(shè)為模板,子網(wǎng)頁(yè)用模板設(shè)計(jì)
- 3、dreamweaver如何制作網(wǎng)頁(yè)?
- 4、dreamweaver如何創(chuàng)建模板
- 5、DW制作網(wǎng)頁(yè)的基本步驟
DW批量做網(wǎng)頁(yè)的方法
DW批量做網(wǎng)頁(yè)的方法
DW是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具,利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。下面是Y JBYS我整理的DW批量做網(wǎng)頁(yè)的方法,希望對(duì)你有幫助!
一、建立模板
1、創(chuàng)建模板頁(yè)面
最簡(jiǎn)單的辦法是將一個(gè)網(wǎng)頁(yè)另存為模板文件,通過(guò)執(zhí)行命令:File→Save as Template,DreamWeaver會(huì)在網(wǎng)站根目錄中建立一個(gè)模板文件夾——Templates來(lái)保存該模板。當(dāng)然,也可以新建一個(gè)模板:Window→Templates,會(huì)出現(xiàn)的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個(gè)空模板;再單擊Open Template按鈕打開(kāi)該模板,保存后自動(dòng)存放于網(wǎng)站模板文件夾Templates中。新建、打開(kāi)的模板頁(yè)面和普通的網(wǎng)頁(yè)沒(méi)什么兩樣,同樣可以加入表格、層、圖片、動(dòng)畫(huà)、腳本,設(shè)置頁(yè)面屬性等。
舉例:這里以制作一個(gè)模板為例來(lái)說(shuō)明。在該頁(yè)面中,我們希望左側(cè)的網(wǎng)站標(biāo)識(shí)圖和底部的導(dǎo)航圖出現(xiàn)在每個(gè)頁(yè)面中。其中標(biāo)識(shí)圖由兩幅圖片疊加而成,導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個(gè)熱區(qū)分別鏈接到不同的文件,它們?cè)诿總€(gè)頁(yè)面中都不變。右上部的主頁(yè)面區(qū)和左下角彈出式選單按鈕下面的頁(yè)面說(shuō)明則各不相同。為了保持頁(yè)面整潔,我們用表格來(lái)布置這些元素。準(zhǔn)確地說(shuō)它只是一個(gè)沒(méi)有可編輯區(qū)域的“準(zhǔn)模板”,下面再設(shè)定可編輯區(qū)域。
2、設(shè)定可編輯區(qū)域
設(shè)定模板可編輯區(qū)域,一般來(lái)說(shuō)有兩種方法。
新建可編輯區(qū)域:選擇命令:Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。
標(biāo)記某一區(qū)域?yàn)榭删庉媴^(qū)域:選擇命令:Modify→Template→Mark Selectin as Editable Region。如果某區(qū)域已經(jīng)有一些文字,并且希望在以后新建的超文本文件中部分保留其內(nèi)容,先選中該區(qū)域再執(zhí)行標(biāo)記命令即可。
取消可編輯狀態(tài):選擇命令:Modify→Template→Unmark Editable Region。執(zhí)行該命令后會(huì)彈出一個(gè)對(duì)話框,其中有當(dāng)前已有的可編輯區(qū)域列表,選中要取消的.區(qū)域名稱,確認(rèn)即可。
舉例:在大片空白區(qū)中隨便單擊一下,執(zhí)行Modify→Template→New Editable Region命令,在彈出對(duì)話框中輸入名稱:Main;選中左下角本頁(yè)說(shuō)明下面的文字,執(zhí)行Modify→Template→Mark Selectin as Editable Region命令,輸入名稱:exp??梢钥吹娇删庉媴^(qū)顯示為淺藍(lán)色,保存即完成模板制作。
二、使用模板
1、根據(jù)模板新建頁(yè)面
命令:File→New From Template。彈出對(duì)話框,從模板列表中選取模板,出現(xiàn)的新頁(yè)面中除可編輯區(qū)外均有淡黃色背景,是不能進(jìn)行修改的部分??瞻椎腗ain編輯區(qū)可直接進(jìn)行插入表格、文字、圖片等操作,Exp編輯區(qū)保留有原來(lái)的文字,修改或重新編輯均可。2、對(duì)一個(gè)已經(jīng)有內(nèi)容的頁(yè)面應(yīng)用模板
命令:Modify→Template→Apply Template to Page。選擇模板后還會(huì)彈出一個(gè)對(duì)話框,讓您選擇現(xiàn)有的孤立內(nèi)容保存到哪個(gè)可編輯區(qū)域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇“(none)”。
舉例:我們先新建一個(gè)普通頁(yè)面,輸入:“CIW電腦工作室”,執(zhí)行Modify→Template→Apply Template to Page命令,選擇模板test,現(xiàn)有內(nèi)容保存區(qū)域選擇Main,確認(rèn)后可看到頁(yè)面自動(dòng)變成了模板頁(yè)的形式,而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。
3、更新模板以全面更新站點(diǎn)
基于某一模板建立了一些頁(yè)面后,對(duì)模板進(jìn)行修改后保存時(shí),就會(huì)自動(dòng)彈出一個(gè)對(duì)話框,列出所有使用了該模板的頁(yè)面,詢問(wèn)是否要更新。
另外一種方法是執(zhí)行Modify→Template→Update Pages命令。從Update Pages對(duì)話框中選擇一個(gè)站點(diǎn)或站點(diǎn)的某一種模板(同一站點(diǎn)中可以使用多個(gè)模板),單擊右側(cè)的Start按鈕,軟件會(huì)自動(dòng)搜索與模板相關(guān)聯(lián)的網(wǎng)頁(yè)并進(jìn)行更新。非常方便!
舉例:Test模板左側(cè)圖形中的“讀書(shū)破萬(wàn)站”圖片是用一個(gè)圖層疊加在另一幅圖片之上的,現(xiàn)在不想要它,同時(shí)還想將所有頁(yè)面中的該圖片均刪除。就可以打開(kāi)模板test.dwt,刪除該圖層,保存模板,單擊右側(cè)的“Update”按鈕即可。
;
DW怎么把首頁(yè)設(shè)為模板,子網(wǎng)頁(yè)用模板設(shè)計(jì)
剛進(jìn)入dreamweaver點(diǎn)擊新建下方的更多,然后選擇空白頁(yè),頁(yè)面類型選擇html模板,布局選無(wú)就行了。
插入一個(gè)表格(菜單欄中選擇插入,再找到表格),表格里的布局自己根據(jù)需要設(shè)置,在這里我設(shè)置為行數(shù)為5,列為1,表格寬度為1000像素。插入表格后,選中整個(gè)表格,選中后表框會(huì)加黑加粗,在下方設(shè)置為居中對(duì)齊。
在表格第一行插入圖像(菜單欄中選擇插入,再找到圖像),第二行加入滾動(dòng)字幕。第三行插入表格(方法同上),1行4列,表格寬度為百分之一百。插入表格之后,再選中第三行的表格,選中后表格邊框會(huì)加黑加粗,在下方設(shè)置表格為居中對(duì)齊,寬度為20%。
第三行中選入一些文字,如首頁(yè),李白,杜甫,白居易。新建一個(gè)css文件,再建一個(gè)css,設(shè)置好類型中的顏色和背景中的顏色,加以區(qū)分。選中第三行,使用剛才新建的css,再新建一個(gè)css,表格的邊框使用該css。
在第四行插入可編輯區(qū)域。點(diǎn)擊確定,可編輯區(qū)域中的文字即EditRegion3可以去掉,換行可以擴(kuò)大可編輯區(qū)域的面積。
在第五行插入可編輯區(qū)域,我還插入了一條水平線,并加上了版權(quán)。最后保存。此時(shí)模板已經(jīng)建好。
新建,模板中的頁(yè),找到新建的模板,創(chuàng)建,保存為index.html(即網(wǎng)站的主頁(yè)),再重新打開(kāi)新建的模板,在可編輯區(qū)預(yù)報(bào)輸入李白的資料,保存為libai.com,此時(shí)你會(huì)發(fā)現(xiàn)只有在可編輯區(qū)域才能輸入內(nèi)容,其他區(qū)域都是不可操作的,這就是模板的特點(diǎn)。同理,在新建兩個(gè)作為杜甫和白居易的網(wǎng)頁(yè)。
現(xiàn)在就差用超鏈接把上面做的幾個(gè)網(wǎng)頁(yè)連接起來(lái)了。在模板中選中首頁(yè),在下方html中的鏈接中輸入首頁(yè)的名稱,即index.html,同理,選中李白,杜甫,白居易將他們連起來(lái)。超鏈接做好后在文字下方會(huì)多出一條橫線。
做完了之后在index.html中打開(kāi)可以看看做出的效果,點(diǎn)擊圖中的小地球圖標(biāo)就可進(jìn)行查看。
dreamweaver如何制作網(wǎng)頁(yè)?
在dw中點(diǎn)擊“文件-新建-常規(guī)-基本頁(yè)-HTML”,這樣就可以輕松的建好了一個(gè)網(wǎng)頁(yè)。英文版的默認(rèn)為文件名untitled.htm。中文版的默認(rèn)為文件名“無(wú)標(biāo)題文檔”。htm表示的是這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件。
下載了網(wǎng)頁(yè)模板程序后,用dreamweaver修改的具體操作步驟:
在標(biāo)題空格那里輸入網(wǎng)頁(yè)的名稱,點(diǎn)擊—頁(yè)面屬性,打開(kāi)這個(gè)窗口后在這里可以設(shè)置網(wǎng)站標(biāo)題、背景顏色還有背景圖像,超級(jí)鏈接顏色,其他都保持默認(rèn)值就可以了。
這個(gè)時(shí)候光標(biāo)在左上角,你可以輸入一句話,如“歡迎大家來(lái)到我的主頁(yè)”,用文字,用菜單“窗口/屬性”打開(kāi)屬性面板,取文字的大小,再把文字設(shè)置為居中,然后在文字的前面敲幾下回車就位于頁(yè)面中間了。
要選取字體,即選擇字體中的最后一項(xiàng):即編輯字體列表。然后在對(duì)話框中選+號(hào),接著在“可用字體”欄中選擇需要加入到字體,點(diǎn)擊中間的按鈕就可以加入了。
dreamweaver如何創(chuàng)建模板
一、模板的創(chuàng)建和設(shè)置
1)模板的概念:作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時(shí),可以說(shuō)明哪些網(wǎng)頁(yè)元素不可編輯,哪些元素可以編輯。其擴(kuò)展名為.dwt。
2)模板的作用:有利于保持網(wǎng)頁(yè)風(fēng)格的一致;提高工作效率。
1.創(chuàng)建模板
1)創(chuàng)建一個(gè)全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕
模板面板的打開(kāi):Window菜單--Templates
2)創(chuàng)建基于文檔的模板:File菜單-Save As Template
2.設(shè)置模板頁(yè)面屬性
1)用模板創(chuàng)建的文檔繼承模板的頁(yè)面屬性,頁(yè)標(biāo)題除外。
2)設(shè)置:Modify菜單-Page Properties
3.定義模板的可編輯區(qū)
1)定義模板的可編輯區(qū)
在模板文檔中選定對(duì)象、Modify菜單、Templates、New Editable Region
2)取消可編輯區(qū)標(biāo)記
Modify菜單-Templates-Remove Editable Region
二、模板的應(yīng)用和更新
1.應(yīng)用模板創(chuàng)建文檔
1)應(yīng)用模板創(chuàng)建文檔
使用模板創(chuàng)建新文檔:File菜單-New From Template
或:File菜單-New-從模板面板中拖一個(gè)模板到文檔
對(duì)現(xiàn)有文檔應(yīng)用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select
或:從模板面板中拖一個(gè)模板到文檔中
或:從模板面板中選定一個(gè)模板,單擊Apply
2)可編輯區(qū)和鎖定區(qū)
在應(yīng)用了模板的文檔中,只有可編輯區(qū)的內(nèi)容才可以修改。
3)把頁(yè)面從模板中分離出來(lái)
如果要對(duì)應(yīng)用了模板的頁(yè)面的鎖定區(qū)進(jìn)行修改,必須先把頁(yè)面從模板中分離出來(lái)。
具體操作:Modify菜單-Templates-Detach From Template
2.修改模板
在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存
3.更新站點(diǎn)中使用模板的所有文件
DW制作網(wǎng)頁(yè)的基本步驟
01
在網(wǎng)上下載dw的軟件,點(diǎn)擊打開(kāi)軟件。
02
點(diǎn)擊文件,找到新建,開(kāi)始進(jìn)行下一個(gè)步驟。
03
創(chuàng)建一個(gè)html,然后確定文檔類型,然后點(diǎn)擊確定。
04
在代碼中的body/body中加入我們的代碼內(nèi)容。
05
填寫(xiě)好你想寫(xiě)的代碼內(nèi)容后,點(diǎn)擊保存,點(diǎn)擊F12,預(yù)覽效果,簡(jiǎn)單網(wǎng)頁(yè)內(nèi)容就寫(xiě)好了。
關(guān)于dw怎么用模板創(chuàng)建網(wǎng)頁(yè)和dw怎么做模板網(wǎng)頁(yè)的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。