文/史嫣歡

摘 要：介紹了如何制作網(wǎng)頁式課件解決高三專題復(fù)習(xí)課中遇到的問題。

關(guān)鍵詞：網(wǎng)頁式課件；專題復(fù)習(xí)；Dreamweaver

在高三進入專題復(fù)習(xí)的階段，由于每一節(jié)課復(fù)習(xí)的量都較大，要求學(xué)生不僅在總體上有所把握，而且在細(xì)節(jié)上也要有深入的了解，更要注重各章節(jié)之間知識點的前后聯(lián)系。并且在復(fù)習(xí)的過程中能體現(xiàn)具有一定互動效果的課堂練習(xí)也是必要的。鑒于以上特點，要省時、有效、直觀生動地完成教學(xué)任務(wù)，借助現(xiàn)代化的教學(xué)手段是必要的。在這里就以“細(xì)胞”這一專題為例，就有關(guān)如何使用Dreamweaver軟件制作功能強大的網(wǎng)頁式課件談?wù)勛约旱慕?jīng)驗，以便與大家進行交流、相互學(xué)習(xí)。

一、設(shè)計思想

由于細(xì)胞這一專題的內(nèi)容比較多，涉及了細(xì)胞的分類、細(xì)胞的結(jié)構(gòu)、細(xì)胞的分裂、分化、癌變和衰老等重要內(nèi)容。并且每一具體內(nèi)容的前后聯(lián)系又相當(dāng)緊密，前面的內(nèi)容幾乎是為后面的內(nèi)容服務(wù)的。有關(guān)細(xì)胞的結(jié)構(gòu)、細(xì)胞的分裂不僅內(nèi)容復(fù)雜，涉及的概念多，而且具有一定的抽象性。學(xué)生只通過圖片和文字?jǐn)⑹鲭y以理解和記憶各名詞及各節(jié)之間的關(guān)系。鑒于以上特點，本網(wǎng)頁的設(shè)計思想應(yīng)當(dāng)是在直觀上和整體布局上下功夫，將難點化解。

整個網(wǎng)頁課件應(yīng)包括教學(xué)、復(fù)習(xí)、練習(xí)三大部分。每一部分都應(yīng)有一定的人機交互處理。人機交互的處理方式主要是將要處理的內(nèi)容做成Flash動化，動化上面有相關(guān)按鈕，方便各畫面之間的跳轉(zhuǎn)；練習(xí)部分有填空、選擇兩種形式，填空題在橫線上用鼠標(biāo)單擊則會出現(xiàn)答案，選擇題答對答錯都會有反饋。

二、制作的一般流程

1.站點的設(shè)計和規(guī)劃

在開始用Dreamweaver制作網(wǎng)頁時，首先要定義一個本地站點。作為一個網(wǎng)站，里面有很多網(wǎng)頁文件、圖片，甚至Flash動畫等，如果不進行管理歸檔，分散在硬盤的各個地方就無法方便地進行管理。定義本地站點，就是在硬盤上建立一個目錄，將所有的網(wǎng)頁和相關(guān)的文件都放在里面，以便進行網(wǎng)頁的制作和管理。單擊“Site”菜單下的“New Site”命令，彈出“Site Definition”（定義站點）對話框。在“Category”列表中的第一項“Local Info”被選中，用來定義一些本地信息。在“Site Name”框中輸入站點的名字“cell”，單擊“Local Root”輸入框右側(cè)的文件夾圖標(biāo)，彈出選擇本地文件夾對話框，我們點“新建文件夾”按鈕，在D盤根目錄下建立一個名為cell的文件夾，并選擇它，單擊“保存”按鈕，“Local Root”輸入框中顯示“D：cell”,這個文件夾將作為我們的站點文件夾，以后所有的網(wǎng)頁文件都放在這個文件夾下，相當(dāng)于先選塊地方以便蓋房子。單擊“OK”按鈕，會彈出一個對話框，單擊“Create”，彈出“Define Sites”對話框，窗口中列出了我們剛剛創(chuàng)建的名為“cell”的站點。單擊“Done”按鈕，定義的站點就生效了。

2.建立框架

Window/Frames命令可以打開框架面板，本面板在整個框架創(chuàng)建中起著決定性的作用。另外一個非常重要的面板是框架集成面板，本面板可以通過Window/Objects/Frames打開。框架集成面板用比較直觀的樣式顯示了基本的框架構(gòu)成，只需點選合適的圖標(biāo)就能建立相應(yīng)的框架頁面。如，我們要建立左右兩個窗口的框架，則需點擊框架集成面板上用紅色勾出的圖標(biāo)。如果要獲得復(fù)雜的框架結(jié)構(gòu)（即框架的嵌套），則需配合框架面板的使用。其操作方法是：在框架面板上點選某一個框架，然后按住ALT鍵，再拖動編輯區(qū)域相應(yīng)框架的邊框就行了；或者在框架面板上選中某一個框架的前提下，點選框架集成面板上指定的框架類型。如果要刪除大框架中的一個小框架，只需用鼠標(biāo)拖動該小框架的邊框到父框架的邊框上就行了。

3.添加文字

在上面的框架頁中輸入文字總標(biāo)題，在左下面的框架頁中分別輸入相應(yīng)子目錄。

4.插入圖形

一個頁面光有文本是無法吸引人的，下面我們插入一幅圖

片，使頁面更加生動，圖文并茂。

5.設(shè)置圖片與文字間距

有的上網(wǎng)者為了加快頁面下載速度，會設(shè)置不讓圖片顯示，這時我們可以給圖形加個說明文字。在屬性面板中的“ALT”框中輸入“細(xì)胞”，這樣在用戶瀏覽器不支持圖形時，在這個圖片的位置會出現(xiàn)所加的注釋；如果瀏覽器支持圖片，將鼠標(biāo)停在這個圖片上一小會兒，也會出現(xiàn)這行說明文字。

6.添加標(biāo)題和背景圖片

按下Ctrl+J鍵，彈出“Page Properties”對話框。Title文本框中用來添加標(biāo)題，當(dāng)用戶瀏覽頁面時，頁面標(biāo)題可以幫助了解頁面中的內(nèi)容。我們在框中輸入東西，接下來單擊“Background Image”框右側(cè)的“Browse”按鈕，從彈出的對話框中選擇我們事先做好的背景圖，回到頁面屬性框中。

單擊“OK”，可以看到頁面有了背景。按下F12，可以看到在瀏覽器中，剛才輸入的標(biāo)題顯示在標(biāo)題欄中，頁面背景也不錯。

7.插入Flash動畫

在Dreamweaver中，可以很方便地插入Flash動畫、Shockwave電影、Java小程序等，增加網(wǎng)頁的動感，讓你做出來的網(wǎng)頁更吸引人。

參考文獻：

趙立群.計算機網(wǎng)絡(luò)管理與安全.清華大學(xué)出版社，2008（10）.

編輯 馬燕萍

endprint