第一篇：教學設計：《Dreamweaver網頁制作實用教程》----框架技術

教學設計：《Dreamweaver網頁制作實用教程》----框架技術

《Dreamweaver網頁制作實用教程》----框架技術 教學預案設計：羅執(zhí)清（沙洋職教中心）

一、創(chuàng)意說明

網頁制作是計算機應用專業(yè)的一門主干課程。我校采用的教材是機械工業(yè)出版社的《Dreamweaver網頁制作實用教程》，框架技術是該書第八章的內容。書中是以三個小任務的形式介紹了制作框架網頁的基本步驟，若按書上內容用傳統(tǒng)的教師講解、學生操作的方式教學，會存在一些問題。

1、學生不理解為什么要用框架結構來制作網頁；

2、學生只是按任務要求及具體的操作提示來完成框架結構網頁，并不知道這種框架結構的網頁應用什么場合，在什么情況下選用框架結構來設計網頁呢？

3、內容上沒有學生喜歡的動態(tài)或多媒體元素，學生覺得只是按部就班地操作，提不起興趣。所以在本節(jié)課的設計中要有心注意處理好以上三個問題，精心設計課件與學件，把提高學生學習興趣，培養(yǎng)學生動手能力有機融于教學。采用任務驅動和項目教學法，在教學中分“基本任務”和“拓展任務”兩個層次設計教學內容，要求每個學生必須完成“基本任務”中的內容，而對學有余力的同學再繼續(xù)完成“拓展任務”中內容的制作，從而達到分層教學的目的。

二、學情分析

學生已經學過了office、Photoshop、flash等軟件，對Dreamweaver 8的啟動、關閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學習非常有利。同時，學生已初步掌握了網絡通信的基礎知識，因特網的信息服務，網絡信息的搜索、瀏覽和下載，以及電子郵件的使用等內容。因此，學生已經具備了獲取信息的能力。網頁制作單元就可側重培養(yǎng)信息表達的能力，這對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網頁的設計也給學生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學、創(chuàng)造性地學；網頁的評價則能使學生了解內容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術修養(yǎng)和審美情趣。

三、教材內容分析

框架設計是網頁制作的一個重要模塊，能夠將瀏覽器頁面分割成幾個不等的窗口，每個窗口相對獨立，在同一頁面的幾個窗口同時瀏覽不同的網頁文件或者相對保持某些窗口的內容。從在本教材所處的位置來看，框架技術是在創(chuàng)建新站點、制作簡單網頁、運用表格制作網頁和動態(tài)網頁之后。通過前面的學習，學生可以建立有多張網頁的個人站點，會運用表格給網頁布局，為了使網頁增添動感，還會通過增加滾動字幕、動態(tài)按鈕以及動畫插件等方法，令網頁更加具有活力。但是除了表格布局外，還有一種常見的布局形式，應用也相當廣泛。通過本單元學習，能幫助學生理解框架結構制作網頁的應用，在設計網站時能靈活運用兩種布局方法。從教材的難易度分析，這部分知識點學生從來沒有接觸過，有前面學習其它軟件時也沒有類似的地方，故而有一定難度，教學目標不能定得太高。

四、教學目標分析

本單元的認知、能力和情感三種目標分述如下： 認知目標：

①理解框架結構的含義和用途

②掌握框架和框架集的含義，學會創(chuàng)建普通框架頁面、創(chuàng)建嵌套框架結構頁面、創(chuàng)建浮動框架頁面 ③掌握框架屬性的設置方法 ④掌握框架網頁的保存方法 能力目標：

①具備建立網頁框架及設置框架屬性的能力 ②能夠應用網頁框架建立簡單的網頁 情感目標：

培養(yǎng)學生網頁設計的審美能力、創(chuàng)新能力、協作學習和自主學習能力

五、教學策略設計

1、實施任務驅動，把學習的主動權交給學生，引導學生動手嘗試、觀察辨析

2、采用項目教學和小組討論法，培養(yǎng)學生合作學習和自主學習的能力

3、實施分層教學，從好、中、差各類學生的實際出發(fā)，確定不同層次的目標，進行不同層次的教學和輔導，使各類學生得到充分的發(fā)展

4、采用半成品加工策略，提供一些素材，讓學生直接制作，提高學習的效率。

六、教學過程設計

1、課前探究

①訪問推薦網頁，形成小組、組織學生討論網頁內容和風格，分析網頁框架和布局。②提供網頁欄目劃分建議。③組織各小組討論。

2、新課導入：教學環(huán)節(jié)

教師活動

學生活動

設計目的新 課 導 入

1、教師演示一些用網頁框架制作的優(yōu)秀網頁作品

2、提問：這些網頁是如何制作的呢？引起學生的興趣

1、回答問題，帶著問題觀察老師的操作

2、分析幾個網站的特色

3、提供網頁欄目劃分

1、開門見山，明確這節(jié)課學習的內容

2、演示優(yōu)秀作品，引起學生的興趣

第二篇：Dreamweaver制作網頁經典問題

Dreamweaver制作網頁經典問題大整理(1)1> 在DW中，如何輸入一個空格呢？

輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。

DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現在應該沒問題了。此外，你還可以通過許多“變通”的方法達到錄入空格的目的，比如常用的是：

直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象后，然后調整文字的顏色與當前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。

2> 如何在瀏覽器地址欄前添加自定義的小圖標？

你是不是記得有時在瀏覽網易網站的首頁時，在地址www.tmdps.cn前會顯示一個“易”字樣的小圖標。而默認情況下，這個圖標是一個IE瀏覽器的指定圖片。

其實這也不是什么高深技術，只不過在網站目錄下添加了一個特定文件而已。

這時，我們需要預先制作一個圖標文件，大小為16*16像素。文件擴展名為ico，然后上傳到相應目錄中。在HTML源文件“”之間添加如下代碼：

其中的“SHORTCUT ICON”即為該圖標的名稱。當然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網站根目錄下，即可自動識別！

3> 為什么，我本來設計很好的網頁，在瀏覽器窗口最小化時會變的丑陋難堪？

這應該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網頁內容時，一點問題也沒有。當我們使用窗口的最小化命令或手動的調整窗口的大小時，問題就慢慢出現了。網頁內容會把當前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題，我們必須從網頁的布局說起，一般情況下，網頁內容的定位大多是通過表格來實現的。因此問題的“毛病”也就出在表格上。你可能已經注意到了，在表格的高寬設定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。

4> 如何改變網頁顯示時，最頂部的提示信息？

瀏覽網頁時，頂部的提示信息往往代表了網頁內容的關鍵所在，有助于訪問者提前了解網頁內容。在DW4前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應用“title”屬性來完成。進入DW4就簡單多了。

直接在編輯窗口最上方的“title”輸入框內鍵入所需要的文字信息即可。

·Dreamweaver制作網頁經典問題大整理(2)5> 怎么樣，才能為圖片添加指定顏色的邊框？

對于沒有邊框的圖片而言，直接插入到網頁中，在顯示效果上是相當差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當麻煩的。不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設置邊框的寬度。

寬度設好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實這里有一個技巧問題，用鼠標選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設定文字顏色一樣進行就可以了。

6> 如何添加圖片及鏈接文字的提示信息？

在我們?yōu)g覽網頁時，當鼠標停留在圖片對象或鏈接上時，在鼠標的右下有時會出現一個提示信息框。對目標進行一定的注釋說明。在一些場合，它的作用是很重要的。

下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現有個“Alt”輸入框。默認情況下，該輸入框是空白的。在這里錄入需要的提示內容就可以了。

那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現。

在中添加“title”屬性。title=提示內容即可。

7> 如何把自己的ZIP或其他類型的文件供別人下載?

在不少初級網頁制作者看來,好象通過鼠標單擊完成下載是件很“神秘”的事,實際上遠非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標時,默認的操作都是下載.這時你只需要,把要瀏覽者下載的文件名寫好,然后制作一個到目標文件的鏈接.注意目錄一定不要搞錯.8> 怎樣才能夠保證網頁中文字不跟隨瀏覽器字體大小設置而變動?

大家都知道,在IE瀏覽器的功能設置中，有一個可以自由設置窗口內容字體大小的功能，這樣由于不同訪問者的習慣問題，呈現在他們面前的網頁有時也會不同。

比如你可能本來設計時用的是2號字體，結果由于用戶對瀏覽器的額外設定，變的更大了，這時顯示效果上就出問題了。

那么解決的辦法就是將網頁內容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進行強制性控制就可以實現這個要求了。

·Dreamweaver制作網頁經典問題大整理(3)

9> 以新窗口的形式打開目標鏈接？

以新窗口打開，顧名思義，也就是在不覆蓋當前窗口的前提下，另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。

如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個設置，當你在Link輸入框中鍵入www.tmdps.cnmon的“內容”。

單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入刷新延遲的時間（單位：秒），“Action”為刷新指定的目標URL。因為現在是刷新當前頁面，直接選單選項“Refresh This Document”即可。

·Dreamweaver制作網頁經典問題大整理(4)

13> 如何定義網頁的關鍵字（Keyname）？

當用戶使用搜索引擎search合適內容的網頁時，關鍵字起著一個不容忽視的作用。大多的搜索服務器會每隔一段時間自動探測網絡中是否有新網頁產生，并把他們按關鍵字進行記錄，以方便用戶查詢。

你當然想讓你的網頁出現在搜索引擎的查詢返回列表中了，這時關鍵字的定義就尤為重要了。

同樣在“Head”面板部分，單擊“Keywords”按鈕，錄入需要逐個定義的關鍵字即可，注意每個關鍵字以“；”號隔開，數目沒有限制。

14> 如何在編輯窗口中，隱藏一些不必要的標簽？

當用戶在網頁中插入了太多的不可見元素時，在編輯窗口的最上面就會顯示一排相應的標示標簽，用來方便用戶隨時能找到它們。雖然這些標簽本身并不影響瀏覽器里的顯示效果，但多了以后，往往使網頁內容不得不錯位，從而一定程度上妨礙網頁視覺上的調整，那么怎么樣才能把這些東東去掉呢？

進入“Preperence”面板，列表中選擇“Invisibel Elements”，勾掉你不想顯示的項目前的“對號”即可，比如Scripts等

15>安排不支持“框架”的瀏覽器的顯示內容？

我們知道，目前的瀏覽器類型很多，因此我們設計網頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢？”。框架就是一個例子！

不過避免開這點，很簡單，你只需要在源代碼中加入下面的內容就可以了。

< BODY>---本網頁中包含有框架結構，如果您不能正常顯示的話，請下載新的瀏覽器版本或更換主流瀏覽器---< /noframes></ BODY></p><p>16> 如何避免別人把你的網頁放在框架中？</p><p>一些居心不良的人，經常偷著竊取別人的勞動成果，比如把別人精心制作的網頁以子頁的形式放到自己的框架中。</p><p>那么怎樣避免自己的網頁內容被“盜用”呢？</p><p>你只需要在網頁源代碼的<head></head>之間加入以下代碼內容： <script language=“javascript”><!--if(self!=top)-->< /script></p><p>17> 怎樣加入注釋內容？</p><p>注釋內容，顧名思義只是作為說明內容出現的，因此在瀏覽時不會出現在網頁中。它的作用是對某些重要或復雜代碼進行必要的標示，以更方便快捷的找到。</p><p>進入“Object”面板的“Invisibel”部分（即不可見元素），選擇插入“Comment”按鈕，在“Comment”中鍵入必要的信息。這時如果你返回到源代碼中，會看到這些操作添加的不過是下面格式的一段代碼：</p><p><！--這是需要填寫的注釋內容--> ·Dreamweaver制作網頁經典問題大整理(5)</p><p>18> 水平線，為什么不能設置顏色？</p><p>在DW中，當通過菜單“Insert”-“Horizonal Rule”插入水平線時，在屬性面板中你會發(fā)現并沒有提供關于水平線顏色的設置，因為最早NC中不支持標簽<hr>（水平線的HTML代碼）的COLOR屬性，所以DW也沒有關于它的設置。</p><p>看來需要的話，我們只能直接進入源文件更改了。<hr color=”對應顏色的代碼“></p><p>19> 如何設置可以關閉當前窗口的功能？</p><p>這里我們可以先輸入用來標示的文字“關閉窗口”，用鼠標拖動選中它，在“Link”輸入框中鍵入“/”，同時切入源代碼窗口，在鏈接代碼中鍵入該事件-onclick=“javascript:window.close();return false;”。</p><p>完整的代碼為：<a href=“/”onclick=“javascript:window.close();return false;”>關閉窗口< /a></p><p>當然你也可以將文字“關閉窗口”換成其他的對象，比如圖片，按鈕等等！</p><p>20> 定時自動關閉的窗口又是怎樣的呢？</p><p>上面提到了個關閉窗口的功能，那么現在的自動關閉又是怎么實現的呢？</p><p>在源代碼<body>后加入下面的代碼： < script LANGUAGE=“javascript”> <!--setTimeout('window.close();', 10000);--> < /script></p><p>其中的set Timeout是一個用來設定延遲時間的函數，這里10000表示10秒鐘</p><p>21> 如何更改瀏覽器中鼠標的”形狀"?</p><p>一般情況下，鼠標在瀏覽器中以“箭頭”的樣式出現，那么我們能不能把它更改為自己喜歡的其他樣式類型呢？</p><p>改變鼠標形狀在DW中是通過“CSS樣式表”來實現的。</p><p>菜單“文字（Text）”-“CSS樣式表（CSS style）”-“Edit style sheet”，彈出樣式表的編輯窗口，也可以單擊快速啟動板中的CSS style按鈕找到，單擊“New”按鈕，選擇默認的“Make custom style”，同時在下面的Define中使該樣式只應用到當前網頁文檔，“This document only”。</p><p>在“樣式定義”窗口的左邊列表項中選擇“Extensing”（擴展項），相應右邊設置</p><p>在“Cursor”（鼠標）中，下拉選擇合適的形狀即可，確定后返回，按F12在瀏覽器中觀察效果，不滿意的話，還可以對樣式進行修改。</p><p>22>如何去除掉鏈接文字下面的下劃線？</p><p>在我們完成鏈接制作后，鏈接文字內容往往被自動在下面添加一條下劃線，用來標示該內容包含超級鏈接。當一個網頁中鏈接比較多時，就顯得有些雜亂的感覺了，其實我們可以很方便的把它去掉。</p><p>同樣進入“Edit style sheet”窗口，單擊“New”確立新樣式，這里的Type（類型）中，需要選擇的是“Redefine HTML Tag”，同時在具體的標記Tag中選中代表超級鏈接的“a”，單擊OK。</p><p>編輯該樣式，左邊列表中選“Type”，勾取“Decoration”（修飾）中的“None”復選框，這時所有網頁中的鏈接文字下劃線都被清除掉了。</p><p>·Dreamweaver制作網頁經典問題大整理(6)</p><p>23> 怎樣讓鼠標在鏈接文字上方“懸停”時，產生變色，變形等效果？</p><p>訪問網站時，我們遇到的最平常不過的一種效果就是“鼠標懸停響應”了，所謂的“鼠標懸停響應”表現在鏈接文字上，就包括改變顏色，修飾效果（下劃線，中劃線）等多種選擇。</p><p>由于這種效果很好的起到了對目標內容的強調作用，因此無論是個人網站還是一些大的商業(yè)網站（如新浪，搜狐，網易等）都有應用。</p><p>在上個問題中，你已經知道了去除掉鏈接下劃線的方法，這里不再贅述。下面的問題將是如何添加鼠標響應事件的過程。</p><p>同樣進入“Edit style sheet”窗口，單擊“New”確立新樣式，不同的是現在的Type類型中選擇最后的一項-“Use CSS selector”，“Selector”選單中選擇“a:hover” OK，進入編輯樣式窗口，設定“Type”項中的文字顏色為“紅色”，當然你還可以添加鼠標懸停時出現下劃線的效果。</p><p>24>如何讓網頁的背景圖片不跟隨內容滾動？</p><p>背景圖片是很多網頁設計者經常添加的東西，當網頁內容超出一屏時，拉動滾動條背景圖片會與內容相對靜止的一起滾動，那么能否鎖定背景不跟隨滾動呢？當然可以進入“Edit style sheet”窗口，單擊“New”確立新樣式，在TYpe中選擇“Redefine HTML Tag”，同時Tag選單選中“Body”，在左邊列表中選擇“Background”。設定“Attachment”（附件）為“fixed”。其中scroll代表默認使用的滾動顯示。</p><p>25> 背景音樂你一定知道吧，怎么添加呢？</p><p>在微軟的網頁工具-Frontpage中，有關于背景音樂的設置功能，那么DW顯然沒有作到這點，因此要使用的話，只能在源代碼中手動添加了。</p><p>在使用前，提醒大家一點，使用背景音樂一定要注意網頁文件的大小，不能顧此失彼。</p><p>代碼如下：</p><p>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”></p><p>其中src指定音樂文件的位置，autostart為音樂文件上傳后的動作，true表示自動開始播放，false不播放（默認值）。</p><p>27> 如何自動加入網頁更改后的日期？</p><p>只需要在源文件<body></p><h2><a name="3" >第三篇：dreamweaver網頁制作教案</a></h2><p>dreamweaver網頁制作教案</p><p>（Dreamweaver MX）</p><p>一、Dreamweaver MX中文版建站初步</p><p>建立一個網站，首先要在本地機器上做好網站，再傳到網上的虛擬空間上。現在免費的網頁空間很少了，在http://。</p><p>◇使用屬性檢查器：選中示例中的圖像，也可以是文字，點擊屬性面板中的“瀏覽文件”圖標。</p><p>◇選中一個文件。會出現一個文件相對于“文檔”，“站點根目錄的選擇”。文檔相對路徑是最適合用于本地鏈接的路徑類型，適合絕大多數Web站點，推薦使用。</p><p>◇根相對路徑：如果在一個使用多臺服務器的大型Web站點或一臺服務器上有多個站點的情況下工作，可能需要使用這種類型的路徑。很少用到這種路徑。如果沒有服務器的控制權限，不要使用這種方式！</p><p>◇絕對路徑：完整的URL，稱作絕對路徑。例如在鏈接域輸入http://vip.5dmedia.com/fuguotao</p><p>◇從打開文檔的選取中創(chuàng)建鏈接：選中文字，按Shift鍵，拖動出現“指向文件”圖標，把“指向文件”圖標拖向目標文件，就會建立鏈接。</p><p>◇選擇被鏈接文檔要打開的位置：</p><p>若要使被鏈接文檔不出現在當前窗口或框架中，從屬性面板的“目標”彈出式菜單選取一個選項。</p><p>_blank 在新的未命名的瀏覽器窗口中加載鏈接文檔。</p><p>_parent 在父框架頁或包含該鏈接的框架窗口中加載鏈接文檔。如果包含鏈接的框架不是嵌套的，則鏈接文檔將加載到整個瀏覽器窗口中。_self 將鏈接文檔加載到與鏈接相同的框架或窗口中，該目標是默認值，所以通常您不需要指定它。</p><p>_top 將在整個瀏覽器窗口中加載鏈接文件，同時移除所有框架。</p><p>一個網站中，第一級鏈接或者導航鏈接選擇_self，第二級鏈接和友情鏈接選擇_blank。</p><p>第二部分：使用錨</p><p>簡明步驟：選中文本→在目標文檔中插入錨標記→命名→拖動“指向文件”圖標到文本。◇鏈接到文檔中的指定位置：在需要插入錨的地方，點一下光標，然后單擊常用面板上的命名錨記工具。</p><p>鍵入錨記名稱，一個站點中的錨記名稱只可以是唯一的，否則會出現錯誤。</p><p>在文檔中選取要創(chuàng)建鏈接的文本，打開您需要鏈接的命名錨記所在文檔，不一定要是當前文檔，可以是站點中的其它文檔，點擊屬性面板中的“指向文件”圖標，并將它拖動到您需要鏈接的錨記處。</p><p>第三部分：使用空鏈接</p><p>使用空鏈接可以為頁面上的對象或文本附加行為。創(chuàng)建步驟： 1.在文檔窗口中，選中要設置鏈接的文本、圖像或其他對象。2.在屬性面板的鏈接框中，只輸入一個“#”號。3.如果單擊這種地址為一個“#”的鏈接，無論當前你處于文檔的什么地方，都會自動跳轉到文檔的開頭位置。很多人非常討厭這種情況，因此出現很多插件。可以用“###”來代替“#”，單擊這樣的鏈接的時候，會保持當前頁面的瀏覽位置。4.還可以在屬性面板的鏈接框中輸入javascript:;創(chuàng)建空鏈接。第四部分：創(chuàng)建javascript腳本鏈接 1.在文檔窗口中選取文本，圖象或對象</p><p>2.在“屬性”檢查器的“鏈接”欄中鍵入javascript:，其后緊接JavaScript代碼或函數調用。</p><p>例如在鏈接欄中鍵入javascript:alert('哈哈你上當了')創(chuàng)建一個鏈接，點擊鏈接后就會出現一個警告框</p><p>第五部分：創(chuàng)建電子郵件鏈接</p><p>方法一：選取需要創(chuàng)建鏈接的文本或者圖像，點擊常用面板中的“電子郵件鏈接”工具，輸入郵件地址。方法二：選取需要創(chuàng)建鏈接的文本或者圖像，在屬性面板中的鏈接欄輸入mailto:郵件地址。</p><p>第六部分：創(chuàng)建跳轉菜單，例如制作一個友情鏈接。</p><p>首先將插入點放在要插入鏈接的位置。點擊表單面板中的跳轉工具</p><p>在插入跳轉菜單對話框中，點添加項添加新鏈接。</p><p>在屬性面板中選擇類型為“菜單”。</p><p>在瀏覽器中發(fā)布如圖：</p><p>在屬性面板中選擇類型為“列表”高度為3。</p><p>在瀏覽器中發(fā)布如圖：</p><p>點擊屬性面板中的列表值，可以修改列表值。</p><p>第七部分：給鏈接增加提示，給鏈接增加快捷鍵。首先將插入點放在要插入鏈接的位置。點擊常用面板上的超級鏈接工具。</p><p>設置鏈接參數。</p><p>標題是指當指向鏈接會出現提示。</p><p>訪問鍵是指按鍵盤上的快捷鍵會選中鏈接。例如在實例中按Alt+D鍵會選中5D多媒體。</p><h2><a name="4" >第四篇：網頁制作《Dreamweaver》制作要點小結</a></h2><p>網頁制作</p><p>一、準備工作</p><p>１、站點的管理（創(chuàng)建、修改和刪除站點）</p><p>２、網站與網頁的關系：首頁+子頁＝網站</p><p>index.htmlp1.htmlp2.htmlp3.html</p><p>３、網頁的頁面屬性：“修改”——“頁面屬性”</p><p>二、網頁制作過程</p><p>１、頁面布局：采用幾個小表格疊加的方式</p><p>（１）表格大小：最外層表格以像素（px）為單位</p><p>內層嵌套表格以百分比（%）為單位</p><p>（２）表格的修改與編輯：合并單元格，拆分單元格，插入行列，刪除行列 ２、模板的制作：至少包含一個可編輯區(qū)域（按住ctrl鍵單擊單元格）</p><p>完成各頁共有內容（站標，導航，設置導航超鏈接，版權）</p><p>“文件”——“另存為模板”</p><p>３、模板的應用：在建好的空白頁面中，“修改”—“模板”—“套用模板到頁”</p><p>4、網頁元素的添加</p><p>（１）插入網頁標題（標題欄中顯示的內容）“頁面屬性”——“標題/編碼”（２）文字的添加</p><p>（３）圖像的效果：圖像的替換文字（圖片屬性替代框）</p><p>交換圖像效果</p><p>圖像的滾動效果</p><p>5、完善網頁</p><p>（１）超鏈接</p><p>（2）滾動效果</p><p><marquee</p><p></marquee></p><p>**（３）制作行為：</p><p>彈出信息設置狀態(tài)欄文本</p><p>**（４）利用層制作漂浮效果：自動播放重復direction=”left/right/up/down” onmouseover=”this.stop()” onmouseout=”this.start()”behavior=”alternate/slide”width/height=”數值”>??</p><h2><a name="5" >第五篇：Dreamweaver網頁制作教案</a></h2><p>認識Dreamweaver</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識。【學習步驟】</p><p>1、Dreamweaver的功能</p><p>Dreamweaver可以像普通的字處理軟件一樣編輯Internet上以HTML格式保存的所有文件，也就是網頁；它支持動態(tài)HTML，可以在網頁中產生動畫；還可以在網頁中插入各種插件，以產生特殊效果。</p><p>Dreamweaver可用于管理站點，它像文件夾一樣創(chuàng)建和打開站點，用不同的方式查看站點中各個網頁之間的關系，調整站點的組織結構，使整個站點條理清晰。</p><p>2、Dreamweaver的窗口</p><p>（1）標題欄（2）菜單欄（3）工具欄（4）視圖欄（5）文件夾列表（6）</p><p>工作區(qū)</p><p>3.網頁工作區(qū)的三個視圖方式選項</p><p>它們分別是“普通”、“HTML”“預覽”，它們之間的相互切換十分容易實現 的。</p><p>普通視圖方式是Dreamweaver對網頁所見即所得編輯方式的最佳體現，在此方式下，可以</p><p>像在Word中那樣直接進行各種編輯操作，實現網頁編輯的所有功能。HTML視圖實際上是一個文本編輯器，其中給出了普通視圖方式下所件網頁的HTML代碼。在這里可以用菜單命令進行復制、粘貼、刪除、查找等操作。對于HTML語言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語法成分。</p><p>為了在制作網頁過程中能夠隨時查看網頁的實際效果，Dreamweaver提供了預覽視圖方式。</p><p>4.安裝dreameaver的方法</p><p>安裝及注冊 5.關閉dreameaver 6.保存網頁的方法</p><p>三、小結</p><p>Dreamweaver的基本知識</p><p>建立一個簡單的站點</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；建立一個簡單的站點；進行簡單的網頁編輯。</p><p>【學習步驟】</p><p>1、創(chuàng)建空白站點。</p><p>執(zhí)行菜單命令“文件”—“新建”—“站點”，就會出現8中站點向導。出于簡單，可</p><p>選擇“空站點”按鈕，并在“指定新站點的位置”框中填入站點的位置。在指定新站點的位置后，單擊“確定”即建成一個空站點。</p><p>2、建立一個簡單的文字網頁</p><p>建立了一個站點之后，就應該在站點中加入網頁了。① 創(chuàng)建空白網頁</p><p>執(zhí)行菜單命令“文件”—“新建”—“網頁”，就會出現一對話框，選擇“普通網頁”</p><p>模板并單擊“確定”即建立了一個新的空白頁面。</p><p>② 網頁工作區(qū)的三個視圖方式選項</p><p>它們分別是“普通”、“HTML”“預覽”，它們之間的相互切換十分容易實現 的。</p><p>普通視圖方式是Dreamweaver對網頁所見即所得編輯方式的最佳體現，在此方式下，可以像在Word中那樣直接進行各種編輯操作，實現網頁編輯的所 有功能。</p><p>HTML視圖實際上是一個文本編輯器，其中給出了普通視圖方式下所件網頁的HTML代碼。在這里可以用菜單命令進行復制、粘貼、刪除、查找等操作。對于HTML語言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語法成分。為了在制作網頁過程中能夠隨時查看網頁的實際效果，Dreamweaver提供了預覽視圖方式。</p><p>③ 輸入文本</p><p>網頁中最基本的也是最重要的部分就是網頁中由文本構成的內容，因此制作 網頁首先要從文本輸入開始。</p><p>3、設置網頁中文字的字體、顏色、大小和效果</p><p>① 在文本開始處按下鼠標左鍵，不放手拖到結束處，選擇要設置的文本塊。② 執(zhí)行菜單命令“格式—字體”。</p><p>③ 在“字體”對話框中，單擊“字體”選項卡。</p><p>④ 在字體選擇窗口中，選定所需要的字體，再確定文本的字型、大小、顏色、效果等。⑤ 按“確定”即可。</p><p>4、網頁編輯</p><p>（1）將圖片插入網頁（2）將剪貼畫插入網頁（3）加入GIF動畫（4）保存嵌入式圖形文件（5）使用圖片工具欄（6）設置圖片屬性（7）設置網頁背景（8）設置超鏈接（9）應用框架（10）表單的使用</p><p>5、小結</p><p>簡單站點的建立過程</p><p>設計限時自動關閉的網頁</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver設計限時自動關閉的網頁。【學習步驟】</p><p>設計頁面時，經常會從一個頁面打開一個子窗口以供瀏覽者查看。通常，這種子窗口中的內容一經瀏覽者看過，對于瀏覽者而言就不再需要，而他們常常會忘記關掉這些小窗口，致使許多的瀏覽器窗口打開著，耗用大量的資源。因此我們可以將子窗口設計成經過一段時間后可以自動關閉的形式。1.在本地站點中生成一個Smlple文件夾。</p><p>2.在Smlple文件夾中，生成名為Index.html以及名為firstpage.html的文件。3.雙擊Index.html，打開該文檔，進入到文檔的設計視圖窗口中。4.單擊菜單View/Head Content，顯示文檔的頭部區(qū)域。</p><p>5.單擊設計視圖窗口中的文檔頭部窗格。選擇菜單Insert/Invisible Tags/Script，打開Inset Script對話框。如圖所示，在Language下拉列表框中選擇javascript選項，并在Coctento文本框中輸入“setTimeout(“self.close()”，15000)”。單擊OK按鈕，完成在文檔頭部插入15秒后自動關閉子窗口的腳本。在代碼中，15000表示15000毫秒，也即15秒，也可以根據需要將之修改為自己需要的時間毫秒數。</p><p>設置時間 6.在文檔窗口中輸入“關閉”字樣，在屬性面板上的Link文本框中輸入“###”，將其設置為一個空鏈接。</p><p>7.在狀態(tài)欄左端的快速標記編輯器上，單擊標記按鈕。選中“關閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標記編輯器，進入到快速標記編輯器的編輯標記模式。然后在“>”前輸入“onclick=“selfclose()””。如圖所示，設置完畢，單擊OK按鈕，確認操作。這樣在Index.html被作為子窗口打開后，單擊該鏈接就可以立刻關閉該子窗口。</p><p>8.保存Index.html文件，并退出index.html的Dremweaver窗口。</p><p>9.現在開始設計fristpage.html頁面。在本地站點的Smlple文件夾中，雙擊 fristpage.html，打開該文檔，進入到文檔的設計視圖窗口中。</p><p>10.在文檔中輸入“單擊這里打開會自動關閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“###”，將之設置為空鏈接。</p><p>11.可以通過為該鏈接應用Open Browser Window行為來設置單擊鏈接時打開Index.html窗口，不過更方便的方法是利用快速標識編輯器。方法是首先將插入點放置到鏈接中，然后在狀態(tài)欄左端的標識選擇器上，單擊標識按鈕，選中整個鏈接。然后按下Ctrl+T組合鍵，打開快速標記編輯器，進入到快速標記編輯器的 編輯標識模式。再在“>”前輸入“onclick=“window.open('index.html',null','width=200px，height=200px')””（如圖所示）。設置完畢，按下回車鍵，確認操作。</p><p>設置單擊鏈接時打開</p><p>12.上述操作就完成了本例的設置。可以單擊菜單用File/save，保存所做的工作。然后按下F12鍵，在瀏覽器中預覽頁面效果。</p><p>三、小結</p><p>用Dreamweaver設計限時自動關閉的網頁</p><p>用Dreamweaver做會移動的文字</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver做會移動的文字。【學習步驟】</p><p>一、基本語法</p><p><marquee>...</marquee> <marquee>啦啦啦，我會移動耶！</marquee> 文字移動屬性的設置：方向<direction=#> #=left, right <marquee direction=left>啦啦啦，我從右向左移！</marquee> <p><marquee direction=right>啦啦啦，我從左向右移！</marquee></p><p>方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>啦啦啦，我一圈一圈繞著走！</marquee> <p><marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <p><marquee behavior=alternate>啦啦啦，我來回走耶！</marquee></p><p>循環(huán) <loop=#> #=次數；若未指定則循環(huán)不止(infinite)<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟喲！</marquee> <p><marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟喲！</marquee> <p><marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟喲！</marquee></p><p>速度<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快喲！<;/marquee></p><p>對齊方式(Align)<align=#> #=top, middle, bottom <font size=6> <marquee align=# width=400>啦啦啦，我會移動耶！</marquee> </font>對齊上沿、中間、下沿。</p><p>二、小結</p><p>用Dreamweaver做會移動的文字 用Dreamweaver創(chuàng)建導航條</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver創(chuàng)建導航條。【學習步驟】</p><p>一個網站的不同頁面使用了同一導航條。通過統(tǒng)一導航條的方法，我們可以實現網站風格的統(tǒng)一，同時也方便了瀏覽者在不同頁面間的跳轉。用Dreamweaver可作出各種比較復雜的導航條。網頁上的導航條可由一個或幾個部分組成，每個部分均由各種圖像構成，可以鏈接到不同的網頁頁面。在Dreamweaver中每部分中最多可設四個狀態(tài)下的圖像。一開始是一個初始圖像，當鼠標移動到導航條部位上時則顯示另一個圖像，還可以設置當鼠標點擊后的初始圖像，以及鼠標點擊后當鼠標再次移動到這個部位上的圖像。一般地，每部位只設一到兩種狀態(tài)的圖像。因為圖像太多了，會影響網頁頁面的訪問、瀏覽的速度。</p><p>導航條制作方法：移動光標到需要導航條的地方，單擊主菜單欄的“InsertNavigation Bar”子命令，或直接單擊Objects面板上的圖標，彈出“Insert Navigation Bar”對話框，如下圖，此時我們可以進行各種設置來實現上述功能：</p><p>在“Element Name”項后的文本框填入這個部位的命名，也可以不填，這時Dreamweaver 3將自動給它命名。在Dreamweaver中每部分中最多可設四個狀態(tài)下的圖像：“Up Image”項是該部位的初始圖像，在其后文本框填入已準備好的圖像的地址，或點擊右邊Browse按鈕來選擇。每個部位可只設置Up Image項，其下的“Over Image”、“Down Image”和“Over While Down Image”三項可以不設置。其中，“Over Image”項是鼠標移動到這個部位上時顯示的圖像(本例中選擇)；“Down Image”項是鼠標點擊該部位后顯示的初始圖像；“Over While Down Image”項是鼠標點擊后當鼠標再次移動到這個部位上時顯示的圖像。注意：Element Name項和 Up Image項是必需的，所有的調用圖像都會在系統(tǒng)的提示下保存在Dreamweaver 3文件夾中，以便調用。</p><p>三、小結</p><p>用Dreamweaver創(chuàng)建導航條</p><p>用Dreamweaver創(chuàng)建導航條</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver創(chuàng)建導航條。【學習步驟】</p><p>當然，還可給該部位設置超級鏈接：在下面的“When Clicked Go To URL”項后文本框填入鏈接到的文件的地址，或單擊Browse按鈕選擇，當鼠標移動到這個部位上時，在狀態(tài)欄中可以看到鏈接到的地址。When Clicked Go To URL項后有一個下拉選框，這是設置超級鏈接的目標。</p><p>接著是“Options”項，若選中“Preload Images”選框，則瀏覽者瀏覽頁面時，所有圖像將在頁面下載的同時全部下載，整個頁面打開的速度會慢些，但圖像間轉換會沒有延遲，選中它。反之，不選Preload Images選框，則頁面下載的同時只下載初始圖像，其它圖像按順序下載，整個頁面打開的速度較快，但圖像間轉換會有延遲。若選中“Show “Down Image”Initially”選框，則將Down Image設為初始圖像。此時，Over While Down Image項改為鼠標移動到這個部位上時顯示的圖像，Up Image項改為鼠標點擊該部位后顯示的初始圖像，Over image項改為鼠標點擊后當鼠標再次移動到這個部位上時顯示的圖像。</p><p>最下面是“ Insert”項，選框中有Horizontally(水平)和Vertically(垂直)兩個選項。選中Horizontally為導航條水平展開，選中Vertically 為導航條垂直展開。Use Table 項，選中后，Dreamweaver自動生成HTML代碼將導航條各部位用表格隔開。</p><p>當一個部位設置完成后，要添加其他部位，可點擊對話框上方的“＋”按鈕，可按上面的步驟進行新部位的設置。要刪去某一個部位，在“Nav Bar Elements”選框中先選中，再點擊對話框上方的“－”按鈕即可。</p><p>另外，使用設置導航條圖像中的高級功能，可改變文檔中基于當前按鈕下的其他的圖像。在默認下,單擊導航條中的元素時,所有導航條中元素都會自動地返回原來默認的狀態(tài)。若想設置被選中圖像的上浮或是下沉的不同效果時，可用導航條中的高級功能：在“Behaviors”面板中的“Actions”標簽頁，單擊其上面的“＋”號按鈕，在彈出的菜單中選擇“Set Nav Bar Image”命令，彈出Set Nav Bar Image 對話框中(見圖2)，選擇“Advanced”標簽頁，對高級屬性進行設置。其中，若選擇“Over Image or over while Down Image”項，則當鼠標劃過圖片時顯示其上面的圖片，有上浮或是下沉的效果，并在“Also Set Image”文本框中選擇要顯示的圖片，同時在其下面的“If Down To Image File”中選擇當鼠標按下時要顯示的圖片路徑；若選擇“Down Image”項，則當瀏覽者單擊所選圖像后,顯示另外的圖片。</p><p>圖2 存盤后，按F12鍵測試所作導航條。</p><p>三、小結</p><p>用Dreamweaver創(chuàng)建導航條</p><p>用Dreamweaver創(chuàng)建狀態(tài)欄</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver創(chuàng)建狀態(tài)欄。【學習步驟】</p><p>狀態(tài)欄制作方法：</p><p>設置瀏覽器狀態(tài)欄中的文本信息,這一功能可在瀏覽網頁面時,在瀏覽器窗口底下狀態(tài)欄中顯示相關信息。其方法:選擇“Behaviors”面板中的Actions標簽頁的“Set Text of Status Bar”命令,在彈出的Set Text of Status Bar對話框中如圖3,在“Message”的文本框中輸入所在狀態(tài)欄中顯示的文檔,按“OK”按鈕完成。再用按F12快捷鍵來測試,可看到其運行的效果。</p><p>當然可用JavaScript語言在Message文本框中加入些函數,讓文本顯示功態(tài)的效果。</p><p>三、小結</p><p>用Dreamweaver創(chuàng)建狀態(tài)欄</p><p>用Dreamweaver的模板創(chuàng)建網頁</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver的模板創(chuàng)建網頁。【學習步驟】</p><p>1、創(chuàng)建模板頁面</p><p>最簡單的辦法是將一個網頁另存為模板文件，通過執(zhí)行命令：File→Save as Template，DreamWeaver會在網站根目錄中建立一個模板文件夾——Templates來保存該模板。</p><p>當然，也可以新建一個模板：Window→Templates，會出現的Templates面板，單擊右下角的New Template按鈕，輸入文件名，就建立了一個空模板；再單擊Open Template按鈕打開該模板，保存后自動存放于網站模板文Templates中。</p><p>新建、打開的模板頁面和普通的網頁沒什么兩樣，同樣可以加入表格、層、圖片、動畫、腳本，設置頁面屬性等。</p><p>舉例：這里以制作一個模板為例來說明。在該頁面中，我們希望左側的網站標識圖和底部的導航圖出現在每個頁面中。其中標識圖由兩幅圖片疊加而成，導航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個熱區(qū)分別鏈接到不同的文件，它們在每個頁面中都不變。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔，我們用表格來布置這些元素。</p><p>準確地說它只是一個沒有可編輯區(qū)域的“準模板”，下面再設定可編輯區(qū)域。</p><p>2、設定可編輯區(qū)域 設定模板可編輯區(qū)域，一般來說有兩種方法。</p><p>新建可編輯區(qū)域：選擇命令：Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。</p><p>標記某一區(qū)域為可編輯區(qū)域：選擇命令：Modify→Template→Mark Selectin as Editable Region。如果某區(qū)域已經有一些文字，并且希望在以后新建的超文本文件中部分保留其內容，先選中該區(qū)域再執(zhí)行標記命令即可。</p><p>取消可編輯狀態(tài)：選擇命令：Modify→Template→Unmark Editable Region。執(zhí)行該命令后會彈出一個對話框，其中有當前已有的可編輯區(qū)域列表，選中要取消的區(qū)域名稱，確認即可。</p><p>舉例：在大片空白區(qū)中隨便單擊一下，執(zhí)行Modify→Template→New Editable Region命令，在彈出對話框中輸入名稱：Main；選中左下角本頁說明下面的文字，執(zhí)行Modify→Template→Mark Selectin as Editable Region命令，輸入名稱：exp。可以看到可編輯區(qū)顯示為淺藍色，保存即完成模板制作。</p><p>三、小結</p><p>用Dreamweaver的模板創(chuàng)建網頁</p><p>使用模板</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver的模板創(chuàng)建網頁。【學習步驟】</p><p>1、根據模板新建頁面</p><p>命令：File→New From Template。彈出對話框，從模板列表中選取模板，出現的新頁面中除可編輯區(qū)外均有淡黃色背景，是不能進行修改的部分。空白的Main編輯區(qū)可直接進行插入表格、文字、圖片等操作，Exp編輯區(qū)保留有原來的文字，修改或重新編輯均可。</p><p>2、對一個已經有內容的頁面應用模板</p><p>命令：Modify→Template→Apply Template to Page。選擇模板后還會彈出一個對話框，讓您選擇現有的孤立內容保存到哪個可編輯區(qū)域（Choose Editable Region for Orphaned Content）。要是不想保留則可以選擇“（none）”。</p><p>舉例：我們先新建一個普通頁面，輸入：“CIW電腦工作室”，執(zhí)行Modify→Template→Apply Template to Page命令，選擇模板test，現有內容保存區(qū)域選擇Main，確認后可看到頁面自動變成了模板頁的形式，而“CIW電腦工作室”這一行字就出現在主編輯窗口中。</p><p>3、更新模板以全面更新站點</p><p>基于某一模板建立了一些頁面后，對模板進行修改后保存時，就會自動彈出一個對話框，列出所有使用了該模板的頁面，詢問是否要更新。</p><p>另外一種方法是執(zhí)行Modify→Template→Update Pages命令。從Update Pages對話框中選擇一個站點或站點的某一種模板（同一站點中可以使用多個模板），單擊右側的Start按鈕，軟件會自動搜索與模板相關聯的網頁并進行更新。非常方便！</p><p>舉例：Test模板左側圖形中的“讀書破萬站”圖片是用一個圖層疊加在另一幅圖片之上的，現在不想要它，同時還想將所有頁面中的該圖片均刪除。就可以打開模板test.dwt，刪除該圖層，保存模板，單擊右側的“Update”按鈕即可。</p><p>注意：新建和使用模板前需定義站點。方法是，執(zhí)行命令：Site→Define Sites；指定站點名稱和本地根目錄（Local Root）。模板使用的是相對路徑，如果沒有指定網站在本地的位置，軟件就不能準確找到并保存模板文件；并且應用模板新建和更新頁面時，頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化。</p><p>三、小結</p><p>用Dreamweaver的模板創(chuàng)建網頁</p><p>用Dreamweaver 中插入背景音樂</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver 中插入背景音樂。【學習步驟】</p><p>一、直接插入法</p><p>1.打開一張需要插入背景音樂的網頁，在菜單中找到這樣的命令： Windows> 設計教室-> HTML 部分中的“HTML語言剖析”中的一段，介紹一下< EMBED >標記的參數：</p><p>三、小結</p><p>用Dreamweaver 中插入背景音樂</p><p>用Dreamweaver 中插入背景音樂</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver 中插入背景音樂。【學習步驟】</p><p>< EMBED > 是用來插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。其參數設定較多。如下：</p><p>< EMBED src=“your.mid” autostart=“true” loop=“true” hidden=“true” > src=“your.mid”設定 midi 檔案及路徑，可以是相對或絕對。autostart=true是否在音樂檔下載完之后就自動播放。true 是，false 否(內定值)。loop=“true”是否自動反復播放。LOOP=2 表示重復兩次，true 是，false 否。HIDDEN=“true”是否完全隱藏控制畫面，true 為是，no 為否(內定)。STARTTIME=“分:秒”設定歌曲開始播放的時間。如 STARTTIME=“00:30” 表示從第30秒處開始播放。VOLUME=“0-100”設定音量的大小，數值是0到100之間。內定則為使用系統(tǒng)本身的設定。WIDTH=“整數” 和 HIGH=“整數”設定控制面板的高度和寬度。(若 HIDDEN=“no”)ALIGN=“center”設定控制面板和旁邊文字的對齊方式，其值可以是 top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom CONTROLS=“smallconsole”設定控制面板的外觀。預設值是 console。</p><p>console 一般正常面板</p><p>smallconsole 較小的面板</p><p>playbutton 只顯示播放按鈕</p><p>pausecutton 只顯示暫停按鈕</p><p>stopbutton 只顯示停止按鈕</p><p>volumelever 只顯示音量調節(jié)按鈕</p><p>二、代碼法 < BGSOUND >：</p><p>< BGSOUND > 是用來插入背景音樂，但只適用于 IE，其參數設定不多。< BGSOUND src=“your.mid” autostart=true loop=infinite > src=“your.mid” 設定 midi 檔案及路徑，可以是相對或絕對。autostart=true 是否在音樂檔下載完之后就自動播放。true 是，false 否(內定值)。loop=infinite 是否自動反復播放。LOOP=2 表示重復兩次，Infinite 表示重復多次。此種方法就是直接把< BGSOUND >標記放于網頁文件的< head >< /head >之間，設置好mid文件的路徑就行。參數的設置如文中解說。</p><p>三、插件法</p><p>有些人始終沒有舍棄 FrontPage 也許就因為在一些元素的插入中，Dreamweaver 沒有提供功能，或者不方便。但我們知道，Dreamweaver 支持插件，聲音插入插件為我們提供了方便。</p><p>插件下載：sound.mxp 下載后雙擊文件，就可以直接安裝了，安裝完成你可以在“對象”面板的“Common”欄看到一個喇叭圖標。直接點擊此按鈕，就彈出如下圖所示的插入窗口：</p><p>Forever：設置無限循環(huán)播放</p><p>Never：不循環(huán)播放，即只播放一次</p><p>NO of times：設置播放的次數</p><p>點擊“Browser”按鈕選擇好聲音文件之后，按確定完成制作。</p><p>三、小結</p><p>利用代碼法和插件法在Dreamweaver 中插入背景音樂</p><p>用Dreamweaver在主頁中制作連續(xù)的背景音樂</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver在主頁中制作連續(xù)的背景音樂。【學習步驟】</p><p>一、保持背景音樂的連續(xù)不斷，效果很好，現介紹如下，供制作個人主頁的朋友們參考： 首先使用標簽 〈frameset〉〈frame...〉〈frame...〉〈frameset〉 將主頁(index.html)屏幕分成上下兩個幀，為了不破壞頁面布局，將上幀的高度設為 0；然后，在主頁上幀放置的超文本文件(back_music.htm)中設置網站的背景音樂，最好不要設置播放界面；最后，在主頁的下幀放置網站主頁的主要內容(main.htm)。</p><p>這樣一來，主頁下幀的頁面就成為主頁實際的活動頁面，上幀的頁面在訪問者的整個瀏覽過程中始終保持靜止不動，設置的背景音樂也就不會中斷了。</p><p>主頁文件 index.html: 〈html〉</p><p>〈head〉〈title〉連續(xù)不斷的背景音樂〈/title〉〈/head〉</p><p>〈frameset frameborder=“0” rows=“0,*”〉</p><p>〈frame src=“back_music.htm” scrolling=“no” noresize frameborder=“0”〉</p><p>〈frame src=“main.htm” frameborder=“0”〉</p><p>〈noframes〉</p><p>〈body〉</p><p>〈p〉please browse the web pages with browser that supperts frames.〈/p〉</p><p>〈/body〉</p><p>〈/noframes〉</p><p>〈/frameset〉 〈/html〉</p><p>上幀文件 back_music.htm(背景音樂為當前目錄下的liang_zhu.mid,只播放一次)：</p><p>〈html〉</p><p>〈head〉〈title〉〈/title〉〈/head〉</p><p>〈body〉</p><p>〈!-背景音樂:--〉</p><p>〈embed src=“./liang_zhu.mid” hidden=“true” autostart=“true” loop=“0”〉</p><p>〈/body〉</p><p>〈/html〉</p><p>三、小結</p><p>用Dreamweaver在主頁中制作連續(xù)的背景音樂</p><p>DreamweaverMX制作導航下拉菜單</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；DreamweaverMX制作導航下拉菜單。【學習步驟】</p><p>Dreamweaver從出道以來，其簡便易用而又功能強大的“行為”(Behavior)一直是大家所關注的熱點之一。在Dreamweaver MX(DW MX)中，對這一功能又有了擴充與改進。</p><p>在DW MX中，行為指的是為了響應某一事件(Event)而采取的一個操作(Action)。其中Event 指的是瀏覽器的事件，比如窗口刷新、鼠標移動等。而 Action 指的是后臺響應事件的 JavaScript 代碼，可以完成相應的操作，比如播放聲音、翻轉圖片等。</p><p>用DW MX制作導航下拉菜單是網頁中經常使用的特效之一。(如圖)主要應用了DW MX中的“Show-Hide Layers”行為。</p><p>首先制作好導航條(圖1中的“產品中心”那一欄)，隨后添加一個層，作為下拉菜單將要顯示的位置，并填入下拉菜單的對應欄目。</p><p>接下來，打開“Behaviors”面板，同時選中“產品中心”鏈接(注意，這個時候不能夠選中剛剛建好的層，否則無法應用“Show-Hide Layers”行為)，單擊“+”號，選擇“Show-Hide Layers”，就可以看到我們剛剛建好的層在選擇項中，可以設定為隱藏或者顯示(如圖)。</p><p>行為的妙用主要體現在：如果我們要實現下拉菜單，關鍵就是讓鼠標移到“產品中心”鏈接上時，使層顯示；而鼠標離開鏈接時，使層隱藏。根據這種思想，我們首先為這個層設立兩個Action，一個選擇Hide，一個選擇Show。然后，調整Event，將Hide Layer的Event設為OnMouseOut，即為鼠標離開鏈接；而將Show Layer的Event設為OnMouseOver，即為鼠標選中鏈接。按“F12”預覽，就可看到我們期盼的效果。</p><p>這樣，平時我們覺得很神秘的導航下拉菜單就可以輕易在行為中實現。還可以在導航鏈接上繼續(xù)應用 “Swap Image”行為，實現鼠標點選鏈接時出現圖片翻轉效果。</p><p>行為不是一個個孤立的特效，可以由多個行為組合疊加實現復雜的功能，除了DW MX默認設置好的行為外，我們還可以從www.tmdps.cn上下載更多更酷的第三方行為，我們只需將它們直接復制到DreamweaverMXConfigurationBehaviorsActions目錄下即可，從而使DW MX的這一閃光點更加眩目。</p><p>三、小結</p><p>用DreamweaverMX制作導航下拉菜單</p><p>用Dreamweaver做彈出窗口</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver做彈出窗口。【學習步驟】</p><p>1.打開一個頁面，設置頁面屬性。左邊界，頂部邊界為 0，在標題處輸入標題名稱。</p><p>2.在頁面中插入圖片。也可以是文字，Flash 動畫等。小窗口頁面就準備好了。</p><p>給一個頁面添加彈出小窗口：</p><p>1.打開需要添加彈出小窗口頁面，例如一個網站的首頁，在標簽選擇器中選擇“ body ”標簽。</p><p>2.打開行為面板，點擊“ + ”按鈕添加行為。</p><p>3.選擇“打開瀏覽器窗口”。</p><p>4.在要顯示的 URL 處，選擇彈出小窗口頁面文件。設置彈出小窗口屬性。</p><p>5.按 F12，在瀏覽器中發(fā)布的效果如下圖。</p><p>三、小結</p><p>用Dreamweaver做彈出窗口</p><p>Dreamweaver 頁面制作</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；Dreamweaver 頁面制作。【學習步驟】</p><p>一、下邊的簡單網頁為例，敘述一下制作過程。簡單網頁如下圖：</p><p>在開始制作之前，我們先對這個頁面進行一下分析。看看這個頁面用到了那些東西。</p><p>網頁頂端的標題“我的主頁”是一段文字。</p><p>網頁中間是一幅圖片。最下端的歡迎詞是一段文字。網頁背景是一深紫紅顏色。</p><p>知道了這個網頁的結構以后我們就來可以制作了。</p><p>首先啟動Dreamweaver MX 2004，確保你已經用站點管理器建立好了一個網站（根目錄）。</p><p>為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網站目錄images文件夾內。</p><p>【插入標題文字】</p><p>進入頁面編輯設計視圖狀態(tài)。在一般情況下，編輯器默認左對齊，光標在左上角閃爍，光標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設置。</p><p>【設置文字的格式】</p><p>選中文字，在上圖屬性面板中將字體格式設置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。</p><p>【設置文字的顏色】</p><p>首先選中文字，在屬性面板中，單擊顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。</p><p>【設置網頁的標題和背景顏色】</p><p>點擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框（如下圖）</p><p>請在標題輸入框填入標題“我的主頁”。</p><p>設置背景顏色：網頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。如果背景要設為圖片，點擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點擊確定按鈕。</p><p>設計視圖狀態(tài)，在標題“我的主頁”右邊空白處單擊鼠標，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。</p><p>【插入圖像】選擇以下任意一種方法：</p><p>使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。如下圖：</p><p>2）使用插入欄（如下圖）：單擊插入欄對象按鈕>選源文件”對話框，其余操作同上。</p><p>按鈕，彈出“選擇圖像</p><p>（3）使用面板組“資源”面板（如下圖）：點</p><p>按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標拖動至工作區(qū)合適位置。</p><p>一個圖片就插入完畢了。（插入*.swf動畫文件，選擇“插入”菜單＞媒體＞Flash）。</p><p>【輸入歡迎文字】</p><p>在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您??”然后，利用屬性面板對文字進行設置。</p><p>保存頁面。</p><p>一個簡單的頁面就這樣編輯完畢了。</p><p>【預覽網頁】在頁面編輯器中按F12預覽網頁效果。網站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm。</p><p>三、小結</p><p>①圖片插入和對齊設置；</p><p>②文字的格式、顏色和加粗等設置； ③背景顏色的設置； ④預覽網頁，查看實際效果。</p><p>用Dreamweaver 發(fā)布網站</p><p>一、學習目的</p><p>了解Dreamweaver，學會利用Dreamweaver制作網頁。</p><p>二、學習內容</p><p>Dreamweaver的基本知識；用Dreamweaver 發(fā)布網站。【學習步驟】</p><p>在發(fā)布網站之前先使用Dreamweaver站點管理器對你的網站文件進行檢查和整理，這一步很必要。可以找出斷掉的鏈接、錯誤的代碼和未使用的孤立文件等，以便進行糾正和處理。</p><p>步驟如下：在編輯視圖點「站點」菜單＞選“檢查站點范圍的鏈接”，彈出“結果”對話框，如下圖：</p><p>下圖是檢查器檢查出本網站與外部網站的鏈接的全部信息，對于外部鏈接，檢查器不能判斷正確與否，請自行核對。</p><p>下圖是檢查器找出的孤立文件，這些文件您的網頁沒有使用，但是仍在你的網站文件夾里存放，上傳后它會占據有效空間，應該把它清除。清除辦法是：先選中文件，點Delete鍵，確定。這些文件就放在“回收站”。</p><p>如果不想刪除這些文件，點保存報告按鈕（上圖所示），在彈出的對話框中您給報告文件一個保存路徑和文件名即可。該報告文件為一個檢查結果列表。你可以參照此表，進行處理。</p><p>糾正和整理之后，您的網站就可以發(fā)布了。【發(fā)布站點操作】</p><p>如果您是第一次上傳文件，您的遠程 Web 服務器根文件夾是空文件夾時按以下操作進行。如果不是空文件夾，另行操作附后。</p><p>服務器根文件夾是空文件夾時，連接到遠程站點，請執(zhí)行以下操作：</p><p>在 Dreamweaver MX 2004中，選擇“站點”>“管理站點”。管理站點對話框中“dwmx2004”是在本教程第5頁設置的，如果想回憶一下，請查看“設置站點”。</p><p>選擇一個站點（即本地根文件夾），然后單擊“編輯”。</p><p>單擊對話框頂部的“基本”選項卡。在前面“設置站點”時，已填寫了“基本”選項卡中的前幾個步驟，因此單擊幾次“下一步”，直到向導頂部高亮顯示“共享文件”步驟。如下圖：</p><p>在標有“您如何連接到遠程服務器？”的彈出式菜單中，選擇“FTP”。單 擊“下一步”，彈出如下對話框：</p><p>請輸入以下選項：</p><p>輸入服務器的主機名；（必須填入）</p><p>“您打算將您的文件儲存在服務器上的什么文件夾中？”（可以留空）</p><p>在相應的文本框中輸入您的用戶名和密碼。</p><p>“使用安全 FTP(SFTP)”選項。（可不勾選）</p><p>單擊“測試連接”。</p><p>如果連接不成功，請檢查設置或咨詢系統(tǒng)管理員。</p><p>在輸入相應的信息后，單擊“下一步”。</p><p>不要為站點啟用文件存回和取出。</p><p>單擊“下一步”。</p><p>單擊“完成”以完成遠程站點的設置。</p><p>再次單擊“完成”以退出“管理站點”對話框。</p><p>【上傳文件】</p><p>在設置了本地文件夾和遠程文件夾（空文件夾）之后，可以將文件從本地文件夾上傳到 Web 服務器。</p><p>請執(zhí)行以下操作：</p><p>在“文件”面板（“窗口”>“文件”）中，選擇站點的本地根文件夾。單擊“文件”面板工具欄上的“上傳文件”藍色箭頭圖標。</p><p>Dreamweaver MX 2004會將所有文件復制到服務器默認的遠程根文件夾。多數空間提供商都設置有服務器默認的文件夾，請在此文件夾下創(chuàng)建一個空文件夾，方法是：在“文件”面板，將“本地視圖”轉換為“遠程視圖”。右鍵點擊文件夾，選“新建文件夾”，輸入一個名稱，用作您的遠程根文件夾，名稱與您本地根文件夾的名稱一致，便于操作。也可以最大化“文件”面板。請打開“文件”面板的最右邊的“擴展/折疊”按鈕，最大化文件面板，如下圖，左邊為遠端站點內容，右邊為本地文件內容。</p><p>點擊，Dreamweaver MX 2004將所有文件復制到您定義的遠程文件夾。</p><p>第一次上傳必須搞清楚網絡空間服務商指定的服務器默認的存放網頁的文件夾，在此文件夾下存放您的站點文件。訪問您的網站地址為：http://......./index.htm 如果你在服務器默認的文件夾下上建立了與本地根文件夾同名的文件夾，那么訪問您的網站，需要用這樣的地址：http://........./（您的文件夾名）/index.htm 上傳完畢，請在瀏覽器中輸入瀏覽地址，測試您上傳的結果。</p><p>三、小結</p><p>用Dreamweaver 發(fā)布網站</p> </div> </article> <a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow"> <img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載教學設計：《Dreamweaver網頁制作實用教程》----框架技術word格式文檔"> <div id="jdb3l39rxn9" class="download_card_msg"> <div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載教學設計：《Dreamweaver網頁制作實用教程》----框架技術.doc</div> <div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</div> </div> <div id="jdb3l39rxn9" class="download_card_btn"> <img src="http://static.xiexiebang.com/skin/default/images/icon_download.png"> <div id="jdb3l39rxn9" class="downlod_btn_right"> <div>點此處下載文檔</div> <p>文檔為doc格式</p> </div> </div> </a> <div id="jdb3l39rxn9" class="post-tags mt20 mb30"><span>相關專題</span> <a href="/tag/cjwykjja/" target="_blank">創(chuàng)建網頁框架教案</a> <a href="/tag/zzkjwyja/" target="_blank">制作框架網頁教案</a> <a href="/tag/wykjjasj/" target="_blank">網頁框架教案設計</a> </div> <div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網址：http://www.tmdps.cn/a5/201905130/aebf0cfa675efde6.html</span><br>聲明：本文內容由互聯網用戶自發(fā)貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發(fā)現有涉嫌版權的內容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯系你，一經查實，本站將立刻刪除涉嫌侵權內容。 </div> <div id="jdb3l39rxn9" class="single-xg mb40"> <div id="jdb3l39rxn9" class="con-title"> <h3><a name="6"></a>相關范文推薦</h3> </div> <div id="jdb3l39rxn9" class="sticky mb20"> <ul><h2 class="mb20"><a href="/a1/2019051213/aa40c40930db2ea4.html" target="_blank">Dreamweaver網頁制作技巧心得體會</a></h2><p>Dreamweaver網頁制作技巧心得體會 熟悉網頁設計的網友就知道，調用Style的方法很多，我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右......</p><h2 class="mb20"><a href="/a4/2019051222/d48f511e225ca2ef.html" target="_blank">《Dreamweaver網頁制作》考核方案</a></h2><p>《Dreamweaver網頁制作》課程考核方案 一：《Dreamweaver網頁制作》課程的期末考試形式 基于本課程操作性較強的特點，在本學期對該課程實行上機設計考試，給出考試要求，提供操作素......</p><h2 class="mb20"><a href="/a1/2019051216/015e0bebbf95bd44.html" target="_blank">Dreamweaver網頁設計教學計劃</a></h2><p>《Dreamweaver網頁設計》教學方案 第一部分 說明 1．課程的性質與任務 “Dreamweaver網頁設計”是計算機網絡技術專業(yè)（專科）的一門統(tǒng)設必修課。本課程的主要任務是介紹利用Dream......</p><h2 class="mb20"><a href="/a14/2019051510/dd4853c64df3d95f.html" target="_blank">Dreamweaver網頁設計實驗報告</a></h2><p>實驗報告 專業(yè)XXXXXX 班級 XX 班學號XXXXXX 姓名XXX 報告完成日期2012-12-26 指導教師XXX 評語： 成績： 批閱教師簽名： 批閱時間： 一、制作時間 2012年12月18日至2012年12月26......</p><h2 class="mb20"><a href="/a5/201905131/5ce6a3be0fb5d562.html" target="_blank">Dreamweaver CS5自學教程-第一課：網頁設計基礎</a></h2><p>Dreamweaver CS5網頁制作教程筆記 該教程使用Dreamweaver CS5作為開發(fā)工具，結合老師的網站開發(fā)經驗，為大家講解網頁制作的每個環(huán)節(jié)。希望通過本套課程的學習，大家能靈活運用Dre......</p><h2 class="mb20"><a href="/a7/2019051515/4c9f25eef29e764a.html" target="_blank">教學論文-網頁制作技術</a></h2><p>《網頁制作技術》教學方法初探網頁制作技術課程在目前的職業(yè)學校中幾乎成為必開課程，但由于網絡技術更新日新月異，教學方法很難于最新技術達到一致，因此在連續(xù)4年的教學當中，我......</p><h2 class="mb20"><a href="/a5/201905130/b2a37654c9d6b775.html" target="_blank">Dreamweaver網頁設計+授課教案</a></h2><p>Dreamweaver教案一( 一課時) 教學目的：初步了解Dreamweaver的操作教學重點：Dreamweaver的界面教學難點：各個面板的調用一、 引入為什么要用Dreamweaver而不用Frontpage？Dreamwe......</p><h2 class="mb20"><a href="/a6/64ec73e7038209aa.html" target="_blank">網頁制作教學設計</a></h2><p>網頁制作教學設計 網頁制作教學設計1 教學目標：1、知識與技能（1）了解超級鏈接的含義及鏈接源和鏈接目標的含義，掌握同一站點內以及不同站點間網頁超級鏈接的創(chuàng)建方法。（2）掌握網頁......</p></ul> </div> </div> </div> </div> <div id="jdb3l39rxn9" class="right-content-box wow fadeInRight delay300 right-content"> <script src="/e/member/login/loginjs.php"></script> <div id="jdb3l39rxn9" class="sidebar"> <div class="jdb3l39rxn9" id="sidebar" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">猜你喜歡</h3> <ul class="new-list"><li><a href="/a15/201905156/9326cef6d8c0e588.html" title="框架網頁制作教案分析" target="_blank">框架網頁制作教案分析</a></li><li><a href="/a9/201905141/b50239d9e2433371.html" title="《網頁設計與制作 Dreamweaver CS3》自我測評參考答案" target="_blank">《網頁設計與制作 Dreamweaver CS3》自我測評參考答案</a></li><li><a href="/a11/201905142/1a4991f5271c38e9.html" title="Dreamweaver中(網頁)如何制作圓角邊框總結（定稿）" target="_blank">Dreamweaver中(網頁)如何制作圓角邊框總結（定稿）</a></li><li><a href="/a6/2019051319/9d419238e543d5fa.html" title="用dreamweaver制作網頁的實踐報告" target="_blank">用dreamweaver制作網頁的實踐報告</a></li><li><a href="/a12/201905143/9aca4e128a0195a5.html" title="Dreamweaver 8.0制作簡易留言板圖文教程" target="_blank">Dreamweaver 8.0制作簡易留言板圖文教程</a></li><li><a href="/a12/201905144/de1c2d3b612b8731.html" title="基于Dreamweaver的網頁設計(標準格式畢業(yè)論文)" target="_blank">基于Dreamweaver的網頁設計(標準格式畢業(yè)論文)</a></li><li><a href="/a12/201905144/2312584e089d0504.html" title="電大Dreamweaver的網頁設計論文" target="_blank">電大Dreamweaver的網頁設計論文</a></li><li><a href="/a12/201905144/8da430bcadacb3f3.html" title="2016屆職業(yè)高中Dreamweaver網頁設計畢業(yè)論文" target="_blank">2016屆職業(yè)高中Dreamweaver網頁設計畢業(yè)論文</a></li><li><a href="/a5/201905131/d92a8778416b0aad.html" title="網頁制作的教學設計" target="_blank">網頁制作的教學設計</a></li><li><a href="/a5/201905130/3e624b2b554670a2.html" title="網頁制作軟件 教學設計" target="_blank">網頁制作軟件 教學設計</a></li></ul> </aside> </div> </div> </div> </div> </div> </section> <section id="footer" class="p30"> <div id="jdb3l39rxn9" class="container"> <div id="jdb3l39rxn9" class="footer-top clearfix"> <div id="jdb3l39rxn9" class="copyr"> <div id="jdb3l39rxn9" class="footer-menu clearfix mb10"> <ul class="footer-menu-con"> <li><a href="/a1/">1號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li> </ul> </div> <p>Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved &nbsp;&nbsp;<a target="_blank" rel="nofollow"> 浙ICP備11058632號</a>&nbsp;&nbsp; <script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div> </div> </div> </section> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script> <div id="jdb3l39rxn9" class="right_bar hidden-xs "> <ul> <li id="jdb3l39rxn9" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li> <li id="jdb3l39rxn9" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a> <div id="jdb3l39rxn9" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div> </li> <li id="jdb3l39rxn9" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&amp;Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點擊咨詢 </a> </li> <li id="jdb3l39rxn9" class="rtbar_li5"><a href="#1">第一篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li6"><a href="#2">第二篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li7"><a href="#3">第三篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li8"><a href="#4">第四篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li9"><a href="#5">第五篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li10"><a href="#6">更 多</a></li> <li id="jdb3l39rxn9" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li> </ul> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.tmdps.cn/" title="&#20037;&#20037;&#57;&#57;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#20037;&#29738;&#29738;">&#20037;&#20037;&#57;&#57;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#20037;&#29738;&#29738;</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://shenyanghotel.com.cn" target="_blank">国产成人久久精品激情</a>| <a href="http://qshcazd.cn" target="_blank">亚洲乱人伦中文字幕无码</a>| <a href="http://shxiyinx.cn" target="_blank">无码人妻在线一区二区三区免费</a>| <a href="http://khdataocean.cn" target="_blank">亚洲国产精品久久久久久无码</a>| <a href="http://zz5z.cn" target="_blank">国产精品久久久亚洲</a>| <a href="http://dbtx08.cn" target="_blank">国产精品亚洲片在线观看不卡</a>| <a href="http://jiandanlife.cn" target="_blank">亚洲色大成永久ww网站</a>| <a href="http://mjdxqbd.cn" target="_blank">成人午夜无码专区性视频性视频</a>| <a href="http://lecale.cn" target="_blank">亚欧洲精品在线视频免费观看</a>| <a href="http://montec.cn" target="_blank">精品国产人妻一区二区三区</a>| <a href="http://wishbee.com.cn" target="_blank">2021年精品国产福利在线</a>| <a href="http://dqw163.cn" target="_blank">国产亚洲欧美日韩夜色凹凸成人</a>| <a href="http://zjhenghui.com.cn" target="_blank">国自产拍偷拍精品啪啪模特</a>| <a href="http://9gty.com.cn" target="_blank">把腿张开老子臊烂你多p视频</a>| <a href="http://zhongxinhai.cn" target="_blank">中文无码字幕中文有码字幕</a>| <a href="http://206b.cn" target="_blank">国产无遮挡无码视频在线观看</a>| <a href="http://lifeplaza.cn" target="_blank">麻豆精品秘?一区二区三区</a>| <a href="http://cxhuqijun.com.cn" target="_blank">好男人在线社区www在线观看视频</a>| <a href="http://tzro.cn" target="_blank">毛片一区二区三区无码</a>| <a href="http://90db.cn" target="_blank">男男女女爽爽爽免费视频</a>| <a href="http://autoadvert.cn" target="_blank">久久精品成人欧美大片</a>| <a href="http://nongmubaodian.cn" target="_blank">日本国产成人国产在线播放</a>| <a href="http://fastmall.com.cn" target="_blank">久久精品成人免费观看97</a>| <a href="http://08849.cn" target="_blank">少妇被粗大猛进进出出s小说</a>| <a href="http://xiaoyangmou.cn" target="_blank">无码av免费一区二区三区试看</a>| <a href="http://zhuyao107.cn" target="_blank">无码少妇一区二区浪潮av</a>| <a href="http://gdpsm.cn" target="_blank">无码人妻精品中文字幕</a>| <a href="http://04lyq.cn" target="_blank">亚洲精品入口一区二区乱</a>| <a href="http://fyjwl.cn" target="_blank">无遮挡激情视频国产在线观看</a>| <a href="http://duanwenan.cn" target="_blank">麻豆国产成人av在线播放欲色</a>| <a href="http://jsrjg.cn" target="_blank">亚洲人成无码网站在线观看</a>| <a href="http://al-ailong.cn" target="_blank">亚洲欧美乱日韩乱国产</a>| <a href="http://aieitech.cn" target="_blank">欧美三级a做爰在线观看</a>| <a href="http://dwxls.cn" target="_blank">人妻av资源先锋影音av资源</a>| <a href="http://yezhiwei.cn" target="_blank">色噜噜狠狠色综合日日</a>| <a href="http://dlguangming.cn" target="_blank">欧日韩无套内射变态</a>| <a href="http://desmaker.cn" target="_blank">久久www免费人成—看片</a>| <a href="http://puzhaojuan.cn" target="_blank">日韩精品一区国产偷窥在线</a>| <a href="http://ldfzw.cn" target="_blank">久久人搡人人玩人妻精品</a>| <a href="http://cchdly.cn" target="_blank">久久欧美与黑人双交男男</a>| <a href="http://32434.cn" target="_blank">国产成人精品人人2020视频</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="jjxzf" class="pl_css_ganrao" style="display: none;"><mark id="jjxzf"><small id="jjxzf"><pre id="jjxzf"><p id="jjxzf"></p></pre></small></mark><sup id="jjxzf"><div id="jjxzf"><ins id="jjxzf"><video id="jjxzf"></video></ins></div></sup><form id="jjxzf"><ins id="jjxzf"><th id="jjxzf"><style id="jjxzf"></style></th></ins></form><optgroup id="jjxzf"></optgroup><font id="jjxzf"></font><legend id="jjxzf"><output id="jjxzf"><rp id="jjxzf"><legend id="jjxzf"></legend></rp></output></legend><output id="jjxzf"></output><var id="jjxzf"></var><meter id="jjxzf"><tt id="jjxzf"><strong id="jjxzf"><sup id="jjxzf"></sup></strong></tt></meter><meter id="jjxzf"><rp id="jjxzf"><nobr id="jjxzf"><legend id="jjxzf"></legend></nobr></rp></meter><p id="jjxzf"></p><thead id="jjxzf"></thead><output id="jjxzf"></output><strong id="jjxzf"><thead id="jjxzf"><menuitem id="jjxzf"><thead id="jjxzf"></thead></menuitem></thead></strong><strong id="jjxzf"></strong><em id="jjxzf"><form id="jjxzf"><strong id="jjxzf"><legend id="jjxzf"></legend></strong></form></em><var id="jjxzf"><style id="jjxzf"><legend id="jjxzf"><sub id="jjxzf"></sub></legend></style></var><form id="jjxzf"><strong id="jjxzf"><strike id="jjxzf"><form id="jjxzf"></form></strike></strong></form><p id="jjxzf"></p><progress id="jjxzf"><ruby id="jjxzf"><var id="jjxzf"><legend id="jjxzf"></legend></var></ruby></progress><nobr id="jjxzf"><sup id="jjxzf"><div id="jjxzf"><ins id="jjxzf"></ins></div></sup></nobr><video id="jjxzf"><strong id="jjxzf"><style id="jjxzf"><big id="jjxzf"></big></style></strong></video><label id="jjxzf"><span id="jjxzf"></span></label><em id="jjxzf"></em><sup id="jjxzf"><pre id="jjxzf"><font id="jjxzf"><em id="jjxzf"></em></font></pre></sup><tt id="jjxzf"></tt><nobr id="jjxzf"><pre id="jjxzf"></pre></nobr><listing id="jjxzf"></listing><em id="jjxzf"><form id="jjxzf"></form></em><i id="jjxzf"><div id="jjxzf"></div></i><output id="jjxzf"></output><big id="jjxzf"><em id="jjxzf"></em></big><b id="jjxzf"><form id="jjxzf"><legend id="jjxzf"><pre id="jjxzf"></pre></legend></form></b><big id="jjxzf"><mark id="jjxzf"><small id="jjxzf"><th id="jjxzf"></th></small></mark></big><ol id="jjxzf"></ol><var id="jjxzf"><legend id="jjxzf"></legend></var><small id="jjxzf"><optgroup id="jjxzf"></optgroup></small><dfn id="jjxzf"><style id="jjxzf"></style></dfn><dfn id="jjxzf"><dl id="jjxzf"></dl></dfn><address id="jjxzf"><dfn id="jjxzf"><rp id="jjxzf"><legend id="jjxzf"></legend></rp></dfn></address><em id="jjxzf"></em><small id="jjxzf"><optgroup id="jjxzf"></optgroup></small><strong id="jjxzf"><ol id="jjxzf"></ol></strong><u id="jjxzf"><strong id="jjxzf"></strong></u><i id="jjxzf"><div id="jjxzf"><menuitem id="jjxzf"><video id="jjxzf"></video></menuitem></div></i><menuitem id="jjxzf"><ins id="jjxzf"></ins></menuitem><track id="jjxzf"><label id="jjxzf"><thead id="jjxzf"><progress id="jjxzf"></progress></thead></label></track><mark id="jjxzf"><font id="jjxzf"><dfn id="jjxzf"><i id="jjxzf"></i></dfn></font></mark><video id="jjxzf"><strong id="jjxzf"><strike id="jjxzf"><form id="jjxzf"></form></strike></strong></video><ruby id="jjxzf"><form id="jjxzf"></form></ruby><label id="jjxzf"><address id="jjxzf"></address></label><strike id="jjxzf"></strike><small id="jjxzf"><th id="jjxzf"></th></small><small id="jjxzf"></small><big id="jjxzf"><font id="jjxzf"></font></big><strike id="jjxzf"></strike><dfn id="jjxzf"><nobr id="jjxzf"><i id="jjxzf"><div id="jjxzf"></div></i></nobr></dfn><style id="jjxzf"><dl id="jjxzf"></dl></style><strong id="jjxzf"></strong><strong id="jjxzf"></strong><dfn id="jjxzf"><p id="jjxzf"></p></dfn><legend id="jjxzf"></legend><progress id="jjxzf"><em id="jjxzf"><form id="jjxzf"><strong id="jjxzf"></strong></form></em></progress><acronym id="jjxzf"><legend id="jjxzf"><mark id="jjxzf"><small id="jjxzf"></small></mark></legend></acronym><label id="jjxzf"><ol id="jjxzf"></ol></label><dl id="jjxzf"><progress id="jjxzf"></progress></dl><rp id="jjxzf"><optgroup id="jjxzf"></optgroup></rp><legend id="jjxzf"><output id="jjxzf"><tt id="jjxzf"><strong id="jjxzf"></strong></tt></output></legend><strong id="jjxzf"><strike id="jjxzf"><form id="jjxzf"><output id="jjxzf"></output></form></strike></strong><label id="jjxzf"><ol id="jjxzf"></ol></label><pre id="jjxzf"><sup id="jjxzf"></sup></pre><legend id="jjxzf"><pre id="jjxzf"><tt id="jjxzf"><small id="jjxzf"></small></tt></pre></legend><sup id="jjxzf"></sup><ruby id="jjxzf"><listing id="jjxzf"><label id="jjxzf"><span id="jjxzf"></span></label></listing></ruby><ol id="jjxzf"></ol><dfn id="jjxzf"></dfn><ins id="jjxzf"><video id="jjxzf"></video></ins><p id="jjxzf"><progress id="jjxzf"></progress></p><em id="jjxzf"></em><strong id="jjxzf"><dl id="jjxzf"><sub id="jjxzf"><u id="jjxzf"></u></sub></dl></strong><pre id="jjxzf"><sup id="jjxzf"></sup></pre><strike id="jjxzf"><form id="jjxzf"></form></strike><strong id="jjxzf"><ol id="jjxzf"><big id="jjxzf"><dfn id="jjxzf"></dfn></big></ol></strong><legend id="jjxzf"></legend><address id="jjxzf"><b id="jjxzf"></b></address><address id="jjxzf"><thead id="jjxzf"><rp id="jjxzf"><dfn id="jjxzf"></dfn></rp></thead></address><sup id="jjxzf"><ol id="jjxzf"><thead id="jjxzf"><em id="jjxzf"></em></thead></ol></sup><div id="jjxzf"><thead id="jjxzf"></thead></div><small id="jjxzf"><pre id="jjxzf"><div id="jjxzf"><thead id="jjxzf"></thead></div></pre></small><style id="jjxzf"></style><sub id="jjxzf"><tt id="jjxzf"></tt></sub><strong id="jjxzf"><strike id="jjxzf"><dl id="jjxzf"><sub id="jjxzf"></sub></dl></strike></strong><meter id="jjxzf"><tt id="jjxzf"></tt></meter><var id="jjxzf"><legend id="jjxzf"></legend></var><rp id="jjxzf"><nobr id="jjxzf"></nobr></rp><ins id="jjxzf"></ins><track id="jjxzf"><th id="jjxzf"><i id="jjxzf"><acronym id="jjxzf"></acronym></i></th></track><listing id="jjxzf"><label id="jjxzf"><span id="jjxzf"><mark id="jjxzf"></mark></span></label></listing><acronym id="jjxzf"><big id="jjxzf"></big></acronym><var id="jjxzf"></var><small id="jjxzf"><u id="jjxzf"><i id="jjxzf"><acronym id="jjxzf"></acronym></i></u></small><listing id="jjxzf"><dfn id="jjxzf"><big id="jjxzf"><meter id="jjxzf"></meter></big></dfn></listing><menuitem id="jjxzf"><ins id="jjxzf"><pre id="jjxzf"><ol id="jjxzf"></ol></pre></ins></menuitem><video id="jjxzf"><th id="jjxzf"></th></video><tt id="jjxzf"><strong id="jjxzf"><i id="jjxzf"><div id="jjxzf"></div></i></strong></tt><form id="jjxzf"><legend id="jjxzf"><pre id="jjxzf"><rp id="jjxzf"></rp></pre></legend></form><form id="jjxzf"><menuitem id="jjxzf"></menuitem></form><mark id="jjxzf"><small id="jjxzf"></small></mark><u id="jjxzf"><listing id="jjxzf"><label id="jjxzf"><span id="jjxzf"></span></label></listing></u><nobr id="jjxzf"></nobr><label id="jjxzf"><address id="jjxzf"></address></label><strong id="jjxzf"></strong><thead id="jjxzf"></thead><optgroup id="jjxzf"></optgroup><acronym id="jjxzf"></acronym><div id="jjxzf"><thead id="jjxzf"></thead></div><big id="jjxzf"><rp id="jjxzf"><strong id="jjxzf"><sup id="jjxzf"></sup></strong></rp></big><output id="jjxzf"><nobr id="jjxzf"><dl id="jjxzf"><p id="jjxzf"></p></dl></nobr></output><mark id="jjxzf"><track id="jjxzf"><dfn id="jjxzf"><i id="jjxzf"></i></dfn></track></mark><progress id="jjxzf"></progress><legend id="jjxzf"><legend id="jjxzf"><div id="jjxzf"><small id="jjxzf"></small></div></legend></legend><legend id="jjxzf"><sub id="jjxzf"><rp id="jjxzf"><optgroup id="jjxzf"></optgroup></rp></sub></legend><address id="jjxzf"><big id="jjxzf"><form id="jjxzf"><optgroup id="jjxzf"></optgroup></form></big></address><thead id="jjxzf"></thead><menuitem id="jjxzf"><label id="jjxzf"><i id="jjxzf"><div id="jjxzf"></div></i></label></menuitem><listing id="jjxzf"><legend id="jjxzf"><thead id="jjxzf"><rp id="jjxzf"></rp></thead></legend></listing><optgroup id="jjxzf"></optgroup><i id="jjxzf"><progress id="jjxzf"></progress></i><legend id="jjxzf"></legend><big id="jjxzf"><font id="jjxzf"></font></big><em id="jjxzf"></em><strong id="jjxzf"><span id="jjxzf"><meter id="jjxzf"><output id="jjxzf"></output></meter></span></strong><dfn id="jjxzf"><form id="jjxzf"></form></dfn><legend id="jjxzf"><output id="jjxzf"><tt id="jjxzf"><strong id="jjxzf"></strong></tt></output></legend><span id="jjxzf"><em id="jjxzf"><dfn id="jjxzf"><ol id="jjxzf"></ol></dfn></em></span><pre id="jjxzf"></pre><small id="jjxzf"></small><dfn id="jjxzf"><strong id="jjxzf"></strong></dfn><thead id="jjxzf"></thead><acronym id="jjxzf"></acronym><strike id="jjxzf"></strike><form id="jjxzf"><sub id="jjxzf"></sub></form><track id="jjxzf"><style id="jjxzf"><dl id="jjxzf"><progress id="jjxzf"></progress></dl></style></track><pre id="jjxzf"><sup id="jjxzf"></sup></pre><th id="jjxzf"></th><ruby id="jjxzf"><var id="jjxzf"></var></ruby><strong id="jjxzf"><form id="jjxzf"><sub id="jjxzf"><nobr id="jjxzf"></nobr></sub></form></strong><span id="jjxzf"></span><meter id="jjxzf"><dfn id="jjxzf"></dfn></meter><optgroup id="jjxzf"><strong id="jjxzf"><strike id="jjxzf"><form id="jjxzf"></form></strike></strong></optgroup></div> </html>