怎么使用dreamweaver制作網(wǎng)頁(yè)教程 dw建站設(shè)計(jì)網(wǎng)頁(yè)
3、將光標(biāo)置于第一行,插入一張灰度的圖片。
4、在屬性面板中“鏈接”一欄里輸入需要鏈接的地址,并給圖片加上名稱,如tu1.
5、點(diǎn)擊行為窗口上的“+”按鈕,從彈出菜單中選擇“交換圖像”。
6、此時(shí)在“圖像”一欄中已顯示要交換的圖像,然后在“廟宇原始檔為”一欄里選擇好交換后的那張圖。
7、下面有兩個(gè)參數(shù),“預(yù)先載入圖像”和“鼠標(biāo)滑開(kāi)時(shí)恢復(fù)圖像”,都要選中。
8、同樣方法創(chuàng)建另外兩個(gè)動(dòng)態(tài)按鈕。
十九、用框架布局頁(yè)面
框架由兩個(gè)主要部分組成——框架集和單個(gè)框架。
1、 點(diǎn)擊插入中的框架,即顯示出已定義的13種框架的樣式。我們上—中—下結(jié)構(gòu)為例。
2、 點(diǎn)擊“上—中—下”框架結(jié)構(gòu)的圖標(biāo),此時(shí)在頁(yè)上插入上下兩個(gè)框架,將整個(gè)頁(yè)面分割成了3部分。我們分別在上面輸入“上”,在中間輸入“中”,在下面輸入“下”。
3、 先保存一下。點(diǎn)擊菜單中的文件/保存全部。這時(shí)首先保存框架集文件,可以自己修改名字,如kuangjia.htm。然后將分別保存框架集中的其他頁(yè)面。在保存對(duì)應(yīng)的頁(yè)面的時(shí)候,該部分會(huì)以虛線框起來(lái),這樣可將上面部分保存為shang.htm。下面部分保存為xia.htm。中間部分保存為zhong.htm。
4、 至此,我們保存了四個(gè)頁(yè)面,分別是框架集,和組成框架集的上、中、下三個(gè)頁(yè)面。所以,其實(shí)這個(gè)框架是由四個(gè)頁(yè)面組成的,所以用框架會(huì)降低一點(diǎn)用戶瀏覽的速度。
5、 點(diǎn)擊窗口/其他/框架,打開(kāi)框架的面板。在這里單擊某個(gè)框架,即可選中該框架。當(dāng)框架被選中時(shí),編輯窗口中對(duì)應(yīng)的框架出現(xiàn)虛線。
6、 如:選中上面topframe,此時(shí)屬性面板上顯示的是上面這個(gè)框架的屬性。同樣選中中間框架和下面框架,也可以分別設(shè)置它們的屬性。
7、 在編輯窗口中,將鼠標(biāo)放在兩框架之間的邊框上,光標(biāo)將變成上下箭頭形,此時(shí)點(diǎn)擊邊框,選中的是整個(gè)框架集。
8、 此時(shí)屬性面板上出現(xiàn)的是整個(gè)框架組的屬性??梢栽诖嗽O(shè)置框架集是否有邊框、寬度及顏色等。不過(guò)最為重要的是可以在這里設(shè)置框架集中各個(gè)框架的大小。
9、 在屬性面板的右面的圖示上選中上面框架,設(shè)置它的行為80像素,邊框?yàn)?。
10、選中下面框架,設(shè)置行高為30像素,邊框?yàn)?。
11、選中中間框架,設(shè)置行高為1,單位為相對(duì)。(相對(duì)的意思是:當(dāng)前行相對(duì)于其他行所占的比例。設(shè)為1就是指占據(jù)除上和下以后的所有瀏覽窗口剩余空間。
12、舉例:將光標(biāo)置于上面框架topFrame上,右鍵選頁(yè)面屬性,設(shè)置背景色為#FF6600。然后插入/表格,插入一個(gè)1行2列,邊框邊距都為0的表格。設(shè)置第1個(gè)單元格的寬度為116像素,然后插入一張圖片。將第2個(gè)單元格設(shè)置為水平對(duì)齊方式為居中,垂直排列方式為底部,然后依次輸入“獅子座”、“魔蝎座”、“雙子座”字樣。
13、將光標(biāo)置于中部框架mainFrame中,右鍵選頁(yè)面屬性,設(shè)置背景色為#FFFFCC。然后插入一張大圖像。
14、將光標(biāo)置于下面框架bottomFrame中,右鍵選頁(yè)面屬性,設(shè)置一個(gè)背景圖像。
15、另外做好三個(gè)頁(yè)面,作為“獅子座”、“魔蝎座”、“雙子座”所要鏈接的頁(yè)面。
16、選中“獅子座”,在屬性中為它設(shè)置好要鏈接的頁(yè)面,然后在“目標(biāo)”里選“mainframe”,即該內(nèi)容在中間那個(gè)框架中顯示。
17、同樣設(shè)置“魔蝎座”、“雙子座”的鏈接。
二十、跳轉(zhuǎn)菜單
1、 點(diǎn)擊主菜單中的插入/表單對(duì)象/跳轉(zhuǎn)菜單,也可以用插入/表單,中的跳轉(zhuǎn)菜單圖標(biāo),來(lái)調(diào)出跳轉(zhuǎn)菜單設(shè)置窗口。
2、 首先在“文本”一欄里輸入“請(qǐng)選擇相關(guān)網(wǎng)站”字樣。然后點(diǎn)擊窗口上的“+”號(hào)按鈕。這時(shí)菜單里多了一個(gè)選項(xiàng),這個(gè)選項(xiàng)沒(méi)有鏈接,僅作為跳轉(zhuǎn)菜單的說(shuō)明文字。
3、 在文一欄里輸入需要的網(wǎng)站,如“新浪”,然后在“選擇時(shí),前往URL”一欄里輸入網(wǎng)站鏈接地址http://www.sina.com.cn,此時(shí),菜單項(xiàng)一欄里又多了一個(gè)選項(xiàng),這個(gè)選項(xiàng)對(duì)應(yīng)一個(gè)網(wǎng)的鏈接地址。
4、 使用同樣方法,在菜單中添加其他一些選項(xiàng)及對(duì)應(yīng)的鏈接。還可以用“上”“下”的按鈕,來(lái)調(diào)整它們的順序。
5、 設(shè)置窗口的“菜單之后插入前往按鈕”一項(xiàng)先不要選擇。選中“更改URL后選擇第一個(gè)項(xiàng)目”一項(xiàng),這樣當(dāng)使用跳轉(zhuǎn)菜單到某個(gè)頁(yè)面后,如果返回到跳轉(zhuǎn)菜單頁(yè)面,此時(shí)頁(yè)面中的跳轉(zhuǎn)菜單默認(rèn)顯示的依舊是第1項(xiàng)內(nèi)容。
6、 設(shè)置完畢后點(diǎn)擊“確定”即可。
****因?yàn)樘D(zhuǎn)菜單是一個(gè)表單,所以其實(shí)是先插入了表單(紅色虛線區(qū)域),然后在表單中再插入了下拉菜單。
7、 想修改選項(xiàng),可以選中頁(yè)面上的下攔菜單,此時(shí)點(diǎn)擊屬性面板中的“列表值”,即可修改各項(xiàng)內(nèi)容了。
8、 當(dāng)選中跳轉(zhuǎn)菜單時(shí),行為窗口中也出現(xiàn)行為。雙擊該行為,也可以進(jìn)入設(shè)置窗口,可以重新對(duì)其進(jìn)行設(shè)置。
9、 如果“菜單項(xiàng)”里的第一項(xiàng)就是鏈接,而不是上面所說(shuō)的一句提示的話,那么就要選中“選項(xiàng)“中的“菜單之后插入前往按鈕”。添加一個(gè)“前往”按鈕。
二十一、運(yùn)用插件(Dreamweaver功能擴(kuò)展)
1、 首先下載好需要的插件,此處舉例用的是Animate Browser Window。這是一個(gè)動(dòng)態(tài)改變窗口的大小的插件。打開(kāi)Dreamweaver Extension Manager,安裝下載好的插件。
2、 啟動(dòng)Dreamweaver,在做好的頁(yè)面上,右擊左下角〈body>,然后點(diǎn)擊行為窗口中的“+”號(hào)按鈕,在其中選擇“Animate Browser Window”,然后在其中做相應(yīng)的設(shè)置。這里設(shè)置窗口打開(kāi)之前高寬均為0,打開(kāi)后為填滿屏幕。觸發(fā)條件為onLoad。
二十二、滾動(dòng)字幕
1、把光標(biāo)插入點(diǎn)放在需要插入滾動(dòng)字幕的地方。
2、點(diǎn)擊插入面板的“標(biāo)簽選擇器 ”。
3、選擇 marquee標(biāo)簽,點(diǎn)擊“插入”按鈕。然后關(guān)閉“標(biāo)簽選擇器 ”。
4、轉(zhuǎn)換到代碼視圖。把光標(biāo)插入點(diǎn)放在 兩個(gè)marquee標(biāo)簽之間。
5、選擇“窗口”/“標(biāo)簽檢查器”。可以在“標(biāo)簽檢查器”中設(shè)置標(biāo)簽的各種用法。
6、點(diǎn)擊behavior設(shè)置項(xiàng)右邊的下拉箭頭,選擇滾動(dòng)字幕內(nèi)容的運(yùn)動(dòng)方式。其中三個(gè)選項(xiàng)意思分別是:Alternate:內(nèi)容在相反兩個(gè)方向滾來(lái)滾去。Scroll:內(nèi)容向同一個(gè)方向滾動(dòng)。Slide:內(nèi)容接觸到字幕邊框就停止?jié)L動(dòng)。
7、direction屬性設(shè)置字幕內(nèi)容的滾動(dòng)方向。四個(gè)選項(xiàng)意思為:down:向下運(yùn)動(dòng)。Left:向左運(yùn)動(dòng)。Right:向右運(yùn)動(dòng)。Up:向上運(yùn)動(dòng)。
8、scrollamount屬性設(shè)置字幕滾動(dòng)的速度。一般設(shè)為1。
9、scrolldelay屬性設(shè)置字幕內(nèi)容滾動(dòng)時(shí)停頓的時(shí)間,單位為毫秒。如果要讓滾動(dòng)看起來(lái)流暢,數(shù)值應(yīng)該盡量小。實(shí)例中設(shè)置為1毫秒。
10、width屬性設(shè)置滾動(dòng)字幕的寬度。這個(gè)任意,比如設(shè)置為300。
11、onMouseOver事件設(shè)置鼠標(biāo)移動(dòng)到滾動(dòng)字幕時(shí)的動(dòng)作,常設(shè)置為停止?jié)L動(dòng)。onMouseOut事件設(shè)置鼠標(biāo)離開(kāi)滾動(dòng)字幕時(shí)的動(dòng)作,常設(shè)置為開(kāi)始滾動(dòng)。這個(gè)兩項(xiàng)不能選,只能手工輸入。在onMouseOver后面輸入“this.stop();” 在onMouseOut后面輸入“this.start();”
12、style屬性設(shè)置字幕內(nèi)容的樣式。實(shí)例中設(shè)置字幕文字大小,也要手工輸入“font:12px;”。
13、loop屬性設(shè)置字幕內(nèi)容滾動(dòng)次數(shù),默認(rèn)值為無(wú)限。“-1”也為無(wú)限。
14、全部代碼:<marquee behavior="scroll" direction="left" width="300" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滾動(dòng)字幕內(nèi)容</marquee>
二十三、創(chuàng)建CSS樣式表
1、在網(wǎng)頁(yè)上輸入一些文字。
2、打開(kāi)“CSS樣式”面板,也可以用“窗口/CSS樣式”打開(kāi)。
3、面板下方有四個(gè)按鈕,分別是附加樣式、新建樣式、編輯樣式、刪除樣式。
4、點(diǎn)擊“新建樣式”,打開(kāi)對(duì)話框。輸入名稱,注意名稱前有一個(gè)點(diǎn)號(hào)。如取名為.zi(中文名不行)。類型:創(chuàng)建自定義樣式,定義在:僅對(duì)該文檔。
5、此時(shí)再打開(kāi)一個(gè)對(duì)話框,在左邊的分類里選擇“類型”,然后在右面設(shè)置字體為宋體,大小為14像素,顏色任意。然后確定。
6、選中頁(yè)面上的文字,然后點(diǎn)擊窗口里的樣式.zi。此時(shí)這段文字就應(yīng)用了CSS樣式。
7、如要對(duì)剛才定義的CSS樣式進(jìn)行修改,可以點(diǎn)中它,然后點(diǎn)下面的編輯樣式按鈕。
二十四、創(chuàng)建動(dòng)態(tài)鏈接樣式表
1、點(diǎn)擊“新建CSS樣式”對(duì)話框,在“定義在”一欄選擇“僅對(duì)該文檔”,在“類型”一欄里選擇“使用CSS選擇器”。
2、當(dāng)樣式表類型選擇“使用CSS選擇器”時(shí),下拉菜單的名字變成了“選擇器”,表示輸入內(nèi)容為CSS選擇符,單擊下拉按鈕,可以看到動(dòng)態(tài)鏈接的4種狀態(tài)。
a:link——超級(jí)鏈接的正常狀態(tài); a:visited——訪問(wèn)過(guò)的超級(jí)鏈接狀態(tài)。
a:hover——光標(biāo)移至超級(jí)鏈接上時(shí)的狀態(tài); a:active——選中超級(jí)鏈接的狀態(tài)。
3、 接下來(lái)對(duì)這幾種狀態(tài)分別設(shè)定,首先從下拉菜單中選擇a:link,點(diǎn)擊“確定”按鈕后彈出樣式表設(shè)置窗口,設(shè)定該樣式無(wú)下劃線,顏色為#FF6600(橙色)。
4、 用同樣方法設(shè)定a:visited,設(shè)定其為無(wú)下劃線,顏色為#FFFF00(黃色)。
5、 接下來(lái)設(shè)定a:hover,設(shè)定其為有劃線,顏色為#FF6600(橙色)。
6、 a:active不用設(shè)置,它會(huì)自動(dòng)依照a:hover而定。
7、 在網(wǎng)頁(yè)上輸入一句話,在屬性面板中設(shè)定它的鏈接為“#”。即可。
****注意:必須按照這樣a:link、 a:visited 、a:hover 、a:active的順序來(lái)設(shè)置,否則不會(huì)出現(xiàn)預(yù)期的效果。
如果我們需要一個(gè)頁(yè)面上有兩個(gè)或更多的鏈接效果,可以用以下方法:
1、 點(diǎn)擊新建樣式按鈕,樣式類型選“使用CSS選擇器”,在“選擇器”一欄里,直接輸入a.link2:link,接著設(shè)置a.link2:link為紅色無(wú)下劃線。
2、 繼續(xù)定義下面兩個(gè)樣式。名稱都直接輸入,分別設(shè)定它們?yōu)閍.link2:visited,紫色無(wú)下劃線。 a.link2:hover,藍(lán)色有下劃線。
3、 此時(shí)在“CSS樣式”選項(xiàng)下多了一個(gè)名稱為link2的自定義樣式。
4、 在頁(yè)面中輸入一段話,為它添加一個(gè)#鏈接,選中這個(gè)鏈接,然后點(diǎn)擊樣式表窗口中的樣式link2,將此樣式應(yīng)用在該鏈接上。
5、 同樣方法可以制作同一頁(yè)面上的不同鏈接格式。
****為保持一種風(fēng)格,同一頁(yè)面上不宜建立過(guò)多的鏈接樣式。
二十五、外部樣式表
***在不同的頁(yè)面中應(yīng)用相同的樣式表。
1、 新建樣式表,取名,然后類型選“創(chuàng)建自定義樣式”,定義在選“新建樣式表文件”。
2、 確定后,打開(kāi)保存外部樣式表的窗口。然后把它保存到本地站點(diǎn)中即可。
3、 此時(shí),可以看到樣式表窗口中新增了一個(gè)樣式表文件,文件的后綴名為css
4、 如果當(dāng)前頁(yè)面中的一個(gè)內(nèi)部樣式表要導(dǎo)出為外部樣式表文件,以便供其他頁(yè)面使用,可以點(diǎn)擊樣式表窗口右上角的灰色的圖標(biāo),選“導(dǎo)出樣式表”,此時(shí)可以為樣式取名和保存為一個(gè)外部文件。
5、 當(dāng)其他頁(yè)面需要使用外部樣式表時(shí),可以點(diǎn)樣式表窗口中的第一個(gè)按鈕“附加樣式表”,打開(kāi)窗口,然后選擇外部樣式表文件,在添加為里選“鏈接”,確定即可。
二十六、其他CSS
****CSS里的背景,是設(shè)置文字背景、表格背景圖等。
****CSS里的區(qū)塊,是指設(shè)置文本的文字間距、對(duì)齊方式、下標(biāo)、上標(biāo)、排列方式等。
****CSS里的盒子,是指設(shè)置圖片和文本內(nèi)容之間的空白距離,以及圖文混排的方法。
****CSS里的邊框,是指設(shè)置表格文本區(qū)、按鈕等的美化。
****CSS里的列表,是指設(shè)置列表項(xiàng)樣式。即那種提綱式的一段話。
****CSS里的定位,是指設(shè)置頁(yè)面中圖片的相對(duì)和絕對(duì)定位。
****CSS里的擴(kuò)展,其中的光標(biāo),可以設(shè)置光標(biāo)的樣式,可以設(shè)置為hand(手型)、crosshair(十字型)、text(“I”型)、wait(等待型)、default(默認(rèn)型)、help(幫助型),還有各種方向的箭頭型。
****CSS里的擴(kuò)展,其中的過(guò)濾器,可以用來(lái)做CSS濾鏡特效,即用來(lái)加工圖片的透明、發(fā)光等。但效果不太明顯,還是用專門加工圖片的軟件來(lái)完成比較好。
二十七、創(chuàng)建網(wǎng)上相冊(cè)
1、 首先要安裝好FireworksMX軟件。
2、 加工好所需要放在網(wǎng)上的照片,把它們加工成一樣大小,放在一個(gè)文件夾里。
3、 點(diǎn)擊菜單中的命令/創(chuàng)建網(wǎng)站相冊(cè),打開(kāi)設(shè)置窗口。
4、 輸入相冊(cè)標(biāo)題,副標(biāo)信息,其他信息(以后也可再修改)。“源圖像文件夾”,選擇剛才保存照片的文件夾。
5、 “目標(biāo)文件夾”,單擊“瀏覽”按鈕選擇當(dāng)前站點(diǎn)目錄。(即將照片全部保存到站點(diǎn)里來(lái))
6、 “縮略圖大小”一項(xiàng),可以根據(jù)需要選擇,“顯示文件名稱”一項(xiàng),選中會(huì)在生成的相冊(cè)中顯示每個(gè)圖片的文件名。
7、 “列”一格是每一行顯示的圖片數(shù),默認(rèn)為5,可以自己改動(dòng)。
8、 下面兩個(gè)“格式”一般都選“品質(zhì)較高”。
9、 選中“為每張圖片建立導(dǎo)覽頁(yè)面”一項(xiàng)。確定即可。
二十八、定制網(wǎng)頁(yè)過(guò)渡功能
*****網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí),頁(yè)面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。網(wǎng)頁(yè)看起來(lái)會(huì)更具有動(dòng)感,不過(guò)也要注意適可而止,否則太花哨的變化也容易引起瀏覽者的反感。步驟:
1、 打開(kāi)一個(gè)頁(yè)面,單擊菜單中的插入/文件頭標(biāo)簽/Meta,會(huì)彈出Meta對(duì)話框?!?/p>
2、 在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)過(guò)渡效果。
3、在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒,Transition表示過(guò)渡效果方式,值為2時(shí)表示圓形收縮。
4、輸入完后單擊確定,存盤。這樣當(dāng)我們點(diǎn)擊一個(gè)超鏈接進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。
5、另外還有二十多種效供你選擇,只要將Transition的值改為相應(yīng)的效果的代號(hào)即可,具體效果和設(shè)置如下表所示
效果 Transition 效果 Transition
盒狀收縮 0 溶解 12
盒狀展開(kāi) 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開(kāi) 14
圓形展開(kāi) 3 上下向中部收縮 15
向上擦除 4 中部向上下展開(kāi) 16
向下擦除 5 階梯狀向左下展開(kāi) 17
向左擦除 6 階梯狀向左上展開(kāi) 18
向右擦除 7 階梯狀向右下展開(kāi) 19
垂直百葉窗 8 階梯狀向右上展開(kāi) 20
水平百葉窗 9 隨機(jī)水平線 21
橫向棋盤式 10 隨機(jī)垂直線 22
縱向棋盤式 11 隨機(jī) 23
二十九、庫(kù)的應(yīng)用
****網(wǎng)站中有些內(nèi)容需要反復(fù)使用,比如自己制作的一個(gè)網(wǎng)站圖標(biāo)等,此時(shí)將這個(gè)組件存為在庫(kù)里,可以隨時(shí)調(diào)用。
1、 打開(kāi)一個(gè)頁(yè)面,選擇需要保存的組件,比如一個(gè)圖標(biāo)。
2、 點(diǎn)擊菜單窗口/資源,打開(kāi)資源窗口。然后在其中選最下面一本書(shū)樣的按鈕,打開(kāi)庫(kù)面板。
3、 點(diǎn)擊下面的新建按鈕,就將剛才選中的圖標(biāo)保存到庫(kù)里了,此時(shí)還可以給它取名。
4、 在一個(gè)新頁(yè)面上要應(yīng)用庫(kù)里的內(nèi)容時(shí),打開(kāi)庫(kù)面板,選中需要用的圖標(biāo),然后點(diǎn)擊下面的“插入”即可。
三十、用模板迅速完成站點(diǎn)(首頁(yè)或內(nèi)部某一頁(yè))
1、 首先規(guī)劃好自己想要制作的網(wǎng)站,要把它的各項(xiàng)鏈接的內(nèi)容都設(shè)計(jì)好。如我的網(wǎng)站:
首頁(yè)上的鏈接有:網(wǎng)頁(yè)版、動(dòng)畫(huà)版、請(qǐng)留言、關(guān)于我、聯(lián)系我、許愿瓶
網(wǎng)頁(yè)版上的鏈接有:站長(zhǎng)簡(jiǎn)介| |教研論文| |課堂尋真| |原創(chuàng)課件| |心海擷貝| |留影人生| |給我來(lái)信| |雁過(guò)留聲|
動(dòng)畫(huà)版上的鏈接與網(wǎng)頁(yè)版相同。
以下再鏈接到各種文章或課件的頁(yè)面。如“課堂尋真”鏈接到全是教案標(biāo)題的頁(yè)面,然后由每一個(gè)教案標(biāo)題,再鏈接到放這個(gè)教案的頁(yè)面。其他同理。
2、下載好比較適合自己規(guī)劃的、所喜歡的網(wǎng)頁(yè)模板,(模板網(wǎng)站比較好的如:http://www.mbsky.com )一般它都包括兩個(gè)文件:一個(gè)是index.htm,另一個(gè)一般是命名為images的文件夾,即我們所說(shuō)的用來(lái)放置圖片的。
3、定義好站點(diǎn),然后將這兩個(gè)文件(夾)復(fù)制到站點(diǎn)文件夾下。
4、雙擊index.htm文件,即進(jìn)入首頁(yè)的編輯狀態(tài)。然后就可以修改這個(gè)頁(yè)面讓它符合自己的需要。這樣即可完成首頁(yè)。
三十一、將已有的網(wǎng)頁(yè)保存為模板
****用于在一個(gè)網(wǎng)站中有大量重復(fù)出現(xiàn)的頁(yè)面時(shí)。(在新建和使用模板之前一定要定義好站點(diǎn))
1、 選擇某一頁(yè),點(diǎn)擊文件/另存為模板,將當(dāng)前頁(yè)面保存為一個(gè)模板。此時(shí)打開(kāi)了“另存模板”窗口,為該模板取名,然后保存。
2、 此時(shí)可以發(fā)現(xiàn)在站點(diǎn)中自動(dòng)創(chuàng)建了一個(gè)名為Templates的文件夾,在該目錄中存有我們保存的模板。其擴(kuò)展名為.dwt
3、 這個(gè)模板目前在被運(yùn)用時(shí),是無(wú)法修改的。所以要設(shè)定模板的可編輯區(qū)域。
4、 比如,在當(dāng)前模板頁(yè)面中,需要讓頁(yè)面中間部分可編輯,這樣使用模板時(shí)就可以在其中添加內(nèi)容了。選中頁(yè)面中間部分的表格單元格(按住CTRL鍵在單元格里單擊),點(diǎn)擊主菜單中的插入/模板對(duì)象/可編輯區(qū)域。此時(shí)會(huì)打開(kāi)對(duì)話框,在其中為模板取名,然后確定。
5、 此時(shí)所定義的可編輯區(qū)域被淺藍(lán)色線條框起來(lái),并且左上角還有該區(qū)域的名稱。將模板文件保存并關(guān)閉。
6、 點(diǎn)擊主菜單中的文件/新建,在新建頁(yè)面窗口中點(diǎn)擊上方的“模板”選項(xiàng)。
7、 此時(shí)在“模板用于”一欄中列出了當(dāng)前定義的站點(diǎn),選中某個(gè)站點(diǎn),在窗口中間一欄中顯示的是該站點(diǎn)擁有的模板文件。選中某個(gè)模板,在“預(yù)覽”一欄中可以預(yù)覽該模板。然后點(diǎn)“創(chuàng)建”按鈕,就新建了一個(gè)頁(yè)面。
8、 在出現(xiàn)的新頁(yè)中,除可編輯區(qū)域外,其他部分是不能進(jìn)行修改的。
三十二、上傳自己的網(wǎng)站
1、 申請(qǐng)網(wǎng)站空間,然后將它上傳到網(wǎng)上。目前基本上沒(méi)有免費(fèi)空間,免費(fèi)空間也都需要放置廣告,或是申請(qǐng)一個(gè)收費(fèi)空間,它都會(huì)提供十天左右的試用期,可以作為網(wǎng)站測(cè)試來(lái)用一下。
2、 在點(diǎn)擊申請(qǐng)后,會(huì)出現(xiàn)要求注冊(cè)的表格,一般包括用戶名、密碼、郵箱、聯(lián)系電話、省份、主頁(yè)的名稱、主頁(yè)的類別、主頁(yè)的簡(jiǎn)介等。
3、 全部填完之后,即可得到以下幾項(xiàng):①用戶名(剛才填寫(xiě))②密碼(剛才填寫(xiě))③FTP上傳地址 ④主頁(yè)地址(有時(shí)是將以上幾項(xiàng)發(fā)送到所填寫(xiě)的郵箱)
4、 下載并安裝FTP上傳軟件,可以用CuteFtp(昆山視窗/軟件 可以下載,免費(fèi))
5、 打開(kāi)CuteFtp軟件,點(diǎn)擊主菜單中的文件/站點(diǎn)管理器。
6、 在打開(kāi)的對(duì)話框中填寫(xiě)好FTP上傳地址、FTP站點(diǎn)用戶名稱、FTP站點(diǎn)密碼,然后點(diǎn)擊連接,就可以連接到站點(diǎn)服務(wù)器。(第二次打開(kāi)就自動(dòng)連接,不用再填寫(xiě)了)
7、 連接好以后,在頁(yè)面上出現(xiàn)框架,左邊為本地計(jì)算機(jī)上的文件,右邊為遠(yuǎn)程計(jì)算機(jī),只要將左邊的文件(即做好的網(wǎng)站文件)一個(gè)個(gè)拖動(dòng)到右邊,即完成了上傳。
三十三、宣傳自己的網(wǎng)站
如何讓網(wǎng)站地址讓別人知道,方法有二:
1、 用專門的軟件,可以將網(wǎng)站登錄到各大搜索引擎。
2、 手工登錄。如打開(kāi)百度(www.baidu.com),在下面有個(gè)鏈接“網(wǎng)站登錄”,點(diǎn)擊后會(huì)被要求填寫(xiě)網(wǎng)站地址、名稱、內(nèi)容等,然后就被收入百度的搜索引擎了,這樣別人就可以搜索到你的網(wǎng)站了。其他網(wǎng)站登錄同理。
Dreamweaver網(wǎng)站設(shè)計(jì)軟件下載地址:http://www.dhdzp.com/softs/77167.html
相關(guān)文章

HTML代碼怎么調(diào)整圖片位置? dw任意改變?yōu)g覽器窗口圖片都居中的代碼
HTML代碼怎么調(diào)整圖片位置?dw想要通過(guò)代碼實(shí)現(xiàn)圖片頁(yè)面居中,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看dw任意改變?yōu)g覽器窗口圖片都居中的代碼2023-03-06
dw怎么給框架加內(nèi)容? Dreamweaver向框架中添加內(nèi)容的技巧
dw怎么給框架加內(nèi)容?dw中創(chuàng)建的框架,想要添加內(nèi)容,該怎么添加呢?下面我們就來(lái)看看Dreamweaver向框架中添加內(nèi)容的技巧2023-03-03
dw怎么給魚(yú)片添加邊框線? dreamweaver圖片添加邊框的方法
dw怎么給魚(yú)片添加邊框線?dw中的圖片想要添加內(nèi)邊框,外邊框或者雙邊框,該怎么操作呢?下面我們就來(lái)看看dreamweaver圖片添加邊框的方法2023-03-03
HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度? dw調(diào)節(jié)一個(gè)角的角度代碼技巧
HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度?dw調(diào)節(jié)一個(gè)角的角度代碼技巧2023-02-23
DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫(xiě)法
DW2017圖片文字怎么并排排列?DW2017中的圖片和文字想要并列排列,該怎么操作呢?下面我們就來(lái)看看HTML圖片/文字并排排列代碼寫(xiě)法2023-01-29
dw有序列表ol怎么用? HTML頁(yè)面添加有序列表ol的教程
dw有序列表ol怎么用? Dreamweaver頁(yè)面中國(guó)的內(nèi)容需要添加列表效果,該怎么添加有序列表呢?下面我們就來(lái)看看HTML頁(yè)面添加有序列表ol的教程2023-01-09
banner圖片上添加左右按鈕代碼怎么弄? HTML制作banner按鈕的技巧
banner圖片上添加左右按鈕代碼怎么弄?Dreamweaver做banner的時(shí)候,想要在圖片上添加左右翻頁(yè)按鈕,該怎么設(shè)置呢?下面我們就來(lái)看看HTML制作banner按鈕的技巧2023-01-06
html用代碼制作虛線框怎么做?想要在頁(yè)面中繪制一個(gè)虛線圓形,該怎么制作呢?下面我們就來(lái)看看dw制作虛線圓圈的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧
Dw怎么撤銷組合鍵?Dreamweaver中經(jīng)常會(huì)使用快捷鍵創(chuàng)建新文檔,如果想要關(guān)閉這個(gè)快捷鍵,該怎么操作呢?下面我們就來(lái)看看Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧2022-07-19
Dw2018打開(kāi)只讀文件提示警告怎么辦?Dw2018中打開(kāi)制度文件就會(huì)出現(xiàn)警告,想要關(guān)閉警告,下面我們就來(lái)看看Dreamweaver關(guān)閉打開(kāi)只讀文件時(shí)警告用戶的技巧2022-05-19











