【正文】 ?！緦W(xué)習(xí)步驟】一個(gè)網(wǎng)站的不同頁面使用了同一導(dǎo)航條。二、小結(jié)用Dreamweaver做會(huì)移動(dòng)的文字 用Dreamweaver創(chuàng)建導(dǎo)航條一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver做會(huì)移動(dòng)的文字。然后按下F12鍵，在瀏覽器中預(yù)覽頁面效果。設(shè)置單擊鏈接時(shí)打開。)””（如圖所示）。,39。39。然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的 編輯標(biāo)識(shí)模式。 Browser ，不過更方便的方法是利用快速標(biāo)識(shí)編輯器?！皢螕暨@里打開會(huì)自動(dòng)關(guān)閉的子窗口”字樣。單擊該鏈接就可以立刻關(guān)閉該子窗口。然后在“”前輸入“onclick=“selfclose()””。，單擊標(biāo)記按鈕。在代碼中，15000表示15000毫秒，也即15秒，也可以根據(jù)需要將之修改為自己需要的時(shí)間毫秒數(shù)。如圖所示，在Language下拉列表框中選擇javascript選項(xiàng)，并在Coctento文本框中輸入“setTimeout(“()”，15000)”。打開該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。因此我們可以將子窗口設(shè)計(jì)成經(jīng)過一段時(shí)間后可以自動(dòng)關(guān)閉的形式?！緦W(xué)習(xí)步驟】設(shè)計(jì)頁面時(shí)，經(jīng)常會(huì)從一個(gè)頁面打開一個(gè)子窗口以供瀏覽者查看。網(wǎng)頁編輯（1）將圖片插入網(wǎng)頁（2）將剪貼畫插入網(wǎng)頁（3）加入GIF動(dòng)畫（4）保存嵌入式圖形文件（5）使用圖片工具欄（6）設(shè)置圖片屬性（7）設(shè)置網(wǎng)頁背景（8）設(shè)置超鏈接（9）應(yīng)用框架（10）表單的使用小結(jié)簡(jiǎn)單站點(diǎn)的建立過程設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁。④ 在字體選擇窗口中，選定所需要的字體，再確定文本的字型、大小、顏色、效果等。② 執(zhí)行菜單命令“格式—字體”。③ 輸入文本網(wǎng)頁中最基本的也是最重要的部分就是網(wǎng)頁中由文本構(gòu)成的內(nèi)容，因此制作 網(wǎng)頁首先要從文本輸入開始。對(duì)于HTML語言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語法成分。HTML視圖實(shí)際上是一個(gè)文本編輯器，其中給出了普通視圖方式下所件網(wǎng)頁的HTML代碼。② 網(wǎng)頁工作區(qū)的三個(gè)視圖方式選項(xiàng)它們分別是“普通”、“HTML”“預(yù)覽”，它們之間的相互切換十分容易實(shí)現(xiàn) 的。建立一個(gè)簡(jiǎn)單的文字網(wǎng)頁建立了一個(gè)站點(diǎn)之后，就應(yīng)該在站點(diǎn)中加入網(wǎng)頁了。出于簡(jiǎn)單，可選擇“空站點(diǎn)”按鈕，并在“指定新站點(diǎn)的位置”框中填入站點(diǎn)的位置?！緦W(xué)習(xí)步驟】創(chuàng)建空白站點(diǎn)。安裝及注冊(cè) 三、小結(jié)Dreamweaver的基本知識(shí)建立一個(gè)簡(jiǎn)單的站點(diǎn)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁。對(duì)于HTML語言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語法成分。HTML視圖實(shí)際上是一個(gè)文本編輯器，其中給出了普通視圖方式下所件網(wǎng)頁的HTML代碼。Dreamweaver的窗口（1）標(biāo)題欄（2）菜單欄（3）工具欄（4）視圖欄（5）文件夾列表（6）工作區(qū)它們分別是“普通”、“HTML”“預(yù)覽”，它們之間的相互切換十分容易實(shí)現(xiàn) 的?！緦W(xué)習(xí)步驟】Dreamweaver的功能Dreamweaver可以像普通的字處理軟件一樣編輯Internet上以HTML格式保存的所有文件，也就是網(wǎng)頁；它支持動(dòng)態(tài)HTML，可以在網(wǎng)頁中產(chǎn)生動(dòng)畫；還可以在網(wǎng)頁中插入各種插件，以產(chǎn)生特殊效果。第一篇：Dreamweaver網(wǎng)頁制作教案認(rèn)識(shí)Dreamweaver一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)。Dreamweaver可用于管理站點(diǎn)，它像文件夾一樣創(chuàng)建和打開站點(diǎn)，用不同的方式查看站點(diǎn)中各個(gè)網(wǎng)頁之間的關(guān)系，調(diào)整站點(diǎn)的組織結(jié)構(gòu)，使整個(gè)站點(diǎn)條理清晰。普通視圖方式是Dreamweaver對(duì)網(wǎng)頁所見即所得編輯方式的最佳體現(xiàn)，在此方式下，可以像在Word中那樣直接進(jìn)行各種編輯操作，實(shí)現(xiàn)網(wǎng)頁編輯的所有功能。在這里可以用菜單命令進(jìn)行復(fù)制、粘貼、刪除、查找等操作。為了在制作網(wǎng)頁過程中能夠隨時(shí)查看網(wǎng)頁的實(shí)際效果，Dreamweaver提供了預(yù)覽視圖方式。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；建立一個(gè)簡(jiǎn)單的站點(diǎn)；進(jìn)行簡(jiǎn)單的網(wǎng)頁編輯。執(zhí)行菜單命令“文件”—“新建”—“站點(diǎn)”，就會(huì)出現(xiàn)8中站點(diǎn)向?qū)?。在指定新站點(diǎn)的位置后，單擊“確定”即建成一個(gè)空站點(diǎn)。① 創(chuàng)建空白網(wǎng)頁執(zhí)行菜單命令“文件”—“新建”—“網(wǎng)頁”，就會(huì)出現(xiàn)一對(duì)話框，選擇“普通網(wǎng)頁”模板并單擊“確定”即建立了一個(gè)新的空白頁面。普通視圖方式是Dreamweaver對(duì)網(wǎng)頁所見即所得編輯方式的最佳體現(xiàn)，在此方式下，可以像在Word中那樣直接進(jìn)行各種編輯操作，實(shí)現(xiàn)網(wǎng)頁編輯的所 有功能。在這里可以用菜單命令進(jìn)行復(fù)制、粘貼、刪除、查找等操作。為了在制作網(wǎng)頁過程中能夠隨時(shí)查看網(wǎng)頁的實(shí)際效果，Dreamweaver提供了預(yù)覽視圖方式。設(shè)置網(wǎng)頁中文字的字體、顏色、大小和效果① 在文本開始處按下鼠標(biāo)左鍵，不放手拖到結(jié)束處，選擇要設(shè)置的文本塊。③ 在“字體”對(duì)話框中，單擊“字體”選項(xiàng)卡。⑤ 按“確定”即可。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁。通常，這種子窗口中的內(nèi)容一經(jīng)瀏覽者看過，對(duì)于瀏覽者而言就不再需要，而他們常常會(huì)忘記關(guān)掉這些小窗口，致使許多的瀏覽器窗口打開著，耗用大量的資源。顯示文檔的頭部區(qū)域。選擇菜單Insert/Invisible Tags/Script，打開Inset Script對(duì)話框。單擊OK按鈕，完成在文檔頭部插入15秒后自動(dòng)關(guān)閉子窗口的腳本。設(shè)置時(shí)間 “關(guān)閉”字樣，在屬性面板上的Link文本框中輸入“”，將其設(shè)置為一個(gè)空鏈接。選中“關(guān)閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。如圖所示，設(shè)置完畢，單擊OK按鈕，確認(rèn)操作。在本地站點(diǎn)的Smlple文件夾中，雙擊 ，打開該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。然后在屬性面板上的 Link文本框中輸入“”，將之設(shè)置為空鏈接。方法是首先將插入點(diǎn)放置到鏈接中，然后在狀態(tài)欄左端的標(biāo)識(shí)選擇器上，單擊標(biāo)識(shí)按鈕，選中整個(gè)鏈接。再在“”前輸入“onclick=“(39。,null39。width=200px，height=200px39。設(shè)置完畢，按下回車鍵，確認(rèn)操作?？梢詥螕舨藛斡肍ile/save，保存所做的工作。三、小結(jié)用Dreamweaver設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁用Dreamweaver做會(huì)移動(dòng)的文字一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁?！緦W(xué)習(xí)步驟】一、基本語法... 啦啦啦，我會(huì)移動(dòng)耶！ 文字移動(dòng)屬性的設(shè)置：方向 =left, right 啦啦啦，我從右向左移！ 啦啦啦，我從左向右移！方式 =scroll, slide, alternate 啦啦啦，我一圈一圈繞著走！ 啦啦啦，我只走一次就歇了！ 啦啦啦，我來回走耶！循環(huán) =次數(shù)；若未指定則循環(huán)不止(infinite)啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！速度 啦啦啦，我走得好快喲！對(duì)齊方式(Align) =top, middle, bottom 啦啦啦，我會(huì)移動(dòng)耶！ 對(duì)齊上沿、中間、下沿。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver創(chuàng)建導(dǎo)航條。通過統(tǒng)一導(dǎo)航條的方法，我們可以實(shí)現(xiàn)網(wǎng)站風(fēng)格的統(tǒng)一，同時(shí)也方便了瀏覽者在不同頁面間的跳轉(zhuǎn)。網(wǎng)頁上的導(dǎo)航條可由一個(gè)或幾個(gè)部分組成，每個(gè)部分均由各種圖像構(gòu)成，可以鏈接到不同的網(wǎng)頁頁面。一開始是一個(gè)初始圖像，當(dāng)鼠標(biāo)移動(dòng)到導(dǎo)航條部位上時(shí)則顯示另一個(gè)圖像，還可以設(shè)置當(dāng)鼠標(biāo)點(diǎn)擊后的初始圖像，以及鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上的圖像。因?yàn)閳D像太多了，會(huì)影響網(wǎng)頁頁面的訪問、瀏覽的速度。在Dreamweaver中每部分中最多可設(shè)四個(gè)狀態(tài)下的圖像：“Up Image”項(xiàng)是該部位的初始圖像，在其后文本框填入已準(zhǔn)備好的圖像的地址，或點(diǎn)擊右邊Browse按鈕來選擇。其中，“Over Image”項(xiàng)是鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)顯示的圖像(本例中選擇)；“Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊該部位后顯示的初始圖像；“Over While Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上時(shí)顯示的圖像。三、小結(jié)用Dreamweaver創(chuàng)建導(dǎo)航條用Dreamweaver創(chuàng)建導(dǎo)航條一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁?！緦W(xué)習(xí)步驟】當(dāng)然，還可給該部位設(shè)置超級(jí)鏈接：在下面的“When Clicked Go To URL”項(xiàng)后文本框填入鏈接到的文件的地址，或單擊Browse按鈕選擇，當(dāng)鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)，在狀態(tài)欄中可以看到鏈接到的地址。接著是“Options”項(xiàng)，若選中“Preload Images”選框，則瀏覽者瀏覽頁面時(shí)，所有圖像將在頁面下載的同時(shí)全部下載，整個(gè)頁面打開的速度會(huì)慢些，但圖像間轉(zhuǎn)換會(huì)沒有延遲，選中它。若選中“Show “Down Image”Initially”選框，則將