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

網(wǎng) 頁 制 作

授課教師：熊伶俐

授課班級：廣播電視編導

授課時間：

教 案

2008級B方向 2011——2012學年度第一學期

目 錄

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

實驗內(nèi)容：

1、插入文字；

2、插入圖像。實驗目的：熟練掌握基本網(wǎng)頁元素的使用 實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

1、插入文字 1.1輸入文字

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

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

打開字體選項列表，單擊最后一行的“編輯字體列表”，彈出“編輯字體列表”對話框。單擊“＋”按鈕，在“可用字體”列表中選擇字體，單擊向左的箭頭，即可將所選擇的字體添加到字體列表中。1.4添加項目編號

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

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

單擊“列表項目”按鈕，在打開的“列表屬性”對話框中可以對項目符號進行詳細設計。2插入圖像

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

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

（2）此時將打開“選擇圖像源”對話框，選取存放在站點中的圖像文件，最后單擊“確認”按鈕即可將圖片插入到指定區(qū)域。

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

2.3修改圖像尺寸

1、自由縮放

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

2、精確縮放

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

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

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

（2）打開“插入鼠標經(jīng)過圖像”對話框。

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

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

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

2、根據(jù)需要用鼠標選中其中的一個，再把鼠標移到圖像上拖拽出一塊淡藍色的區(qū)域。實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗二：插入多媒體對象

實驗內(nèi)容：

1、插入聲音；

2、插入視頻；

3、插入Flash。實驗目的：熟練使用各種多媒體素材豐富網(wǎng)頁 實驗器材：裝有Dreamweaver的PC機一臺，耳麥一副 實驗步驟：

1、在頁面中插入背景音樂。方法一：通過手工編寫代碼

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

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

bgsound 標記符的基本屬性是 src，用于指定背景音樂的源文件。

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

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

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

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

注：如果原來的文件名為中文，應事先將其改為英文。

3、嵌入聲音與視頻

（1）在文檔窗口中，將插入點定位到要嵌入文件的地方，然后在“插入”欄的“媒體”選項卡中單擊“插件”圖標。

（2）在“選擇文件”對話框中選擇嵌入的音頻文件或視頻文件（文件名稱必須是英文，不能插入漢字名稱的文件）。

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

4、插入Flash動畫

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

5、插入Flash文本

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

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

6、插入Flash按鈕

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

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

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

7、制作圖象查看器

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

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

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

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

（6）單擊加號按鈕，但后單擊列表框右側的打開文件按鈕，在彈出的“選擇文件”對話框中選擇需要顯示的圖片。

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

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

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

（11）按F12鍵預覽最后的效果。

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗三：超級鏈接的使用

實驗內(nèi)容：插入超級鏈接 實驗目的：熟練使用超級鏈接

實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

1、創(chuàng)建錨記

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

（1）在需要設置錨記的位置單擊，在插入工具欄的常用選項卡中選擇命名錨記按鈕，打開“命名錨記”對話框。

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

2、文字或圖片的鏈接

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

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

3、電子郵件鏈接

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

方法二：單擊插入工具欄的常用選項卡中的“電子郵件鏈接”按鈕，彈出“電子郵件鏈接”對話框，在文本輸入框中輸入作為電子郵件鏈接顯示在文檔中的文本，在E－Mail欄中輸入電子郵件地址。如果不輸入文本，則在文檔中直接顯示電子郵件地址。

4、錨鏈接

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

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

（1）在Dreamweaver 8中運行“站點→檢查站點范圍的鏈接”命令，此時將會激活鏈接檢查面板。

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

（3）對于有問題的文件，直接雙擊鼠標左鍵即可打開進行修改。

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

6、刪除超級鏈接

在屬性面板的鏈接對話框中刪除鏈接路徑，該鏈接便消失了。

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗四：頁面布局

實驗內(nèi)容：

1、利用框架進行布局；

2、使用表格進行頁面布局；

3、使用圖層進行頁面布局。

實驗目的：熟練掌握和使用各種方法進行頁面布局 實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

1、利用框架進行布局

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

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

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

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

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

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

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

2、使用表格進行頁面布局

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

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

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

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

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

（6）單擊“標準視圖”按鈕，將文檔窗口切換到標準視圖模式，將插入點定位在繪制的第四個單元格內(nèi)，單擊“插入表格”按鈕，在打開的“插入表格”對話框中，設置表格“行”為

8、“列”為

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

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

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

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

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

3、使用圖層進行頁面布局

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

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

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

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

（7）按【Ctrl + S】鍵，保存對文檔的修改，按【F12】鍵在瀏覽器窗口中預覽網(wǎng)頁。實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗五：CSS樣式的使用

實驗內(nèi)容：使用CSS樣式創(chuàng)建風格統(tǒng)一的網(wǎng)頁 實驗目的：熟練使用內(nèi)部樣式表和外部樣式表 實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

1、使用“CSS 樣式”面板

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

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

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

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

（1）在 CSS 樣式面板中，單擊“新建 CSS 樣式”按鈕，打開“新建 CSS 樣式”對話框。（2）在“新建 CSS 樣式”對話框中進行如下設置：如果選擇“創(chuàng)建自定義樣式（class）”樣式類型，則在“名稱”文本框中輸入樣式名稱；如果選擇“重定義HTML 標簽”或“使用 CSS 選擇器”樣式類型，則在“名稱”文本框中選擇相應的樣式名稱。

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

（4）單擊“確定”按鈕，如果選擇“新建樣式表文件”選項，則打開“保存樣式表文件”對話框，進行保存設置即可后彈出“樣式名稱的CSS 樣式定義”對話框；則直接彈出“樣式名稱的 CSS 樣式定義”對話框。

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

3、應用CSS樣式

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

對于“重新定義 HTML 標簽”樣式與“使用 CSS 選擇器”樣式，網(wǎng)頁自動應用該樣式而無須用戶指定。

4、自定義CSS樣式實例

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

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

（2）在打開的“.test 的CSS 樣式定義”對話框中，設置字體為“宋體”、大小為 16 像素（px）、行高為 120%。

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

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

5、重新定義 HTML 標簽樣式實例

本實例定義一種常見的效果，即網(wǎng)頁中的所有超鏈接都沒有下劃線。

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

（2）在打開“a 的 CSS 定義”對話框中的“修飾”選項中選擇“無”，單擊“確定”按鈕。

（3）此時樣式被自動應用，網(wǎng)頁中的所有超鏈接都沒有下劃線。

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗六：模板的使用

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

實驗目的：掌握模板的創(chuàng)建和編輯方法；熟練利用模板創(chuàng)建網(wǎng)頁 實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

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

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

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

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

7、接著往下繪制一個寬：780，高：21，水平：居中對齊，垂直;居中，背景顏色：#CC3333的單元格，輸入文字：首頁 個人簡介 文學作品 繪畫作品 動畫作品 視頻作品 學習心得 給我留言 寫信給我，設置文字格式：字體“宋體”，大小“14px”。

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

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

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

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

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗七：制作表單網(wǎng)頁

實驗內(nèi)容：使用表單制作一個注冊頁面

實驗目的：掌握表單的建立和使用；熟練使用表單提交相關數(shù)據(jù) 實驗器材：裝有Dreamweaver的PC機一臺 實驗步驟：

1、新建一個文檔，將“插入”欄中的“常用”選項卡改為“表單”選項卡。

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

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

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

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

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

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

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

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

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

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

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

13、選擇“提交”按鈕，打開行為“面板”，添加行為“檢查表單”，打開“檢查表單”對話框，將文本“text1在表單中，text2在表單中”都設為“必需的”，單擊“確定”按鈕。

14、選擇整個表單，打開“屬性”面板，在“動作”中輸入“mailto：你的郵箱地址”。

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

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

實驗八：設計并制作一個視頻網(wǎng)站

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

實驗目的：掌握和了解網(wǎng)站制作的流程，熟練使用網(wǎng)頁制作的各種技巧 實驗器材：裝有Dreamweaver的PC機一臺，耳麥一副 實驗步驟：

（一）制作首頁

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

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

2、頁面布局

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

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

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

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

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

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

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

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

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

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

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

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

3、進一步排版

接下來使用表格對頁面進一步排版，具體步驟如下。（1）將文檔窗口切換到“標準視圖”模式下。

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

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

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

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

4、完善頁面

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

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

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

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

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

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

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

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

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

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

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

（二）制作其它頁面

插入文字、圖片、聲音、動畫、視頻

（三）測試發(fā)布

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

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

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

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

實驗小結：略（學生寫實驗過程中的感受、體會，遇到什么問題，如何解決問題等）

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

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

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

1、導入

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

2、教學內(nèi)容

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

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

3、教學評估

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

4、課堂總結

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

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

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

你們是設計者，應該根據(jù)學習學要分析的過程展開分析。因此，作業(yè)要根據(jù)你們的調(diào)查目標、過程等展開分析，從而描述該內(nèi)容學習的必要性。

以學習超鏈接為例（這不是為例，這就是你要認真展開做的。）

1>.發(fā)現(xiàn)問題：即了解學生學習中的困難，比如每個學生的動手能力不同。

2>.分析問題原因:可能是知識點不熟悉而導致操作中犯錯，也可能是平時訓練的不多等等其他原因。

3>.分析可行性（人、財、物的支持、重要性）教學目標

教學目標就是按照行為目標要求的四個要素來描寫。

學習者特征分析

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

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

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

3.學生在學習中的自主能力日顯重要。

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

初中生一般剛開始接觸計算機，對已計算機類教程的學習多少都存在好奇心。相 對其他課程的學習，網(wǎng)頁制作課程frontpage就具有較大的吸引力，所以要把握這種機會更好的引導學生學習和操作。

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

內(nèi)容分析法技術采用我們在課堂中講授的一種方法去分析。其框架中的內(nèi)容還是用簡單的目標描述法。

第四篇：如何制作視頻

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

一、導入要制作成視頻的照片和視頻短片

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

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

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

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

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

三、為視頻制作動感的文字特效

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

四、使制作的視頻以動感炫麗的特效展示

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

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

圖表 1

第五篇：視頻制作

1月30日：婚禮流程表 第一場：婚禮儀式篇

11點10分開始清場《清場音樂響起》

11點15分所有工作人員開始做好儀式前所有準備。《音樂響起，燈光秀》 11點18分正式開始，主持人上臺。11點21分新郎首先上臺，走秀形式。11點22分三個化身開場白，伴娘上臺。11點24分三個化身開場白，媽媽上臺。11點26分三個化身開場白，奶奶上臺。11點27分新娘上臺《爸爸陪伴》 11點28分求婚儀式。

11點29分新郎新娘踏上紅地毯《婚禮進行曲》 11點30分介紹新郎新娘。11點32分證婚人上臺?！稖蕚涫指濉?11點35分交換戒指儀式。11點37分香檳酒儀式。11點39分切蛋糕儀式。11點41分交杯酒儀式。11點43分全場干杯。11點45分新郎新娘退場。第二場：燭光儀式篇

12點00新郎新娘再次登場。12點03分燭光儀式。

12點05分爸媽至新婚賀詞。

12點10分擁抱父母之爸爸媽媽退場。12點11分新郎新娘至答謝詞。

12點15分新郎新娘退場，全場結束。。備注：

婚禮儀式開始前，請新人就位，新娘的父親就位，新郎的媽媽和奶奶就位，伴娘和伴郎就位，禮花，花瓣雨的工作人員就位，司儀，追光燈，燈光控制，DJ，督導就位。

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

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

司儀：張揚