網(wǎng)頁(yè)式課件在高三專題復(fù)習(xí)課中的應(yīng)用

文/史嫣歡

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

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

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

一、設(shè)計(jì)思想

由于細(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)系。鑒于以上特點(diǎn)，本網(wǎng)頁(yè)的設(shè)計(jì)思想應(yīng)當(dāng)是在直觀上和整體布局上下功夫，將難點(diǎn)化解。

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

二、制作的一般流程

1.站點(diǎn)的設(shè)計(jì)和規(guī)劃

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

2.建立框架

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

3.添加文字

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

4.插入圖形

一個(gè)頁(yè)面光有文本是無(wú)法吸引人的，下面我們插入一幅圖

片，使頁(yè)面更加生動(dòng)，圖文并茂。

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

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

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

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

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

7.插入Flash動(dòng)畫

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

參考文獻(xiàn)：

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

編輯 馬燕萍

endprint