第一篇：《視頻網(wǎng)站制作》實(shí)驗(yàn)教案

網(wǎng) 頁(yè) 制 作

授課教師：熊伶俐

授課班級(jí)：廣播電視編導(dǎo)

授課時(shí)間：

教 案

2008級(jí)B方向 2011——2012學(xué)年度第一學(xué)期

目 錄

實(shí)驗(yàn)一：基本網(wǎng)頁(yè)元素的使用 ··························································· 1 實(shí)驗(yàn)二：插入多媒體對(duì)象··································································· 2 實(shí)驗(yàn)三：超級(jí)鏈接的使用實(shí)驗(yàn)四：頁(yè)面布局實(shí)驗(yàn)五：實(shí)驗(yàn)六：模板的使用實(shí)驗(yàn)七：制作表單網(wǎng)頁(yè)實(shí)驗(yàn)八：設(shè)計(jì)并制作一個(gè)視頻網(wǎng)站··································································· 4 ·············································································· 5 CSS樣式的使用··································································· 7 ·········································································· 9 ···································································· 10 ···················································11 實(shí)驗(yàn)一：基本網(wǎng)頁(yè)元素的使用

實(shí)驗(yàn)內(nèi)容：

1、插入文字；

2、插入圖像。實(shí)驗(yàn)?zāi)康模菏炀氄莆栈揪W(wǎng)頁(yè)元素的使用 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、插入文字 1.1輸入文字

鼠標(biāo)在文檔工作區(qū)單擊，當(dāng)出現(xiàn)閃爍的光標(biāo)后，選擇合適的輸入法即可輸入文字。1.2改變文本屬性

選中文字后，可以在屬性面板上改變文字的大小、粗細(xì)、樣式、對(duì)齊方式等，還可以為文字建立超級(jí)鏈接。1.3增加字體

打開(kāi)字體選項(xiàng)列表，單擊最后一行的“編輯字體列表”，彈出“編輯字體列表”對(duì)話(huà)框。單擊“＋”按鈕，在“可用字體”列表中選擇字體，單擊向左的箭頭，即可將所選擇的字體添加到字體列表中。1.4添加項(xiàng)目編號(hào)

在屬性面板上單擊“項(xiàng)目列表”按鈕，輸入幾行文字，每行文字均帶有強(qiáng)調(diào)性的圓形小黑點(diǎn)

單擊“編號(hào)列表”按鈕，輸入幾行文字，每行文字均帶有數(shù)字編號(hào)。

單擊“列表項(xiàng)目”按鈕，在打開(kāi)的“列表屬性”對(duì)話(huà)框中可以對(duì)項(xiàng)目符號(hào)進(jìn)行詳細(xì)設(shè)計(jì)。2插入圖像

2.1常用圖像格式：GIF、JPEG 和 PNG。2.2插入圖像

（1）將光標(biāo)置于要插入圖像的位置，在“插入”欄的“常用”選項(xiàng)卡中單擊“圖像”按鈕或選擇“插入”菜單中的“圖像”命令。

（2）此時(shí)將打開(kāi)“選擇圖像源”對(duì)話(huà)框，選取存放在站點(diǎn)中的圖像文件，最后單擊“確認(rèn)”按鈕即可將圖片插入到指定區(qū)域。

（3）如果所選擇的圖像文件不是站點(diǎn)中的文件，則將打開(kāi)“Macromedia Dreamweaver MX”對(duì)話(huà)框。提示是否將圖像文件保存到根目錄下，單擊“是”按鈕，然后打開(kāi)“拷貝文件為”對(duì)話(huà)框，定位到站點(diǎn)中用于存放圖像文件的文件夾，最后單擊“保存”按鈕即可。

2.3修改圖像尺寸

1、自由縮放

單擊圖片，在圖片的下方和右側(cè)出現(xiàn)3個(gè)黑色的控制柄。分別拖動(dòng)這3個(gè)控制柄可以改變圖片的尺寸。若要等比例縮放圖片，可以按住shift鍵，用鼠標(biāo)左鍵拖動(dòng)右下角的控制柄。

2、精確縮放

如果已經(jīng)確定了圖片的具體縮放尺寸，單擊圖片，在其屬性面板中輸入寬和高的具體數(shù)值，可以精確地改變圖片的尺寸。2.4為圖片增加說(shuō)明文字

單擊圖片，在屬性面板的替代框輸入圖片的說(shuō)明文字，按下F12鍵，打開(kāi)瀏覽器窗口，將光標(biāo)移動(dòng)到圖片上就可以看到為其添加的說(shuō)明文字。2.5鼠標(biāo)經(jīng)過(guò)圖像

（1）將插入點(diǎn)定位到要插入鼠標(biāo)經(jīng)過(guò)圖像的區(qū)域，然后在“插入”欄的“常用”選項(xiàng)卡中單擊“鼠標(biāo)經(jīng)過(guò)圖像”按鈕。

（2）打開(kāi)“插入鼠標(biāo)經(jīng)過(guò)圖像”對(duì)話(huà)框。

在“圖像名稱(chēng)”文字框內(nèi)輸入翻轉(zhuǎn)圖像的名稱(chēng)；單擊“原始圖像”文本框后的“瀏覽”按鈕，然后在“原始圖像”對(duì)話(huà)框中，選取作為初始圖像的圖片文件后按“確認(rèn)”按鈕；單擊“鼠標(biāo)經(jīng)過(guò)圖像”文本框后的“瀏覽”按鈕，然后在“鼠標(biāo)經(jīng)過(guò)圖像”對(duì)話(huà)框中，選取作為鼠標(biāo)經(jīng)過(guò)圖像的圖片文件后按“確認(rèn)”按鈕；確保選中“預(yù)載鼠標(biāo)經(jīng)過(guò)圖像”復(fù)選框；在“替換文本”文本框內(nèi)輸入替換文字；在“按下時(shí)，前往的 URL”文本框中指定目標(biāo)文件的地址，最后單擊“確定”按鈕。

（3）按【F12】鍵在瀏覽器窗口中查看鼠標(biāo)經(jīng)過(guò)圖像效果。2.6插入圖像映射（熱區(qū)）

1、先選中圖像，此時(shí)可以在圖像屬性面板上看見(jiàn)一個(gè)“地圖”區(qū)域，在其下方有三個(gè)淡藍(lán)色的工具圖標(biāo)，即矩形、圓形和多邊形。

2、根據(jù)需要用鼠標(biāo)選中其中的一個(gè)，再把鼠標(biāo)移到圖像上拖拽出一塊淡藍(lán)色的區(qū)域。實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)二：插入多媒體對(duì)象

實(shí)驗(yàn)內(nèi)容：

1、插入聲音；

2、插入視頻；

3、插入Flash。實(shí)驗(yàn)?zāi)康模菏炀毷褂酶鞣N多媒體素材豐富網(wǎng)頁(yè) 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái)，耳麥一副 實(shí)驗(yàn)步驟：

1、在頁(yè)面中插入背景音樂(lè)。方法一：通過(guò)手工編寫(xiě)代碼

（1）打開(kāi)要添加背景音樂(lè)的網(wǎng)頁(yè)，切換到代碼視圖或拆分視圖。

（2）在 和 之間添加以下代碼：。

bgsound 標(biāo)記符的基本屬性是 src，用于指定背景音樂(lè)的源文件。

loop，用于指定背景音樂(lè)重復(fù)的次數(shù)；如果不指定該屬性，或者loop值為-1或者true時(shí)，背景音樂(lè)無(wú)限循環(huán)。方法二：通過(guò)行為來(lái)實(shí)現(xiàn)

（1）打開(kāi)一個(gè)網(wǎng)頁(yè)文檔，在文檔左下角的“標(biāo)簽選擇器”中選擇“ body ”標(biāo)簽。（2）打開(kāi)行為面板，點(diǎn)擊“＋”按鈕添加行為“播放聲音”。（3）選擇聲音文件。一個(gè)網(wǎng)頁(yè)的背景音樂(lè)就添加好了。（4）在文檔中選擇背景音樂(lè)的圖標(biāo)。（5）在屬性面板中，點(diǎn)擊“參數(shù)”按鈕。（6）修改參數(shù)Autostart為true。2、鏈接聲音與視頻

（1）選擇要用作超鏈接的文本或圖像。

（2）在屬性面板中，單擊鏈接文本框后的“瀏覽文件”按鈕，選擇站點(diǎn)中的音頻文件或視頻文件。

注：如果原來(lái)的文件名為中文，應(yīng)事先將其改為英文。

3、嵌入聲音與視頻

（1）在文檔窗口中，將插入點(diǎn)定位到要嵌入文件的地方，然后在“插入”欄的“媒體”選項(xiàng)卡中單擊“插件”圖標(biāo)。

（2）在“選擇文件”對(duì)話(huà)框中選擇嵌入的音頻文件或視頻文件（文件名稱(chēng)必須是英文，不能插入漢字名稱(chēng)的文件）。

（3）通過(guò)在“高”和“寬”文本框中輸入數(shù)值或者通過(guò)在“文檔”窗口中拖動(dòng)調(diào)整插件占位符的大小，可以確定播放器控件在瀏覽器中的顯示大小。

4、插入Flash動(dòng)畫(huà)

將光標(biāo)置于要插入Flash動(dòng)畫(huà)的位置，執(zhí)行“插入/媒體/Flash”命令，從彈出的“選擇文件”對(duì)話(huà)框中選擇Flash文件，單擊“確定”按鈕即可。注：插入的Flash文檔只能是.swf格式文件。

5、插入Flash文本

（1）執(zhí)行“插入/媒體/Flash文本”命令，彈出“插入Flash文本”對(duì)話(huà)框，設(shè)置文本字體、大小、對(duì)齊方式、粗體、斜體、顏色、背景色、鏈接URL等參數(shù)。（2）在“另存為”對(duì)話(huà)框中指定Flash文本的存盤(pán)文件名。

注：若Flash文本設(shè)置了鏈接，則必須將該文件與HTML文檔保存在相同的文件夾下。*文件的路徑和文件名都不能含有中文。

6、插入Flash按鈕

（1）執(zhí)行“插入/媒體/Flash按鈕”命令，彈出“插入Flash按鈕”對(duì)話(huà)框。

（2）選擇按鈕樣式（有多達(dá)40余種樣式可供選擇），然后輸入按鈕文本，選擇文本字體、大小、背景色、鏈接URL等參數(shù)。

（3）在“另存為”對(duì)話(huà)框中指定Flash按鈕的存盤(pán)文件名。（注意事項(xiàng)同F(xiàn)lash文本）

7、制作圖象查看器

（1）執(zhí)行“插入/媒體/圖象查看器”命令（或者單擊插入工具欄的Flash元素選項(xiàng)卡中的圖象查看器命令），彈出“保存Flash元素”對(duì)話(huà)框，設(shè)置將圖象瀏覽器Flash影片保存在 站點(diǎn)下面，單擊“保存”按鈕在頁(yè)面中插入一個(gè)Flash對(duì)象。

（2）在面板組合區(qū)中找到標(biāo)簽面板，單擊將其展開(kāi)（或者用F9鍵直接打開(kāi)標(biāo)簽面板），可以看到Flash元素具有很多屬性值。

（3）在屬性列表框中打開(kāi)frameShow，單擊右方的下拉箭頭，選擇是。

（4）打開(kāi)屬性imageURLs，單擊右側(cè)的按鈕，打開(kāi)“編輯‘imageURLs’數(shù)組”對(duì)話(huà)框。（5）系統(tǒng)默認(rèn)加了3各圖象在列表中，單擊上方的減號(hào)按鈕將其全部刪除。

（6）單擊加號(hào)按鈕，但后單擊列表框右側(cè)的打開(kāi)文件按鈕，在彈出的“選擇文件”對(duì)話(huà)框中選擇需要顯示的圖片。

（7）重復(fù)上一步操作，直到將所有需要顯示的圖片全部加入列表框中。

（8）如果需要對(duì)圖片設(shè)置鏈接，在屬性列表中選中imageLinks屬性，單擊右側(cè)的按鈕，彈出“編輯‘imageLinks’數(shù)組”對(duì)話(huà)框，按順序設(shè)計(jì)各圖片的鏈接URL即可。（9）在屬性列表框中找到title，在后面輸入圖片的標(biāo)題。

（10）在屬性列表框中找到transitionsType，設(shè)置其值為Random，讓圖片之間的切換效果為隨機(jī)效果。

（11）按F12鍵預(yù)覽最后的效果。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)三：超級(jí)鏈接的使用

實(shí)驗(yàn)內(nèi)容：插入超級(jí)鏈接 實(shí)驗(yàn)?zāi)康模菏炀毷褂贸?jí)鏈接

實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、創(chuàng)建錨記

錨記是在文檔中設(shè)置位置標(biāo)記，并給該位置一個(gè)名稱(chēng)以便引用。通過(guò)創(chuàng)建錨記，可以使鏈接指向當(dāng)前文檔或不同文檔中的指定位置。錨記常常被用來(lái)跳轉(zhuǎn)到特定的主題或文檔的頂部，使訪問(wèn)者能夠快速瀏覽到選定的位置，從而加快信息的檢索速度。

（1）在需要設(shè)置錨記的位置單擊，在插入工具欄的常用選項(xiàng)卡中選擇命名錨記按鈕，打開(kāi)“命名錨記”對(duì)話(huà)框。

（2）在對(duì)話(huà)框的“錨記”名稱(chēng)框中輸入錨記名（區(qū)分大小寫(xiě)），單擊確定按鈕，錨記標(biāo)記出現(xiàn)在光標(biāo)插入點(diǎn)。如果錨記標(biāo)記沒(méi)有出現(xiàn)，執(zhí)行“查看/可視化助理/不可見(jiàn)元素”命令即可。

2、文字或圖片的鏈接

（1）單擊需要?jiǎng)?chuàng)建超級(jí)鏈接的文字或者圖片，然后在屬性面板的“鏈接”文本框旁單擊“瀏覽文件”按鈕。

（2）打開(kāi)“選擇文件”對(duì)話(huà)框，定位到要跳轉(zhuǎn)的文件后單擊“確認(rèn)”按鈕即可。

3、電子郵件鏈接

方法一：在鏈接文本框中輸入“mailto：電子郵件地址”。

方法二：?jiǎn)螕舨迦牍ぞ邫诘某Ｓ眠x項(xiàng)卡中的“電子郵件鏈接”按鈕，彈出“電子郵件鏈接”對(duì)話(huà)框，在文本輸入框中輸入作為電子郵件鏈接顯示在文檔中的文本，在E－Mail欄中輸入電子郵件地址。如果不輸入文本，則在文檔中直接顯示電子郵件地址。

4、錨鏈接

直接在鏈接文本框中輸入“＃錨記名”即可。

5、快速檢查網(wǎng)頁(yè)鏈接

（1）在Dreamweaver 8中運(yùn)行“站點(diǎn)→檢查站點(diǎn)范圍的鏈接”命令，此時(shí)將會(huì)激活鏈接檢查面板。

（2）從面板左上部的“顯示”下拉菜單中可以選擇“斷掉的鏈接”、“外部的鏈接”、“孤立文件”三種，比如我們選取“孤立文件”之后，Dreamweaver 8將對(duì)當(dāng)前鏈接情況進(jìn)行檢查，并且將孤立的文件列表顯示出來(lái)。

（3）對(duì)于有問(wèn)題的文件，直接雙擊鼠標(biāo)左鍵即可打開(kāi)進(jìn)行修改。

提示：外部鏈接是鏈接到外部網(wǎng)站的鏈接地址，Dreamweaver無(wú)法對(duì)其正確性進(jìn)行檢查。在為網(wǎng)頁(yè)建立鏈接的時(shí)候需要提醒大家一定要格外小心，因?yàn)榫W(wǎng)站通常都有數(shù)百個(gè)頁(yè)面，稍不留神就會(huì)導(dǎo)致空鏈接或者是鏈接錯(cuò)誤的情況，這對(duì)你的網(wǎng)站形象可是有很不好的影響喲！

6、刪除超級(jí)鏈接

在屬性面板的鏈接對(duì)話(huà)框中刪除鏈接路徑，該鏈接便消失了。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)四：頁(yè)面布局

實(shí)驗(yàn)內(nèi)容：

1、利用框架進(jìn)行布局；

2、使用表格進(jìn)行頁(yè)面布局；

3、使用圖層進(jìn)行頁(yè)面布局。

實(shí)驗(yàn)?zāi)康模菏炀氄莆蘸褪褂酶鞣N方法進(jìn)行頁(yè)面布局 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、利用框架進(jìn)行布局

（1）選擇“文件”菜單中的“新建”命令，打開(kāi)“新建文檔”對(duì)話(huà)框，在“常規(guī)”選項(xiàng)中的類(lèi)別框內(nèi)選擇“框架集”，在“框架集”框內(nèi)選擇“左側(cè)固定，上方嵌套”結(jié)構(gòu)，單擊“創(chuàng)建”按鈕。

（2）選擇“文件”菜單中的“保存全部”命令，之后將出現(xiàn) 4 個(gè)“保存為”對(duì)話(huà)框，分別將框架集和各框架網(wǎng)頁(yè)保存在站點(diǎn)中的同一文件夾中。

（3）按【Shift + F2】鍵打開(kāi)“框架”面板，單擊該面板中的最外層邊框，選擇整個(gè)框架 集，在其“屬性檢查器”中的“列值”文本框內(nèi)輸入“170”，在“單位”框內(nèi)選擇“像素”，其他屬性保持不變。再選擇包含上下結(jié)構(gòu)的框架集，在其“屬性檢查器”中設(shè)置“行值”為 80 像素，其他屬性保持不變。

（4）將插入點(diǎn)定位在左側(cè)框架內(nèi)，按【Ctrl + J】鍵打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，分別設(shè)置網(wǎng)頁(yè)的背景色為“黑色”、文本顏色為“#d1c598”、鏈接顏色為“#d1c598”、活動(dòng)鏈接顏色為“#993300”、訪問(wèn)過(guò)鏈接顏色為“#006600”，單擊“確定”按鈕。

（5）繼續(xù)將插入點(diǎn)定位在左側(cè)框架內(nèi)，單擊“插入表格”按鈕，插入一個(gè) 3 行 2 列，寬度為“140”像素，適當(dāng)高度，單元格填充、單元格間距、邊框都為“0”的表格。對(duì)單元格進(jìn)行適當(dāng)合并，然后在各單元格內(nèi)添加內(nèi)容，并使用“屬性檢查器”進(jìn)行修飾，制作出左側(cè)框架中的網(wǎng)頁(yè)。

（6）分別制作出另外兩個(gè)框架中的網(wǎng)頁(yè)，使用“全部保存”命令保存對(duì)文檔的修改。（7）制作要作為超鏈接目標(biāo)、在右下框架內(nèi)顯示的各網(wǎng)頁(yè)，注意其風(fēng)格與尺寸應(yīng)與原來(lái)右下框架中的網(wǎng)頁(yè)相似。

（8）在左側(cè)框架內(nèi)，為導(dǎo)航欄中的文字設(shè)置超鏈接，并將其鏈接“目標(biāo)”指定為右下框架（即 mainFrame），保存對(duì)文檔的修改，在瀏覽器窗口中預(yù)覽網(wǎng)頁(yè)。

2、使用表格進(jìn)行頁(yè)面布局

（1）在空白文檔窗口中，按【Ctrl + J】鍵打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁(yè)的標(biāo)題，在“背景”文本框內(nèi)選擇黑色作為網(wǎng)頁(yè)的背景，在“文本”文本框內(nèi)選擇白色作文本顏色，設(shè)置完成后單擊“確定”按鈕。

（2）將“插入欄”切換到“布局”選項(xiàng)卡，單擊“布局視圖”按鈕切換到布局視圖模式下，按【Ctrl + S】鍵將網(wǎng)頁(yè)保存到站點(diǎn)中。

（3）在“插入欄”中單擊“繪制布局單元格”按鈕，繪制一個(gè)寬為 600 像素，高為 24 像素的布局單元格，然后添加若干文字。

（4）按住【Alt】鍵不放，多次單擊“繪制布局單元格”按鈕，連續(xù)繪制4個(gè)寬度相等的單元格，分別在第二與第三個(gè)布局單元格內(nèi)插入若干文本，在第四個(gè)布局單元格內(nèi)插入一條寬度為 600 像素，高度為 1 像素的水平線(xiàn)，并使用屬性檢查器對(duì)添加的文本與水平線(xiàn)進(jìn)行修飾。

（5）將繪制的第二個(gè)布局單元格的高度調(diào)整為 120 像素，適當(dāng)調(diào)整其他三個(gè)單元格的高度與寬度，在適當(dāng)調(diào)整布局表格的寬度。

（6）單擊“標(biāo)準(zhǔn)視圖”按鈕，將文檔窗口切換到標(biāo)準(zhǔn)視圖模式，將插入點(diǎn)定位在繪制的第四個(gè)單元格內(nèi)，單擊“插入表格”按鈕，在打開(kāi)的“插入表格”對(duì)話(huà)框中，設(shè)置表格“行”為

8、“列”為

5、“單元格填充”為0、“單元格邊距”為0、“寬度”為100%（即所在單元格的寬度600像素）、“邊框”為0，完成后單擊“確定”按鈕。

（7）在插入表格中的第一、三、五、七行與一、三、五列交界處的單元格內(nèi)，分別插入尺寸相等的圖像，在圖像下方的單元格內(nèi)輸入一些文字并進(jìn)行修飾。

（8）使用單元格的“屬性檢查器”，將插入圖像單元格的寬度設(shè)置為 150 像素，高度為 100 像素，文字所在單元格高度為 80 像素，沒(méi)有內(nèi)容的單元格寬度為 75 像素。

（9）另外將插入圖像單元格的對(duì)齊方式設(shè)置為水平“居中對(duì)齊”、垂直“中間”對(duì)齊，此 時(shí)的文檔窗口。

（10）選取包含圖像的單元格，然后使用 CSS 樣式為該單元格設(shè)置一種邊框效果。（11）在第一個(gè)單元格與第二個(gè)單元格內(nèi)設(shè)置一個(gè)背景圖像，按【Ctrl + S】鍵保存對(duì)文檔的修改，按【F12】鍵在瀏覽器窗口中預(yù)覽網(wǎng)頁(yè)效果。

3、使用圖層進(jìn)行頁(yè)面布局

（1）在空白文檔窗口中，確保文檔窗口處于“標(biāo)準(zhǔn)視圖”模式下，按【Ctrl + J】鍵打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁(yè)的標(biāo)題，在“背景”文本框內(nèi)選擇黑色作為網(wǎng)頁(yè)的背景顏色，單擊“確定”按鈕，再按【Ctrl + S】鍵將網(wǎng)頁(yè)保存到站點(diǎn)中。（2）單擊“繪制層”按鈕，在文檔窗口中頂部繪制一個(gè)層，設(shè)置以下層屬性：左 20、上 20、寬度 600、高度 20、指定一個(gè)背景圖像作為第一層的背景。

（3）在該層中添加若干文本，然后使用“屬性檢查器”對(duì)文本進(jìn)行修飾。使用相同方法在下面繼續(xù)繪制一個(gè)層，添加若干文本并進(jìn)行修飾，之后適當(dāng)調(diào)整該層的位置與大小。（4）按住【Alt】鍵不放，單擊“繪制層”按鈕，在文檔窗口中連續(xù)繪制三個(gè)層，將其中的一個(gè)層的寬度設(shè)置為 150、高度為 115，然后同時(shí)選取它們（注意最后選擇有精確尺寸的層），選擇“修改”菜單“對(duì)齊”選項(xiàng)中的“設(shè)成寬度相等”與“設(shè)成高度相等”命令，將這三個(gè)層設(shè)置為大小相等的層。此時(shí)這三個(gè)層仍然處于選中狀態(tài)。

（5）按【Shift】鍵選取繪制的第一個(gè)層，選擇“修改”菜單“對(duì)齊”選擇中的“左對(duì)齊”命令，使這三個(gè)層與第一層對(duì)齊，最后適當(dāng)調(diào)整它們所在的上下位置，使用“插入欄”中的“圖像”按鈕分別插入尺寸相同的三個(gè)圖像。

（6）使用相同方法分別在文檔中繪制其他層，并插入若干圖像與文字。

（7）按【Ctrl + S】鍵，保存對(duì)文檔的修改，按【F12】鍵在瀏覽器窗口中預(yù)覽網(wǎng)頁(yè)。實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)五：CSS樣式的使用

實(shí)驗(yàn)內(nèi)容：使用CSS樣式創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁(yè) 實(shí)驗(yàn)?zāi)康模菏炀毷褂脙?nèi)部樣式表和外部樣式表 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、使用“CSS 樣式”面板

在網(wǎng)站或網(wǎng)頁(yè)中創(chuàng)建和應(yīng)用 CSS 樣式時(shí)，需要使用“CSS 樣式”面板。選擇“窗口”菜單中的“CSS 樣式”命令或按【Shift + F11】鍵，可以打開(kāi)“CSS 樣式”面板。

在文檔窗口中，class 類(lèi)樣式將出現(xiàn)在 “CSS 樣式面板”中。而對(duì)于創(chuàng)建的其他兩種樣式，將直接包含在網(wǎng)頁(yè)代碼或 CSS 外部樣式表中，而不會(huì)顯示在“CSS 樣式”面板。

2、創(chuàng)建 CSS 樣式

在文檔中要?jiǎng)?chuàng)建 CSS 樣式，首先將“CSS 樣式”面板打開(kāi)，然后執(zhí)行以下步驟。

（1）在 CSS 樣式面板中，單擊“新建 CSS 樣式”按鈕，打開(kāi)“新建 CSS 樣式”對(duì)話(huà)框。（2）在“新建 CSS 樣式”對(duì)話(huà)框中進(jìn)行如下設(shè)置：如果選擇“創(chuàng)建自定義樣式（class）”樣式類(lèi)型，則在“名稱(chēng)”文本框中輸入樣式名稱(chēng)；如果選擇“重定義HTML 標(biāo)簽”或“使用 CSS 選擇器”樣式類(lèi)型，則在“名稱(chēng)”文本框中選擇相應(yīng)的樣式名稱(chēng)。

（3）在“定義在”框中選擇，如果選擇“新建樣式表文件”選項(xiàng)，如果曾經(jīng)定義過(guò)樣式表文件，則可以從列表中選擇一個(gè)文件；如果選擇“僅對(duì)該文檔”單選按鈕，表示樣式將直接定義在當(dāng)前文檔中。

（4）單擊“確定”按鈕，如果選擇“新建樣式表文件”選項(xiàng)，則打開(kāi)“保存樣式表文件”對(duì)話(huà)框，進(jìn)行保存設(shè)置即可后彈出“樣式名稱(chēng)的CSS 樣式定義”對(duì)話(huà)框；則直接彈出“樣式名稱(chēng)的 CSS 樣式定義”對(duì)話(huà)框。

（5）用戶(hù)可以在“分類(lèi)”列表框中選擇 8 種 CSS 樣式屬性，Dreamweaver 選擇相應(yīng)屬性分類(lèi)后則在對(duì)話(huà)框右部會(huì)顯示相應(yīng)的選項(xiàng)，可以根據(jù)需要設(shè)置。（6）最后單擊“確定”按鈕，則樣式定義完畢。

3、應(yīng)用CSS樣式

在文檔窗口，不論是內(nèi)部樣式還是外部樣式表文件，對(duì)于出現(xiàn)在“CSS 樣式”面板中的自定義 class 類(lèi)樣式，應(yīng)首先選取要應(yīng)用樣式的文本、段落或其他對(duì)象，然后單擊面板中的樣式圖標(biāo)或樣式名稱(chēng)。如果要取消樣式，選取對(duì)象后，單擊面板中的“無(wú) CSS 樣式”選項(xiàng)即可。

對(duì)于“重新定義 HTML 標(biāo)簽”樣式與“使用 CSS 選擇器”樣式，網(wǎng)頁(yè)自動(dòng)應(yīng)用該樣式而無(wú)須用戶(hù)指定。

4、自定義CSS樣式實(shí)例

本實(shí)例定義一種網(wǎng)頁(yè)中常用的正文樣式，效果為“文字大小16 px，行高120%，首行縮進(jìn)兩個(gè)字符”。

（1）打開(kāi)一個(gè)包含段落文本的文檔，確保打開(kāi)“CSS 樣式”面板，單擊“新建 CSS 樣式”按鈕，打開(kāi)“新建CSS樣式”對(duì)話(huà)框，在“名稱(chēng)”文本框中輸入樣式名稱(chēng)“test”，在“類(lèi)型”選項(xiàng)中選擇“創(chuàng)建自定義樣式（class）（M）”單選按鈕，選擇“僅對(duì)該文檔”單選按鈕，設(shè)置完成后單擊“確定”按鈕。

（2）在打開(kāi)的“.test 的CSS 樣式定義”對(duì)話(huà)框中，設(shè)置字體為“宋體”、大小為 16 像素（px）、行高為 120%。

（3）然后在“分類(lèi)”列表框中選擇“區(qū)塊”選項(xiàng)，設(shè)置文字縮進(jìn)為 32 像素（相當(dāng)于兩個(gè)字符），單擊“確定”按鈕，則新建的“test”樣式出現(xiàn)在“CSS 樣式”面板中。

（4）在文檔窗口中選擇取要應(yīng)用樣式的文本，然后在單擊“test”樣式，即可應(yīng)用該樣式。

5、重新定義 HTML 標(biāo)簽樣式實(shí)例

本實(shí)例定義一種常見(jiàn)的效果，即網(wǎng)頁(yè)中的所有超鏈接都沒(méi)有下劃線(xiàn)。

（1）打開(kāi)一個(gè)包含有超鏈接的文檔，確保打開(kāi)“CSS 樣式”面板，單擊“新建 CSS 樣式”按鈕，打開(kāi)“新建 CSS 樣式”對(duì)話(huà)框，在“類(lèi)型”框內(nèi)選擇“重新定義 HTML 標(biāo)簽（R）”選項(xiàng)，然后在“名稱(chēng)”框內(nèi)選擇 a 標(biāo)簽（即超鏈接標(biāo)簽），選擇“僅對(duì)該文檔”選 項(xiàng)，單擊“確定”按鈕。

（2）在打開(kāi)“a 的 CSS 定義”對(duì)話(huà)框中的“修飾”選項(xiàng)中選擇“無(wú)”，單擊“確定”按鈕。

（3）此時(shí)樣式被自動(dòng)應(yīng)用，網(wǎng)頁(yè)中的所有超鏈接都沒(méi)有下劃線(xiàn)。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)六：模板的使用

實(shí)驗(yàn)內(nèi)容：利用模板創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁(yè)

實(shí)驗(yàn)?zāi)康模赫莆漳０宓膭?chuàng)建和編輯方法；熟練利用模板創(chuàng)建網(wǎng)頁(yè) 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格” 按鈕，繪制一個(gè)寬：780px，高：636px的表格。

2、單擊“布局表格” 按鈕，從該表格的左上角起，繪制一個(gè)寬：780，高：120的表格。

3、單擊“布局單元格” 按鈕，從表格的左上角開(kāi)始繪制一個(gè)寬：140，高：120的單元格.4、將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[圖像]菜單命令，打開(kāi)“選擇圖像源”文件對(duì)話(huà)框，選擇圖像logo.gif。

5、單擊“布局單元格” 按鈕，接著上面的單元格的右邊繪制一個(gè)寬：640，高：120的單元格.6、將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[媒體]/[Flash]菜單命令，打開(kāi)“選擇文件”對(duì)話(huà)框，選擇文件banner.swf。

7、接著往下繪制一個(gè)寬：780，高：21，水平：居中對(duì)齊，垂直;居中，背景顏色：#CC3333的單元格，輸入文字：首頁(yè) 個(gè)人簡(jiǎn)介 文學(xué)作品 繪畫(huà)作品 動(dòng)畫(huà)作品 視頻作品 學(xué)習(xí)心得 給我留言 寫(xiě)信給我，設(shè)置文字格式：字體“宋體”，大小“14px”。

8、接著再往下繪制一個(gè)寬：140，高：470，水平：居中對(duì)齊，垂直;居中，背景顏色：#0066FF的單元格。

9、接著上面表格的右邊繪制一個(gè)寬：640，高：470，水平：居中對(duì)齊，垂直;居中，背景圖像：back.gif的單元格。

10、接著上面的兩個(gè)表格的下面繪制一個(gè)高：18，水平：居中對(duì)齊，垂直;居中，背景顏色：#000000的單元格，輸入文字：2006年12月20日最后更新 ? Copyright 2006 小慧版權(quán)所有，設(shè)置文字格式：字體：宋體，大?。?2px，顏色：白色。

11、回到“標(biāo)準(zhǔn)”模式，將光標(biāo)定位到第8步創(chuàng)建的單元格內(nèi)，選擇[插入]/[模板對(duì)象]/[可編輯區(qū)域]菜單命令，彈出如圖2-10-11所示的對(duì)話(huà)框，單擊“確定”按鈕，則在該單元格內(nèi)就出現(xiàn)了一個(gè)名為“EditRegion1”的可編輯區(qū)域。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)七：制作表單網(wǎng)頁(yè)

實(shí)驗(yàn)內(nèi)容：使用表單制作一個(gè)注冊(cè)頁(yè)面

實(shí)驗(yàn)?zāi)康模赫莆毡韱蔚慕⒑褪褂茫皇炀毷褂帽韱翁峤幌嚓P(guān)數(shù)據(jù) 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái) 實(shí)驗(yàn)步驟：

1、新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“表單”選項(xiàng)卡。

2、將光標(biāo)定位在文檔頁(yè)面中需要插入表單的位置，單擊 “表單” 按鈕，此時(shí)光標(biāo)定位處出現(xiàn)一個(gè)紅色的虛線(xiàn)框，它表示表單的范圍，所有表單對(duì)象都在該區(qū)域內(nèi)插入。

3、在表單中插入一個(gè)9行2列的表格的表格，設(shè)置表格的背景圖像為”bg1.gif”，表格“居中”。

4、合并第1行的單元格，輸入文字”用戶(hù)注冊(cè)表”，文字之間空一格，格式：字體“宋體”，大小“16pt”，顏色：“紅色”。

5、在第2行第1個(gè)單元格內(nèi)輸入“你的用戶(hù)名：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕。

6、在第3行第1個(gè)單元格內(nèi)輸入“你的密碼：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕，打開(kāi)“屬性”面板，在“最多字?jǐn)?shù)符”中輸入“6”，將“類(lèi)型”改為“密碼域”。

7、在第4行第1個(gè)單元格內(nèi)輸入“你的性別：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “單選按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“男”，“位置”改為“在表單項(xiàng)前”，單擊“確定”按鈕，敲一個(gè)空格，再單擊 “單選按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“女”，位置”改為“在表單項(xiàng)前”，單擊“確定”按鈕，選擇“男”前面的單選鈕，打開(kāi)“屬性”面板，將“初始狀態(tài)”改為“已勾選”。

8、在第5行第1個(gè)單元格內(nèi)輸入“你的生日：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“年”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕，再單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“月”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕，再單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“日”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕；選擇“年”前的列表，打開(kāi)“屬性”面板，將“類(lèi)型”設(shè)為“菜單”，單擊 按鈕，在彈出的“列表值”對(duì)話(huà)框中的“項(xiàng)目標(biāo)簽”中輸入“1990”，單擊 按鈕，添加第二個(gè)項(xiàng)目標(biāo)簽，輸入“1991”，重復(fù)上面的操作，輸入后面的數(shù)字，單擊“確定”按鈕，回到“屬性”面板，將“初始化選定”設(shè)為“1990”，同理對(duì)后面的列表進(jìn)行相同的操作。

9、在第6行第1個(gè)單元格內(nèi)輸入“你的生日：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “復(fù)選框” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中“標(biāo)簽文字”中輸入“唱歌”，同理插入后面的復(fù)選框。

10、在第7行第1個(gè)單元格內(nèi)輸入“個(gè)人近照：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文件域” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕。

11、在第8行第1個(gè)單元格內(nèi)輸入“個(gè)人簡(jiǎn)介：” 將光標(biāo)定位到第2個(gè)單元格單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕，打開(kāi)“屬性”面板，將“類(lèi)型”改為“多行”。

12、將光標(biāo)定位到第9行第2個(gè)單元格，單擊 “按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕，連續(xù)插入幾個(gè)“不換行空格”，再單擊 “按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對(duì)話(huà)框中單擊“取消”按鈕，打開(kāi)“屬性”面板，將“動(dòng)作”改為“重設(shè)表單”。

13、選擇“提交”按鈕，打開(kāi)行為“面板”，添加行為“檢查表單”，打開(kāi)“檢查表單”對(duì)話(huà)框，將文本“text1在表單中，text2在表單中”都設(shè)為“必需的”，單擊“確定”按鈕。

14、選擇整個(gè)表單，打開(kāi)“屬性”面板，在“動(dòng)作”中輸入“mailto：你的郵箱地址”。

15、按【Ctrl+S】保存該網(wǎng)頁(yè)為form.htm，按【F12】鍵預(yù)覽。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

實(shí)驗(yàn)八：設(shè)計(jì)并制作一個(gè)視頻網(wǎng)站

實(shí)驗(yàn)內(nèi)容：制作一個(gè)視頻網(wǎng)站

實(shí)驗(yàn)?zāi)康模赫莆蘸土私饩W(wǎng)站制作的流程，熟練使用網(wǎng)頁(yè)制作的各種技巧 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺(tái)，耳麥一副 實(shí)驗(yàn)步驟：

（一）制作首頁(yè)

1、定義網(wǎng)頁(yè)基本屬性

（1）在空白文檔窗口中，按【Ctrl + J】鍵打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁(yè)標(biāo)題“游戲王國(guó)”，設(shè)置網(wǎng)頁(yè)的背景色為“黑色”，文本色為“白色”，在“跟蹤圖像”框內(nèi)選取繪制好的草圖作為網(wǎng)頁(yè)的“跟蹤圖像”，單擊“確定”按鈕。（2）按【Ctrl + S】鍵將文檔保存到站點(diǎn)中。

2、頁(yè)面布局

（1）在文檔窗口中，將“插入欄”切換到“布局”選項(xiàng)卡，再單擊“布局視圖”按鈕，將文檔窗口切換到布局視圖模式。

（2）單擊“插入欄”中的“繪制布局單元格”按鈕，在文檔窗口頂部沿著跟蹤圖像繪制一個(gè)適當(dāng)尺寸的布局單元格（用于放置標(biāo)志圖案），按住【Ctrl】鍵不放，繼續(xù)使用“繪制布局單元格”按鈕，在文檔窗口中的兩側(cè)分別繪制兩個(gè)布局單元格（用于放置頁(yè)面兩側(cè)的邊 框圖案），在左側(cè)沿著跟蹤圖像繼續(xù)繪制三個(gè)布局單元格（左右兩個(gè)單元格用于放置豎線(xiàn)效果，中間單元格用于放置“友情鏈接”等內(nèi)容），適當(dāng)調(diào)整各單元格的尺寸與位置。（3）將插入點(diǎn)分別定位到剛繪制的 6 個(gè)單元格內(nèi)，然后按【Ctrl + Alt + I】組合鍵分別插入圖像，適當(dāng)調(diào)整布局單元格尺寸與圖像匹配，并調(diào)整它們的位置。

（4）單擊“插入欄”中的“繪制布局表格”按鈕，在文檔窗口右側(cè)繪制第二個(gè)布局表格（嵌套在第一個(gè)布局表格中）。

（5）在該布局表格頂部沿著跟蹤圖像繪制一個(gè)用于插入金黃色細(xì)線(xiàn)的布局單元格，然后在其中插入這個(gè)圖像，并適當(dāng)調(diào)整它的尺寸與位置。

（6）按住【Ctrl】鍵不放，單擊“插入欄”中“繪制布局單元格”按鈕，在剛插入金黃色細(xì)線(xiàn)圖像布局單元格下方的一行中繪制兩個(gè)高度為 24 像素的布局單元格（左邊單元格用于放小標(biāo)題），然后使用“繪制布局表格”按鈕，繪制一個(gè)包含這兩個(gè)布局單元格的第三個(gè)布局表格。

（7）單擊“繪制布局單元格”按鈕，沿著跟蹤圖像繼續(xù)繪制三個(gè)布局單元格（分別用于包含文字、圖片和子欄目超鏈接）。

（8）分別在右側(cè)布局單元格內(nèi)添加圖像與文字，并適當(dāng)調(diào)整布局單元格與布局表格的尺寸與位置。為了看清楚在單元格中添加的文字，可按下【Ctrl + J】鍵打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，將跟蹤圖像的透明度調(diào)整為“30%”。

（9）按照步驟（5）~（8）的方法添加另外兩部分的內(nèi)容（“Diablo”和“石器時(shí)代”）。（10）在最大的布局表格底部繪制一個(gè)布局單元格，并在其中插入圖像（即最底端的圖案，此處用作占位符），調(diào)整該布局單元格的尺寸與位置，使其與上面的內(nèi)容相匹配。（11）在文檔窗口中的左側(cè)位于兩個(gè)“細(xì)線(xiàn)”圖像之間的區(qū)域按住【Ctrl】鍵不放，連續(xù)繪制 7 個(gè)大小相等的布局單元格。

（12）在其中插入圖像、文字、日期、電子郵件鏈接和表單對(duì)象中的“列表/菜單”等網(wǎng)頁(yè)內(nèi)容，調(diào)整各單元格的尺寸與位置。

（13）單擊“繪制布局表格”按鈕，繪制一個(gè)布局表格，使其包含頁(yè)面左側(cè)除最左邊的布局單元格之外的 10 個(gè)單元格。

（14）分別將左右兩側(cè)的4個(gè)布局單元格，即用來(lái)放置左右邊框和左邊兩條豎線(xiàn)的單元格，適當(dāng)調(diào)整高度與內(nèi)容相匹配，并將其他布局表格與布局單元格的尺寸與位置適當(dāng)調(diào)整。

（15）按【Ctrl + S】鍵保存對(duì)文檔的修改。

3、進(jìn)一步排版

接下來(lái)使用表格對(duì)頁(yè)面進(jìn)一步排版，具體步驟如下。（1）將文檔窗口切換到“標(biāo)準(zhǔn)視圖”模式下。

（2）將最后一個(gè)布局表格中的列表/菜單、日期與電子郵件鏈接所在單元格的對(duì)齊方式設(shè)置為水平“居中對(duì)齊”、垂直“中間”對(duì)齊，將包含文字與圖像的單元格設(shè)置為水平“左對(duì)齊”、垂直“中間”對(duì)齊。

（3）在靠近邊緣的兩個(gè)單元格中設(shè)置背景圖像，作為整個(gè)網(wǎng)頁(yè)界面中的邊框，在包含有細(xì)線(xiàn)的單元格內(nèi)設(shè)置背景圖像，最后選中左邊用于放置“友情鏈接”的表格，為其設(shè)置背景 圖像。

（4）將包含文字“Counter-Strike”、“Diable II”和“石器時(shí)代”所在單元格的對(duì)齊方式設(shè)置為水平“居中對(duì)齊”、垂直“中間”對(duì)齊，分別選擇這三個(gè)單元格，然后設(shè)置一個(gè)背景圖像，適當(dāng)調(diào)整單元格的尺寸與位置。然后選取包含該單元格的表格，設(shè)置其背景圖像。（5）將包含有文本“Counter-Strike”、“Diable II”和“石器時(shí)代”單元格下方的三個(gè)單元格的對(duì)齊方式設(shè)置為垂直“中間”對(duì)齊。

（6）將底部單元格的圖像設(shè)置成為該單元格的背景圖像，并適當(dāng)調(diào)整單元格的尺寸。（7）設(shè)置完成后，在瀏覽器窗口中預(yù)覽網(wǎng)頁(yè)，然后適當(dāng)調(diào)整各個(gè)表格與單元格的尺寸，按【Ctrl + S】鍵保存對(duì)文檔的修改。

4、完善頁(yè)面

最后設(shè)置頁(yè)面中的超鏈接，并使用 CSS 技術(shù)對(duì)網(wǎng)頁(yè)中的內(nèi)容進(jìn)行格式修飾，具體步驟如下。

（1）分別為文檔窗口中的文本添加超鏈接（暫時(shí)沒(méi)有制作目標(biāo)文件的可以用“#”指定空鏈接），然后按【Shift + F11】鍵打開(kāi)“CSS 樣式”面板。

（2）在“CSS 樣式”面板中，單擊“新建 CSS 樣式”按鈕，在打開(kāi)的“新建 CSS 樣式”對(duì)話(huà)框中的“名稱(chēng)”文本框中輸入“test”，在“類(lèi)型”框中選擇“創(chuàng)建自定義樣式（class）”單選按鈕，在“定義在”框內(nèi)選擇“新建樣式表文件”，單擊“確定”按鈕。（3）在打開(kāi)的“保存樣式表文件為”對(duì)話(huà)框中選擇站點(diǎn)根目錄，在名稱(chēng)框中輸入“mystyle”，單擊“保存”按鈕。

（4）在打開(kāi)的“.test 的 CSS 樣式定義（在 mystyle.css 中）”對(duì)話(huà)框，設(shè)置字體為“宋體”、大小為“16”像素（px）、顏色為“#CCCCCC”、行高為“150%”，單擊“確定”按鈕。在文檔窗口中分別選擇描述游戲欄目的正文文字，在“CSS 樣式”面板中單擊“test”將段落文本應(yīng)用該樣式。

（5）單擊“新建 CSS 樣式”按鈕，在“新建 CSS 樣式”對(duì)話(huà)框中的“名稱(chēng)”文本框內(nèi)輸入“gold”，在“定義在”框內(nèi)選擇“mystyle.css”樣式表文件，單擊“確定”按鈕，打開(kāi)“.gold 的CSS樣式定義（在 mystyle.css 中）”對(duì)話(huà)框，設(shè)置字體為“宋體”、大小為“16”像素（px）、顏色為“#d1c598”、行高為“120%”，單擊“確定”按鈕，在文檔窗口將左側(cè)插入了小圖標(biāo)的文本應(yīng)用該樣式。

（6）單擊“新建CSS樣式”按鈕，在“mystyle.css”中定義一個(gè)名為“title”的樣式，定義該樣式時(shí)，設(shè)置字體族列表“宋體、Arial”，大小為“16”像素，行高為“150%”，顏色為“#d1c598”。然后為標(biāo)題文本“Counter-Strike”、“Diable II”和“石器時(shí)代”應(yīng)用該樣式。

（7）單擊“新建 CSS 樣式”按鈕，在“mystyle.css”中定義一個(gè)名為“border”的樣式，定義該樣式時(shí)，設(shè)置邊框樣式為“凸出”、寬度為“細(xì)”、顏色為“#990033”，選中“全部相同”復(fù)選框，單擊“確定”按鈕。在文檔窗口中，將包含超鏈接的單元格選中，然后應(yīng)用該樣式。

（8）在該樣式表文件中，新建4個(gè)“使用CSS 選擇器”樣式。在 a:link 樣式中，設(shè)置字體為“宋體”、大小為“16 像素”、行高為“120%”、顏色為“#D1C598”、修飾為“無(wú)”；在

a:visited 樣式中，設(shè)置與 a:link 相同；在 a:hover 樣式中，設(shè)置顏色為“#FFF9CC”，修飾為“下劃線(xiàn)”，其他相同；在 a:active 樣式中設(shè)置顏色為“#990033”，修飾為“無(wú)”，此時(shí)網(wǎng)頁(yè)的中的超鏈接自動(dòng)應(yīng)用了 CSS 選擇器樣式。

（9）在該樣式表文件中，新建一個(gè)名稱(chēng)為“button”的“創(chuàng)建自定義樣式”，在“類(lèi)型”選項(xiàng)中設(shè)置字體為“宋體”、大小為“16”像素、顏色為“#FFEFC6”；在“背景”選項(xiàng)中設(shè)置背景顏色為“#333333”；在“邊框”選項(xiàng)中設(shè)置邊框樣式為“實(shí)線(xiàn)”、寬度為“細(xì)”、顏色分別為“#d1c598”、“#333333”、“#333333”、“#d1c598”（需先將“全部相同”選項(xiàng)清除），最后將文檔窗口中插入的“列表/菜單”應(yīng)用該樣式。

（10）適當(dāng)調(diào)整各個(gè)表格與單元格的尺寸與位置，按【Ctrl + S】鍵保存對(duì)文檔的修改。

（二）制作其它頁(yè)面

插入文字、圖片、聲音、動(dòng)畫(huà)、視頻

（三）測(cè)試發(fā)布

1、Dreamweaver 中打開(kāi)站點(diǎn)首頁(yè)，然后按【F12】鍵預(yù)覽頁(yè)面，在瀏覽器中測(cè)試每一個(gè)頁(yè)面，看內(nèi)容是否能正確顯示，尤其要測(cè)試超鏈接是否能正確工作。

2、將整個(gè)站點(diǎn)目錄復(fù)制到另外一個(gè)位置，然后在瀏覽器中打開(kāi)站點(diǎn)首頁(yè)，測(cè)試是否所有的超鏈接都能正確工作。使用這種方法能夠檢測(cè)出使用絕對(duì)路徑創(chuàng)建出的不正確的超鏈接。如果碰上無(wú)法正確跳轉(zhuǎn)的超鏈接，應(yīng)回到原來(lái)的站點(diǎn)中，打開(kāi)相應(yīng)頁(yè)面重新設(shè)置超鏈接。

3、為了確保不同的瀏覽者能夠看到一致的頁(yè)面效果，制作好的網(wǎng)站還應(yīng)在不同的顯示分辨率下進(jìn)行測(cè)試，至少要在 800×600像素和1024×768像素兩種分辨率下進(jìn)行測(cè)試。另外，還需要在不同字體顯示大小情況下進(jìn)行測(cè)試（即在“大字體”和“小字體”兩種方式下測(cè)試），以確保不同字體設(shè)置的瀏覽者能夠看到一致的字體效果。

4、測(cè)試完成之后，就可以將網(wǎng)站發(fā)布到遠(yuǎn)程站點(diǎn)上。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫(xiě)實(shí)驗(yàn)過(guò)程中的感受、體會(huì)，遇到什么問(wèn)題，如何解決問(wèn)題等）

第二篇：制作個(gè)人網(wǎng)站教案

學(xué)科：《信息技術(shù)》 課題：《制作個(gè)人網(wǎng)站》 課時(shí)：1 [教學(xué)目標(biāo)]（1）熟悉Dreamweaver的軟件環(huán)境，掌握該環(huán)境下的文字處理方法；

（2）掌握插入剪貼畫(huà)的方法，掌握使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。[教學(xué)重點(diǎn)與難點(diǎn)] 使用表格定位文字、圖片，網(wǎng)站內(nèi)部的超鏈接。[課時(shí)安排] 1.心課導(dǎo)入與布置任務(wù)（用時(shí)6～7分鐘）2.學(xué)生自主學(xué)習(xí)（用時(shí)27分鐘）3.教學(xué)評(píng)價(jià)（用時(shí)10分鐘）4.教學(xué)總結(jié)（用時(shí)1～2分鐘）教學(xué)過(guò)程：

1、導(dǎo)入

首先以學(xué)校要建校園網(wǎng)站為引言，校園網(wǎng)站下掛有教師個(gè)人網(wǎng)站、班級(jí)網(wǎng)站、學(xué)生個(gè)人網(wǎng)站等，激發(fā)學(xué)生要自己制作個(gè)人主頁(yè)的興趣，然后給學(xué)生布置任務(wù)，要求網(wǎng)站必須有同學(xué)們親手制作的網(wǎng)頁(yè)，才能真正成為的校園網(wǎng)站，提供大量的制作網(wǎng)頁(yè)的素材（如圖片、聲音、動(dòng)畫(huà)、視頻等），同學(xué)們可以自由地發(fā)表自己的想法和觀點(diǎn)，開(kāi)闊學(xué)生的思路，同時(shí)激發(fā)學(xué)生的創(chuàng)造欲望。

2、教學(xué)內(nèi)容

教師利用多媒體教學(xué)網(wǎng)（或大屏幕投影儀）簡(jiǎn)單分析教學(xué)課件的要素，將Office中的Word 2000知識(shí)遷移到此，將任務(wù)進(jìn)行分解成為若干個(gè)小任務(wù)，如制作一個(gè)網(wǎng)站，必須制作若干個(gè)網(wǎng)頁(yè)，而一個(gè)網(wǎng)頁(yè)可能由文字、圖片、超鏈接等構(gòu)成，因而就有要完成插入文字、插入圖片、插入超級(jí)鏈接等小任務(wù)。具體的任務(wù)要求是：文字要有不同的字體、顏色、字號(hào)、對(duì)齊方式；圖片要求大小調(diào)節(jié)合適、位置擺放合適；表格要有合并與拆分，表格內(nèi)要有文字、圖片；主頁(yè)與子網(wǎng)頁(yè)之間要有超級(jí)鏈接并為雙向的。然后簡(jiǎn)單演示一個(gè)網(wǎng)站內(nèi)部的超級(jí)鏈接。引導(dǎo)學(xué)生輕松愉快、主動(dòng)去解決問(wèn)題，完成任務(wù)，進(jìn)而達(dá)到自身對(duì)知識(shí)的意義建構(gòu)。

接下來(lái)就是學(xué)生開(kāi)始自主學(xué)習(xí)的過(guò)程。學(xué)生帶著制作網(wǎng)頁(yè)這個(gè)任務(wù)，并由此而產(chǎn)生對(duì)網(wǎng)頁(yè)中的文字處理與圖片等知識(shí)的需求，由內(nèi)在的需要促使學(xué)生去主動(dòng)探索、學(xué)習(xí)相應(yīng)的知識(shí)，并通過(guò)自己主動(dòng)探索來(lái)解決問(wèn)題。在此過(guò)程中，教師巡視查看學(xué)生的學(xué)習(xí)過(guò)程，了解學(xué)生的學(xué)習(xí)情況、進(jìn)度，以指導(dǎo)者的身份對(duì)個(gè)別學(xué)生的問(wèn)題進(jìn)行單獨(dú)交流、指導(dǎo)；如：有的學(xué)生問(wèn)網(wǎng)頁(yè)之間的超級(jí)鏈接如何去做，有的學(xué)生問(wèn)如何利用表格對(duì)文字、圖片的定位等。學(xué)生之間可以互相交流、互相學(xué)習(xí)、互幫互助、團(tuán)結(jié)協(xié)作；對(duì)大多數(shù)學(xué)生的共性問(wèn)題，教師給予廣播式指導(dǎo)解決。對(duì)于理解能力、動(dòng)手能力以及綜合應(yīng)用能力強(qiáng)的同學(xué)指導(dǎo)他們進(jìn)一步學(xué)習(xí)擴(kuò)展內(nèi)容，發(fā)展他們的個(gè)性，培養(yǎng)他們的積極創(chuàng)新精神。如對(duì)某些學(xué)的快的學(xué)生給予引導(dǎo)如何用表格套表格的再定位方法準(zhǔn)確地定位文字、圖片。

3、教學(xué)評(píng)估

在規(guī)定的時(shí)間內(nèi)學(xué)生基本完成了學(xué)習(xí)任務(wù)，下面是給學(xué)生一個(gè)展示自我的機(jī)會(huì)，從學(xué)生制作的網(wǎng)頁(yè)中挑選出有代表性的作品，由學(xué)生自己介紹、演示，這樣可以鍛煉學(xué)生的表達(dá)能力，然后讓學(xué)生互相討論，發(fā)表意見(jiàn)、看法，實(shí)現(xiàn)相互交流、學(xué)習(xí)的目的。教師在此過(guò)程中以實(shí)現(xiàn)預(yù)定的教學(xué)目標(biāo)為目的，適當(dāng)?shù)匾龑?dǎo)討論方向。這一個(gè)過(guò)程是非常重要的過(guò)程，是一個(gè)再學(xué)習(xí)再提高的過(guò)程。對(duì)于知識(shí)掌握較好的學(xué)生正是表現(xiàn)自我的時(shí)候，是最有成就感的時(shí)候，對(duì)于少數(shù)知識(shí)掌握不太好的學(xué)生，真是一個(gè)再學(xué)習(xí)的過(guò)程，完成對(duì)知識(shí)的意義建構(gòu)。

4、課堂總結(jié)

教師總結(jié)本節(jié)課的教學(xué)內(nèi)容：掌握文字處理方法、插入剪貼畫(huà)、使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。對(duì)學(xué)生的制作成果表?yè)P(yáng)鼓勵(lì)，并提出新的問(wèn)題，留下懸念，激發(fā)學(xué)生繼續(xù)學(xué)習(xí)的興趣。如要使自己的網(wǎng)頁(yè)更美觀、內(nèi)容更充實(shí)，具有“商業(yè)網(wǎng)站”的味道，我們就必須要對(duì)網(wǎng)頁(yè)進(jìn)行美化進(jìn)行裝飾，如何去才能實(shí)現(xiàn)呢？這是我們下一節(jié)要完成的任務(wù)。

第三篇：中學(xué)網(wǎng)站制作教案[模版]

中學(xué)網(wǎng)站制作教案 ——超鏈接的應(yīng)用 學(xué)習(xí)需求分析

你們是設(shè)計(jì)者，應(yīng)該根據(jù)學(xué)習(xí)學(xué)要分析的過(guò)程展開(kāi)分析。因此，作業(yè)要根據(jù)你們的調(diào)查目標(biāo)、過(guò)程等展開(kāi)分析，從而描述該內(nèi)容學(xué)習(xí)的必要性。

以學(xué)習(xí)超鏈接為例（這不是為例，這就是你要認(rèn)真展開(kāi)做的。）

1>.發(fā)現(xiàn)問(wèn)題：即了解學(xué)生學(xué)習(xí)中的困難，比如每個(gè)學(xué)生的動(dòng)手能力不同。

2>.分析問(wèn)題原因:可能是知識(shí)點(diǎn)不熟悉而導(dǎo)致操作中犯錯(cuò)，也可能是平時(shí)訓(xùn)練的不多等等其他原因。

3>.分析可行性（人、財(cái)、物的支持、重要性）教學(xué)目標(biāo)

教學(xué)目標(biāo)就是按照行為目標(biāo)要求的四個(gè)要素來(lái)描寫(xiě)。

學(xué)習(xí)者特征分析

初中生的學(xué)習(xí)狀態(tài)和小學(xué)生以及高中生都有很大的區(qū)別。與小學(xué)階段的學(xué)習(xí)相比，表現(xiàn)出以下明顯的差異：

1.學(xué)習(xí)內(nèi)容逐步深化、學(xué)科知識(shí)逐步系統(tǒng)化，學(xué)習(xí)的課程門(mén)類(lèi)逐漸增加，內(nèi)容也逐步加深。小學(xué)期間，學(xué)生的學(xué)習(xí)內(nèi)容是比較簡(jiǎn)單的，學(xué)科也相對(duì)簡(jiǎn)化，主要學(xué)習(xí)語(yǔ)文、數(shù)學(xué)等最基礎(chǔ)的課程。老師的教學(xué)也更重趣味性和直觀性，而不是強(qiáng)調(diào)知識(shí)的完整體系。而對(duì)于初中生來(lái)說(shuō)，學(xué)習(xí)的網(wǎng)頁(yè)制作教程frontpage，就除要求學(xué)生識(shí)記大量的定義、原理等知識(shí)點(diǎn)外，更重要的是培養(yǎng)學(xué)生掌握運(yùn)用知識(shí)的能力。在掌握知識(shí)理論的同時(shí)必須熟悉上機(jī)操作。2.學(xué)習(xí)的自覺(jué)性和依賴(lài)性、主動(dòng)性和被動(dòng)性并存；

網(wǎng)也制作教程frontpage得教學(xué)應(yīng)該切合初中生的這種特征，注意興趣的引導(dǎo)，激發(fā)他們對(duì)課程學(xué)習(xí)的自覺(jué)性和主動(dòng)性。

3.學(xué)生在學(xué)習(xí)中的自主能力日顯重要。

網(wǎng)頁(yè)制作教程frontpage的學(xué)習(xí)就不能局限于課堂的45分鐘，老師需要引起學(xué)生的興趣并強(qiáng)調(diào)課外的學(xué)習(xí)鞏固。

初中生一般剛開(kāi)始接觸計(jì)算機(jī)，對(duì)已計(jì)算機(jī)類(lèi)教程的學(xué)習(xí)多少都存在好奇心。相 對(duì)其他課程的學(xué)習(xí)，網(wǎng)頁(yè)制作課程frontpage就具有較大的吸引力，所以要把握這種機(jī)會(huì)更好的引導(dǎo)學(xué)生學(xué)習(xí)和操作。

仔細(xì)查閱資料，這些分析與自己的設(shè)計(jì)有多少聯(lián)系性。教學(xué)內(nèi)容分析

內(nèi)容分析法技術(shù)采用我們?cè)谡n堂中講授的一種方法去分析。其框架中的內(nèi)容還是用簡(jiǎn)單的目標(biāo)描述法。

第四篇：如何制作視頻

怎么制作視頻？平時(shí)在網(wǎng)上看到了很多網(wǎng)友使用圖片制作的精彩視頻，想到平時(shí)自己也拍攝了不少照片和視頻，我們也會(huì)不禁躍躍欲試，想要將它們制作成一個(gè)精彩的視頻，和親朋好友們共享。那么，這些視頻是怎么制作的呢？是否像看起來(lái)那樣復(fù)雜。今天，本文就為大家解惑，使初涉視頻制作的網(wǎng)友們了解，制作一個(gè)精美的視頻并非是專(zhuān)業(yè)人士的特權(quán)，通過(guò)一些民用軟件，我們普通家庭用戶(hù)同樣可以打造個(gè)性化的唯美視頻。而能夠最好的為網(wǎng)友們實(shí)現(xiàn)這一需求的，正是國(guó)內(nèi)目前最老牌的，多年來(lái)致力于打造最人性化視頻制作軟件的《數(shù)碼大師》，下面，就讓我們來(lái)體驗(yàn)它的快速制作精美視頻功能。

一、導(dǎo)入要制作成視頻的照片和視頻短片

數(shù)碼大師支持導(dǎo)入的制作視頻的素材包括照片、視頻、音樂(lè)等等，非常豐富，更多的素材意味著制作出的視頻的豐富性。如下圖，在圖中1、2、3、4處分別導(dǎo)入照片和視頻短片素材。

專(zhuān)業(yè)承接各類(lèi)視頻制作，婚慶視頻，游戲視頻，生日視頻，宣傳視頻，以及其它視頻制作剪輯，特效，修改等，qq 568826266

點(diǎn)擊“插入視頻片頭”按鈕，可在制作的視頻設(shè)置一個(gè)精彩炫麗的視頻片頭，更加引人入勝。

點(diǎn)擊“相片間插入視頻短片”按鈕，可在相片間插入和照片主題一致，平時(shí)拍攝的精彩視頻短片，將相片與視頻完美融合，宜動(dòng)宜靜。

二、添加動(dòng)聽(tīng)的背景音樂(lè)和配上MTV同步字幕 有圖片，還要有音樂(lè)。點(diǎn)擊“背景音樂(lè)”選項(xiàng)卡，在這里導(dǎo)入背景音樂(lè)和同步歌詞。數(shù)碼大師制作MTV歌詞很簡(jiǎn)單，只需導(dǎo)入背景音樂(lè)對(duì)應(yīng)的LRC歌詞文件，很多播放器在播放背景音樂(lè)時(shí)都會(huì)自動(dòng)下載匹配的LRC歌詞文件，這樣制作出來(lái)的視頻就會(huì)具有明星的MTV的效果，還可以方便我們?cè)谟^看MTV視頻時(shí)跟唱。當(dāng)然，我們還可以為MTV歌詞設(shè)置字幕樣式和展示特效，來(lái)豐富視頻的展示效果，這也是數(shù)碼大師在制作精美度方面的細(xì)節(jié)體

三、為視頻制作動(dòng)感的文字特效

點(diǎn)擊“修改名字及注釋”按鈕，可以為我們的照片配上一段文字，點(diǎn)擊左下角的“注釋”按鈕，就可以為相片文字選擇展示形式了，動(dòng)態(tài)、靜態(tài)、不顯示或名字注釋任選其一顯示，都能靈活設(shè)置。

四、使制作的視頻以動(dòng)感炫麗的特效展示

相片特效使得制作的視頻更為動(dòng)感，這里不進(jìn)行設(shè)置也會(huì)默認(rèn)隨機(jī)特效。當(dāng)然，我們也可以點(diǎn)擊“應(yīng)用特效到指定相片，為每張相片指定更符合相片內(nèi)容的炫麗特效。數(shù)碼大師的相片特效多達(dá)數(shù)百種，是同類(lèi)軟件中效果最多最精美的，火焰、液態(tài)、卷軸、3D旋轉(zhuǎn)、翻頁(yè)、百葉窗、碎片飛出等等，豐富而動(dòng)感，足夠我們打造一個(gè)唯美動(dòng)感的電子相冊(cè)。

最后，直接點(diǎn)擊“視頻相冊(cè)”右下角的“開(kāi)始生成”按鈕，一個(gè)極富個(gè)性的絢麗視頻具極速生成了。是不是充滿(mǎn)期待呢，馬上就發(fā)揮你的無(wú)限靈感，自己動(dòng)手制作一個(gè)唯美視頻吧，體驗(yàn)制作的樂(lè)趣。

圖表 1

第五篇：視頻制作

1月30日：婚禮流程表 第一場(chǎng)：婚禮儀式篇

11點(diǎn)10分開(kāi)始清場(chǎng)《清場(chǎng)音樂(lè)響起》

11點(diǎn)15分所有工作人員開(kāi)始做好儀式前所有準(zhǔn)備。《音樂(lè)響起，燈光秀》 11點(diǎn)18分正式開(kāi)始，主持人上臺(tái)。11點(diǎn)21分新郎首先上臺(tái)，走秀形式。11點(diǎn)22分三個(gè)化身開(kāi)場(chǎng)白，伴娘上臺(tái)。11點(diǎn)24分三個(gè)化身開(kāi)場(chǎng)白，媽媽上臺(tái)。11點(diǎn)26分三個(gè)化身開(kāi)場(chǎng)白，奶奶上臺(tái)。11點(diǎn)27分新娘上臺(tái)《爸爸陪伴》 11點(diǎn)28分求婚儀式。

11點(diǎn)29分新郎新娘踏上紅地毯《婚禮進(jìn)行曲》 11點(diǎn)30分介紹新郎新娘。11點(diǎn)32分證婚人上臺(tái)?！稖?zhǔn)備手稿》 11點(diǎn)35分交換戒指儀式。11點(diǎn)37分香檳酒儀式。11點(diǎn)39分切蛋糕儀式。11點(diǎn)41分交杯酒儀式。11點(diǎn)43分全場(chǎng)干杯。11點(diǎn)45分新郎新娘退場(chǎng)。第二場(chǎng)：燭光儀式篇

12點(diǎn)00新郎新娘再次登場(chǎng)。12點(diǎn)03分燭光儀式。

12點(diǎn)05分爸媽至新婚賀詞。

12點(diǎn)10分擁抱父母之爸爸媽媽退場(chǎng)。12點(diǎn)11分新郎新娘至答謝詞。

12點(diǎn)15分新郎新娘退場(chǎng)，全場(chǎng)結(jié)束。。備注：

婚禮儀式開(kāi)始前，請(qǐng)新人就位，新娘的父親就位，新郎的媽媽和奶奶就位，伴娘和伴郎就位，禮花，花瓣雨的工作人員就位，司儀，追光燈，燈光控制，DJ，督導(dǎo)就位。

伴郎：作為新郎事務(wù)的第一聯(lián)絡(luò)人，需要反應(yīng)迅速，管理新郎新娘和父母的胸花，始終在新郎身邊，保管好新郎的手機(jī)，收到紅包后交給新郎媽媽。

伴娘：作為新娘事務(wù)的第一聯(lián)絡(luò)人，需要反應(yīng)迅速，始終在新娘身邊，保管好新娘的手機(jī)，到新娘家，負(fù)責(zé)新娘的鞋子和替換衣服，卸妝物品等，到酒店后可以提醒攝影師拍照細(xì)節(jié)照片。

司儀：張揚(yáng)