1、精選文檔信息技術教案初中（9）年級下冊任課教師：穆合塔爾江.司迪克第一課時 PowerPoint 入門授課人：穆合塔爾江 授課時間： 2015年3月2日 課時：1教學目標 (1)了解“PowerPoint ”。 (2)學會啟動PowerPoint 、選擇版式、設置背景的方法。 (3)掌握幻燈片上文字輸入、格式設置的方法。 (4)理解建立幻燈片和插入幻燈片的不同命令。 (5)能用PowerPoint 制作兩頁幻燈片。 教學重點與難點 重點：初步制作二頁含有文本和藝術字的幻燈片。 難點：“新建(N)”命令與“新幻燈片(N)”命令，背景顏色設置。 教學方式：自

2、主學習，合作學習教學過程 一、談話引入 學生看到老師用計算機播放電子幻燈片，既有文字、圖片、聲音，又有動畫，效果很好。他非常想學，就問老師，老師告訴他說是用PowerPoint制作出來的，PowerPoint是Office 中的一個重要軟件，下面我們就一起來學習怎樣用PowerPoint來制作多媒體幻燈片。 二、新授 1任務一：進入PowerPoint 學生自學，打開“Microsoft PowerPoint”窗口，并顯示“PowerPoint”對話框。 2任務二：新建第一頁幻燈片 下面我們來新建第一頁幻燈片。 (邊講邊練) (1)單擊“PowerPoint”對話框中“空演

3、示文稿(B)”，再單擊“確定”按鈕，彈出“新幻燈片”對話框。這個對話框中列出的是各種幻燈片版式。 (2)單擊左上方的“標題幻燈片”版式，再單擊“確定”按鈕。這時在“Microsoft PowerPoint”窗口的編輯區中出現了所選版式的第一張幻燈片。 下面請同學們自己試著輸入標題，姓名、班級。 (學生自行操作，教師巡視，并做個別輔導。) (網絡廣播)請一學生上來演示，并作講解。 3任務三：插入新幻燈片 幻燈片一般都不只一張，怎么樣做第二張、第三張呢？ (邊講邊練)(1)單擊“插入(I)”菜單中的“新幻燈片(N)”命令，彈出“新幻燈片”對話框。這時又出現新幻燈片的各種版式。 (2)選擇

4、一種版式，如“空白”版式。 (3)單擊“確定”按鈕。這樣，第二張幻燈片就插入了。 插入第三張或更多張張幻燈片方法都是一樣。 (學生操作，教師巡視指導) 4任務四：插入藝術字“我們的運動會” 我們可以給幻燈片插入藝術字，使幻燈片變得更美觀。 學生結合WORD里面所學的，自己操作，教師巡視指導。 5任務五：插入文本框 請學生自學，自己來嘗試操作，教師巡視，并作個別輔導。 6任務六：背景顏色設置 大家完成得非常好，有的同學說制作的幻燈片的背景都是白色的，有些單調，想加入背景色，這怎么辦呢？ (邊講邊練) (1)單擊“格式(O)”菜單中的“背景(K)”命令，彈出“背景”對話框。 (2)單擊對話框下方的

5、列表框右側的箭頭，再單擊“填充效果(F)”命令。 (3)彈出“填充效果”對話框，單擊“紋理”標簽，先擇一種紋理效果。單擊“確定”按鈕。 (4)再單擊“預覽(P)”按鈕，這時我們看到了背景填充的效果，如果覺得可以，就可單擊“應用(A)”按鈕，否則還可重新選擇一種紋理來填充。 這樣，我們就將背景設置成我們希望的效果了。大家還可試著用“其他顏色(M)”來設置背景色，方法是一樣的。 學生操作，教師巡視指導。 7任務七：保存文件與退出 我們在完成一個幻燈片作品后，一定要記得保存，而保存的方法與Word的方法一樣，只是這時文件類型為“演示文稿”，請同學們以“運動會”為文件名來保存。保存好了，我們就可退出P

6、owerPoint了，方法與退出Word一樣。 鞏固練習：學生操作保存，強調保存到自己的文件夾中，類型為演示文稿。板書設計：PowerPoint 入門課后反思： 通過本節課的學習，我們掌握了如何啟動與退出PowerPoint，并能在PowerPoint中插入文字、藝術字、文本框和設置背景顏色，作出幾張幻燈片了，大家掌握組長意見: 第二課時 制作圖文并茂的幻燈片授課人：穆合塔爾江 授課時間： 2015年3月9日 課時：1教學目標 (1)掌握幻燈片中插入剪貼畫的方法。(2)能將圖片文件插入幻燈片中。 (3)能制作圖文并茂的幻燈片。 教學重點與難點 重點：插入圖片，達到圖文并茂的效果。 難

7、點：插入圖片文件。 教學方式：自主學習，探究學習 教學過程 一、談話引入 在上節課中，同學們都學會了制作幻燈片，并插入各種文字，想插入一些圖片來使幻燈片更活潑一些，怎樣打開已制作好的幻燈片呢？ 二、新授 1任務一：打開PowerPoint 文件 (網絡廣播)請一生演示并介紹。 打開PowerPoint 文件的方法與打開Word文件一樣，先打開“PowerPoint”窗口，再用“打開”命令打開文稿，也可以直接找到文件，雙擊演示文稿的文件名即可。 2任務二：插入剪貼畫 學生演示，討論： (1)打開“運動會.ppt”演示文稿，選定第一張幻燈片。 (2)單擊“插入(I)”菜單，將指

8、針指向“圖片(P)”“剪貼畫(C)”命令再單擊。 (3)在“插入剪貼畫”窗口中選擇類型“運動”，這時會顯示與運動有關的幾幅剪貼畫。 (4)將指針移動到某一剪貼中單擊，這時會彈出四個選擇項，我們選擇第一個選擇項“插入編輯”，這時我們看到一幅剪貼畫就在幻燈片上出現了。 (5)調整剪貼畫的大小和在幻燈片上的位置。 這樣，就插入一幅剪貼畫了。 請同學們在其他幻燈片上插入剪貼畫。學生練習，教師巡視，并做個別輔導。 3任務三：插入圖片文件 學生告訴老師說，想插入照片，他已經將照片用磁盤保存下來了，應該怎么辦？ (1)打開學生的作業。 (2)單擊“插入(I)”菜單，將指針依次指向“圖片(P)”“來自文件(F

9、)”命令再單擊，這時彈出“插入圖片”對話框。 (3)在“查找范圍(I)”框中指定圖片文件存放的磁盤驅動器的文件夾，在文件列表框中選定圖片文件，這時我們會在右側的預覽框中看到一幅畫，這就是所選圖片，單擊“插入(S)”按鈕，這時我們看到圖片就在幻燈片上顯示出來了。 (4)調整插入的圖片的大小和在幻燈片上的位置，還可在這張幻燈片上插入一些文字。 這樣，就可插入你想要插入的圖片了。鞏固練習：請同學們在幻燈片上插入圖片。板書設計：制作圖文并茂的幻燈片課后反思： 組長意見: 第三課時 選擇模板及修改與編輯文本授課人：穆合塔爾江 授課時間： 2015年3月 日 課時：1教學目標： 1、會選擇自己喜歡的模板，

10、并根據模板制作演示文稿。 2、會在幻燈片視圖中修改和編輯文本。 3、會保存演示文稿。教學重點：選擇自己喜歡的模板后，能在幻燈片視圖中添加和修改文本。教學難點：文本的修改以及文本框的移動。教學方式：自主學習，探究學習課前準備：1、 制作演示文稿范例2、 為學生提供風景畫圖片 教學過程： 1、這節課的知識點比較多也比較分散，在組織教學時要先給學生創設一個好的情境，然后提出一個好而切實可行的任務，除了教材中的任務外，還可以讓學生制作一個繞口令的演示文稿或猜謎語的演示文稿。 2、在教學模板選擇和自動版式選擇時，可以放開讓學生自己選擇、自己比較，最終找到他們喜歡的模板。 3、在對文本進行修改以及對藝術字

11、、剪貼畫和圖片等對象進行處理時，要讓學生明白必須先選中它們，否則無法對它們進行處理。移動文本框時一定要將鼠標指針指向文本框的邊框，然后才能移動。縮放藝術字、剪貼畫和圖片等對象時，要先將它們選中，再將鼠標指針指向周圍的句柄，然后再縮放。教學這部分內容時應該適當地放慢演示的節奏，或者通過教師的誤操作來加深學生的印象。4、保存演示文稿時，要讓學生明白保存一個文件要有文件名，還要有一個保存位置。鞏固練習：請制作演示文稿范例。板書設計：制作圖文并茂的幻燈片課后反思： 組長意見:第四課時 讓文字和圖片飛起來教學目標： 1、會設置文字、圖片和藝術字等對象的動畫效果，并會給每個對象配上聲音。 2、培養學生經常

12、保存文件的良好習慣。課時安排： 1課時。 教學重點： 設置文字、圖片和藝術字等對象的動畫效果并配上聲音。教學難點： 在設置動畫效果之前要先選中對象。教學過程： 1、可以為對象設置動態效果是PowerPoint和Word最大的區別，也是它吸引人的地方，動畫對于學生來說更是具有極大的吸引力，因此可以先將范例演示給學生看，以激發他們的學習興趣。 2、打開演示文稿可以有兩種方法：第一種是啟動PowerPoint時從“PowerPoint”對話框里選擇“打開已有的演示文稿”來打開，第二種是啟動PowerPoint以后，選擇從常用工具欄中或從文件菜單中選擇“打開”命令，然后從中選擇需要的文件。 3、設置動

13、畫效果之前必須先選中要設置的對象，打開“自定義動畫”對話框也有不同的方法。第一種：選中對象后選擇“幻燈片放映”中的“自定義動畫”命令；第二種：選中對象后單擊鼠標右鍵，從快捷菜單中選擇“自定義動畫”命令。從自定義動畫對話框里，為選中的對象選擇動畫效果，配上聲音，這里要讓學生明白，為對象設置了動畫效果以后才能為它配上聲音。如果想為其他對象設置動畫效果，可以在自定義對話框里單擊“確定”后，選擇其他對象進行設置，再進行設置，也可以不退出自定義對話框，單擊“時間”按鈕，從“無動畫的幻燈片對象”中選擇一個對象，然后單擊“動畫”按鈕，進行動畫設置。 4、教學時，要讓學生試試各種動畫效果，既激發他們的學習興趣

14、，也可以讓他們更快地掌握對象的動畫設置。 5、引導學生養成經常保存文件的良好習慣。課后反思：本節課是為對象增加動畫，同學們學得很認真，做的很順利，有興趣，有樂趣，學得就會很投入，圓滿完成了教學任務。第五課時 制作一組幻燈片教學目標： 1、能在幻燈片瀏覽視圖中設置幻燈片切換效果。 2、能修改項目符號。課時安排： 1課時。課前準備： 1、制作好演示文稿范例（動物之愛）。 2、提供動物圖片（光盤“圖片動物”文件夾里）。教學重點： 為每一張幻燈片設置一種切換效果。教學過程： 1、這節課的基本任務是制作一組介紹動物的幻燈片，讓學生在完成任務的同時掌握以上說到的知識點。這是一個學生比較感興趣的任務，教師的

15、范例要選擇幾種學生特別喜愛的動物，畫面要盡可能的活潑、兒童化，以激發學生的學習興趣。2、新建幻燈片有兩種方法：第一種方法，選擇“插入”菜單中的“新幻燈片”命令；第二種方法，單擊常用工作欄上的“新幻燈片”按鈕。1、 幻燈片里可以為標題添加“項目符號”，項目符號還可以修改，方法是先選中該項目符號所在的文本，再選擇“格式”中的“項目符號”，通過改變字體來選擇自己喜歡的項目符號。2、 在幻燈片瀏覽視圖中可以通過拖動的方法改變幻燈片的位置。4、為幻燈片設置切換效果也有兩種方法：第一種方法，從幻燈片瀏覽視圖中選擇要設置的幻燈片，選擇“幻燈片放映”中的“幻燈片切換”按鈕，或者單擊“幻燈片切換”銨鈕；第二種方

16、法，右鍵單要設置的幻燈片，從快捷菜單中選擇“幻燈片切換”。5、切燈片的切換效果有幾十種，并且可以選擇一種合適的切換速度。有了切換效果以后還可以為整張幻燈片配上一段音樂，音樂可以循環播放，直到下一個聲音播放為止。如果不希望通過單擊鼠標來換頁，可以選擇“每隔 秒”一項，輸入時間后，就可以規定的時間內自動換頁，這樣的設置比較適合自動演示。課后反思：本節課是一節綜合課，有些同學做的很好，有些同學有點吃力，不過在小組合做的過程中，也學會了不少。最終大部分同學完成了教學任務。第六課時 超級鏈接教學目標： 1、初步了解的含義。 2、會設置演示文稿內部的超級鏈接。課時安排： 1課時。課前準備： 1、演示文稿范

17、例。 2、上次制作的演示文稿“動物的家”。教學重點： 學會在幻燈片中設置超級鏈接。教學難點： 理解超級鏈接的含義教學過程： 1、這節課的基本任務是制作一張像菜單一樣的幻燈片，想看什么只要在“菜單”里選擇就可以了，最根本的知識點則是超級鏈接，由于超級鏈接的概念非常的抽象，因此用菜單來比喻比較容易讓學生接受。開始可以這樣引入： 同學們，你們點過菜嗎？想吃什么就點什么，一會兒想吃的菜就端上來了。你信不信在電腦上也可以“點菜”，當然這“菜”你只能看不能吃。（開始演示范例）在這一張幻燈片里，有四種動物，想看什么就點什么，它馬上會出現在你眼前。想知道這是怎么的嗎？我們一起來學習，請同學們先打開上次保存的演

18、示方向“動物的家”。 2、制作超級鏈接之前，首先要制作一張類似于菜譜的幻燈片，在上面列出了被鏈接的幻燈片名稱。幻燈片的名稱可以以文本的方式出現，也可以以藝術字或圖片的形式出現，然后就可以在名稱和實際的幻燈片之間建立一一對應的超級鏈接了。在演示文稿中，一個對象可以鏈接到同一演示文稿中的其他幻燈片，也可以鏈接到其他文件，還可以鏈接到一個網站，這節課是要在一個對象和同一演示文稿中的其他幻燈片之間建立鏈接。首先選中需要設置超級鏈接的對象，然后選擇“幻燈片切換”中的“動作設置”，或者右鍵單擊對象后從快捷菜單中選擇“動作設置”，選擇“超級鏈接到”“幻燈片”，從幻燈片標題列表選擇目標幻燈片就可以了。在教學這

19、部分內容時，教師要盡可能放慢節奏。3、 最后可以讓每個學生演示一下自己做的演示文稿，以激發他們進一步學習的興趣。課后反思：超級鏈接是個難點，大部分同學還是能夠理解其含意，順利完成任務，小部分同學有點吃力，出現了錯誤，還要加強練習。第七課時 練習課教學目標：使學生熟練掌握超級鏈接。課時安排1 課時教學過程：1、 在自己的幻燈片中設置超級鏈接。我們會把完成得較好的同學的練習廣播給大家欣賞。2、 學生練習，教師巡視，并做個別指導。3、 欣賞部分同學作品 4、 (注：老師在機器里保存了一些圖片，你可以從“網上鄰居server圖片”找到) 課后反思：通過本節練習，學生們的理解和操作水平都有很大提高。第八

20、課時 我的作品教學目標： 1、學會整理自己的文件，能把自己的文件分類保存。 2、學會設置對象與文件之間的超級鏈接。課時安排： 1課時。課前準備： 1、學生作品：自己畫的圖片、Word文檔、PowerPoint演示文稿。 2、演示文稿范例。教學重點： 設置對象與文件之間的超級鏈接教學難點： 整理文件教學建議： 1、這節課的基本任務是用幻燈片來展示自己的電腦作品，是學生展示自己的好機會，學生要在完成這個基本任務的過程中掌握兩個知識點，一是整理自己的作品，將它們分門別類保存好；二是學會設置對象和其他文件之間的超級鏈接。 2、整理自己的作品，將它們分門別類保存在不同的文件夾里有一定的難度，因為文件結構

21、比較抽象，學生理解起來比較困難。而這又是比較重要的技能和習慣，因此要正確引導學生去嘗試這件事情。首先可以讓學生看一看已經整理好了的作品，即在“我的作品”文件夾里有“幻燈片”、“圖片”、“作文”三個子文件夾，然后讓學生看一看自已的作品，都放在一個文件夾里，結果是比較雜亂，不容易查找。然后引導學生先建立一個“我的作品”文件夾，然后在這個文件夾里建立“幻燈片”、“圖片”、“作文”三個子文件夾，再分別把演示文稿剪切到“幻燈片”文件夾里，把自己畫的圖片剪切到“圖片”文件夾里，把Word文檔剪切到“作文”文件夾里。 更重要的是要引導學生養成經常整理文件的好習慣。3、設置對象與其他文件之間的超級鏈接與上節課

22、的內容基本相似，當選擇了一個對象，選擇“幻燈片切換”中的“動作設置”，選擇“超級鏈接到”“其他文件”，再從文件列表中選擇需要的文件。課后反思：學生們做出了不少精彩的作品，綜合能力得到了很大的提升。第九課時：認識Frontpage2000 教學目標： 使學生初步認識FRONTPAGE2000的界面課時安排： 1課時。教學重點：1、認識幾種視圖方式，會新建和保存網頁。2、網站文件夾里面“_private”“_vti_cnf”之類的文件夾不要刪除。 3、掌握在網站文件夾里面新建或者刪除子文件夾。 教學建議：主頁（也稱網頁，怎么樣稱呼都無所謂）就象一張白紙，你可以在上面寫字，畫畫等等，通過自己的設計，

23、那張白紙可以變成很漂亮。做主頁時就是這個概念，只不過我們寫字，畫畫是用筆和白紙，而做主頁我們是用鼠標，鍵盤和Frontpage：） 當然制作網頁的工具不單只有Frontpage2000，還有許許多多好用的工具。但是對于初學者來說， Frontpage2000是最好不過了，因為它操作簡單，方便使用，最適合初學者。或許你下了決心要做一個專業網頁制作人員，要學會更多更專業的網頁制作工具，但是我還是希望你先學習使用Frontpage2000，打好扎實的基礎怎么樣也好一點對吧。 Frontpage2000后可以在Windows的開始菜單運行它。 首先我們來認識一下Frontpage2000的操作界面（如

24、圖3）。（圖3）對于初學者來說，一看到有那么多的菜單和那么多的按紐，不禁會嚇一大跳：“太復雜了，我看我還是不行了。”哈哈，請你放心，你太抬舉Frontpage2000了，其實它沒什么，就那么一點，你完全可以“征服”它的，給自己一點信心：） 我們來把Frontpage2000的界面劃分成兩半，你可以看見圖3上面有一條紅線，當然在你的Frontpage2000上面是沒有的，這只是筆者自己畫上去的，為了大家好區分。 好的，那么我們看圖3，我們把紅線以上的那部分叫控制窗，紅線以下的叫制作窗。 控制窗包括常見的那些“文件，編輯”菜單，雖然看上去挺多挺復雜，但是它大部分常用的命令都歸到了下面一欄的按紐欄中

25、去了。你看，在流行圖形操作界面的今天，我們是多么地幸福啊：）下面一欄為屬性欄，我們可以用這欄來定置文字和圖片的屬性等等。 制作窗包括編輯區和切換按紐。我們就把編輯區當做是一張白紙吧，你可以在上面寫字（用鍵盤打字）和畫畫（插入圖片），具體操作我們將在下幾章學習。編輯區左下角有三個按紐，我們把它們叫做切換按紐：點“普通”按紐，就會出現默認的編輯區。點“HTML”按紐，編輯區就會變成一個滿是英文（？！）的窗口，我們可以在這里編輯HTML，但是對于初學者，筆者不建議你去亂動。做好了網頁的時候，我們可以點一下“預覽”按紐來觀看自己做的網頁，不滿意可以再點“普通”按紐回到編輯區修改。 另外當你第一次運行F

26、rontpage2000的時候，你會看到編輯區左邊會有另外的一欄，灰色的，上面有幾個按紐，它叫“視圖”欄。它可以讓你更方便地查看網頁的大小，連接等等。但是有時我們會覺得它妨礙了我們的工作，使編輯區看起來很窄很不舒服，為了不讓它妨礙我們工作，我們可以點擊控制窗菜單欄里的“編輯視圖”（如圖4），使它消失，要使用的時候再重復點擊一次使它出現，真方便：） （圖4） 到此為止，我們就已經和Frontpage2000交上朋友了，慢慢地，我們要進一步控制它（真陰毒），讓它全心全意為我們服務。 課后反思： 一個新的軟件，學生們對它并不感到陌生，很快就接受了這個新朋友，因為它也是OFFICE組件的一員

27、，有共性。不難掌握。第十課時 練習課教學目標：使學生熟練掌握上節課所講內容，認識界面，新建保存站點。 教學過程：1、學生自行練習，每人先確定好自己的主題，并新建一站點。2、遇到問題可相互討論或請教老師。3、教師巡回指導。課后反思：通過本節訓練，學生熟練掌握上節課所講內容，能夠成功完成所布置的任務。少數要加強練習。第十一課時：制作你的第一個主頁（1） 教學目標： 使學生初步認識FRONTPAGE2000的界面課時安排： 1課時。教學重點：1修改文字的屬性時必須把需要修改的文字用鼠標左鍵括起來。 2網站內所有文件都必須保存在網站文件夾內。 3已經插入到網頁中的圖片不能再修改它的文件名。 教學過程：

28、 知道了一個網站的結構之后，你是否很想馬上動手制作網站里面的網頁？那好，我們本章就來學習如何制作。 首先我們運行Frontpage2000，并且打開一個站點。在打開站點之后我們就要在制作窗的編輯區里面開始工作了。網頁就象一張白紙，該如何讓它顯得美觀，華麗，關鍵是要看網頁設計者自己。網頁中少不了文字和圖象，把文字和圖象擺在自己希望的位置，一個網頁就出來了。其實制作網頁就這么簡單，你也不想筆者浪費口水了吧？那我們馬上開始。 我們新建一個網頁，你可以點擊控制窗按紐欄的來新建一個網頁。 網頁上的文字如何制作你該不會不知道吧？在編輯區打字，你打出來的文字就會出現在光標閃動的地方（如圖1）。我們在編輯區打

29、上“你好，歡迎你光臨我的主頁。” （圖1）（圖2） （圖3）你可能不希望網頁上的文字都一樣，只是黑色的吧。你可能希望它是紅色，也可能希望它是藍色。又或者你希望某些文字比較大，而且還有一些特殊效果。如何才能做到更改文字？很簡單。我們用按住鼠標的左鍵，把你想改變顏色的字括起來（如圖2），括起來之后按鼠標右鍵，選擇彈出菜單中的“文字”（如圖3）。接下來會彈出窗口中選擇你想要改變的方式（如圖4）。 （圖4）（圖5）字體菜單可選擇你希望的字體，字型可以改變文字的形狀，可以是粗體也可以是傾斜體，大小就是改變文字的大小，還可以改變顏色和增加一些文字的效果。更改好了可以在預覽區預覽一下，不滿意可以再改。 我們

30、這樣來修改：把字體定置為宋體，在字體菜單中選擇宋體。字型為粗體，在字型菜單中選粗體。文字大小為6，即是24磅。顏色為紅色，文字效果為下劃線。按確定，你就會發現剛才打在編輯區的文字起了變化（如圖5）。 當然你也可以隨意更改成自己喜歡的樣式。 網頁中最主要的元素除了文字，就是圖片。如果網頁中只有文字，而沒有圖片的搭配或者裝飾，一定會顯的很呆板。那么在Frontpage2000制作網頁中如何為網頁加上圖片呢？很簡單。 我們把編輯區上的鼠標光標移動到編輯區希望出現圖片的地方，然后按控制窗的按紐欄里面的插入圖片按紐，在彈出的窗口中選擇你希望放在網頁上的圖片（如圖6），按確定就行了。 大家記住，插入網頁中

31、的圖片格式必須是“JPG”或者是“GIF”格式的，讀者如何區分這兩種格式呢與其他格式的不同呢？如果你安裝了ACDsee這個著名的看圖軟件的話，你可以看一下圖7就能分清楚了。 （圖6）（圖7）這里要提醒一下大家：在第二章已經跟大家提過網站中圖片的保存位置了，大家必須把網頁中使用到的圖片保存在網站文件夾的“images”文件夾中。要是你插入的圖片不是保存在網站文件夾里的話，那你做好網頁瀏覽的時候就看不到網頁中你插入的圖片了。所以大家要緊記，網站中所有的文件，包括網頁，圖片等等都必須保存在這個網站的文件夾中，還必須用英文名字。 還要注意的一點就是：已經插入網頁中的圖片，你就不能再修改那張圖片的文件名

32、了，否則在瀏覽時同樣會出現看不見圖片的后果。 筆者插入一張“Welcome”字樣的圖片，如果你沒有的話可以插如其他自己喜歡的圖片。 到目前為止，一個簡單的網頁就算制作成功了，點擊制作窗的切換按紐中的“預覽”按紐預覽一下（如圖8）。 （圖8）對于這個網頁嘛，有些讀者會大罵：“什么破玩意，怎么見得了人呢！”可能另一些讀者會說：“哦，小寶貝，這是我做的第一個主頁，要好好保存起來。”哈哈，具體你會怎么樣做筆者可猜不著了。怎么說也是第一個，也只能做到這種水平了：）如果你想學習把網頁做的更好看一點的話，歡迎你繼續閱讀本章的第二小節。 課后反思：學生們學的很認真，沒有什么難點，這些在以前的課程中都涉及到，有

33、共性。第十二課時： 網頁的布局 教學目標： 使學生初步認識網頁版式，知道表格在網頁中的作用，會用表格規劃布局網頁 課時安排：1課時。教學重點：重點：網頁版式的設計和表格的建立。難點：正確設置表格的屬性。 教學過程： 導入：上一節當中我們做的網頁（如圖8），給人的第一感覺除了是“次”的要死以外就是凌亂。 （圖8）網頁就是這樣，要想給人一種視覺上的沖擊或是享受，你就必須會搭配文字與圖片等等元素。 就圖8上面的這個網頁來說吧，如果把文字和圖片擺在中間的話，感覺還會好一些。但是我們要怎么樣做才能更方便地把網頁上的元素整齊地擺放好呢？這就要用到表格了。 表格在網頁中是用的最廣泛，也是用處最大的一個元素。

34、 怎么樣在網頁中使用表格呢？我們點擊Frontpage2000控制窗菜單欄的“表格插入表格”（如圖9），在彈出的窗口中選擇要插入表格的要求（如圖10）。選擇好之后按確定，就在你的網頁上插了表格了。 （圖9）（圖10）我們新建一個網頁，選擇插入表格，在彈出的窗口中的“大小”欄里選擇行數為2，列數為1，邊框粗細，單元格邊距和單元格間距為0，指定寬度為100，并且是指百分比（如圖10）。然后按確定，我們就在網頁里插入了兩行的表格（如圖11）。 （圖11）接下來我們在第一行的表格里面打上自己喜歡的文字，并定義它的屬性。在第二行的表格里面插入一張圖片（如圖12）。 （圖12）（1）定置表格 表格可以定置

35、它的長寬，具體怎么做的？我們新建一個網頁，插入一個一行一列的表格。在表格內點擊鼠標右鍵，選擇表格屬性。在彈出的窗口中設置（如圖1）。 （圖1）剛才說了，如果把文字和圖片移到網頁的中間就會比較好看，那我們現在就移動它。 具體怎么樣移呢？難道要我們可愛的讀者不停地在文字或者前面狂按空格鍵？不是的，很簡單就可以做到了。 我們用鼠標左鍵把表格括起來使里面的文字和圖片被選中，把鼠標依到表格的頂端的邊緣線上上按左鍵，把它括起來（如圖13） （圖13）括好之后我們按控制窗的按紐欄里面的居中按紐，使選中的內容居中（如圖14）。以后有需要你也可以使用按紐欄里面的做對齊，右對齊按紐。 （圖14）怎么樣？放在中間是

36、不是好看了一點？ 接下來我們繼續編輯網頁里面的內容，依舊使用表格和居中按紐，添加一些自己喜歡的內容。 （圖15）課后反思：本節課布局這個概念是個難點，但做表格，不難，因為在以前的WORD中也學習過，所以只要稍加點撥，學生就學會了。第十三課時： 超級鏈接 教學目標： 知道超鏈接的作用及組成要素，了解超鏈接的種類，會根據需要設置書簽超鏈接。課時安排： 1課時。教學重點：重點：超鏈接的組成要素及創建超鏈接的一般方法。難點：書簽超鏈接的設計與創建。教學過程： 導入：超級連接是一個網站的靈魂。可以這么說，超級連接就象人體內的血管。人們的手如果缺少血管的話，那血液就不能流到手上，那手就不能運動了。網站也一

37、樣，如果你的子文件做的非常非常好，但是沒有超級連接，瀏覽者就只能看到網站的主頁了，而不能看到后面的子文件了。所以，超級連接在網頁中起了很重要的作用。 不要以為很重要就很難學了，不是的。在Frontpage2000里做超級連接就象是打字一樣簡單：） 我們先不要管剛才做好的網頁，先把它保存起來。點按紐欄的保存按紐保存剛才做的網頁，由于是主頁，所以保存時的應該把它命名為“index.htm”或者是“index.html”（如圖16）。 （圖16）我們再新建一個網頁，在編輯區編輯你自己的自我介紹，然后保存，記住用英文名保存，比如用“ziwojieshao.htm”，不能用中文。 保存好了，我們重新打開

38、剛才保存的主頁（index.htm），為主頁上的“自我介紹：做超級連接。 用鼠標左鍵括起主頁上的“自我介紹”四個字，然后點擊按紐欄的超級連接按紐，在彈出的窗口中選擇剛才保存的“ziwojieshao.htm”（如圖17）。 （圖17）（圖18）按確定。如果你發現“自我介紹”四個字下面多了一條橫線，說明你的超級連接就做成功了：） 依次把“我的收藏”“我的愛好”等幾個網頁做好，并依次為它們做上連接。 當做“給我寫信”的連接的時候，要注意一下它的做法稍有不同。由于是給你寫信的連接，點擊這個連接之后系統就會自動運行電子郵件程序給你發郵件。所以這個連接的地址應該是你的電子郵箱地址。在點超級連接按紐彈出的

39、窗口中點圖18中畫著圈圈的按紐，在另一個彈出的小窗口中填寫你的郵箱地址，就行了。 竟然文字可以做連接，那圖片可以給它做個連接嗎？當然可以啊，點擊你想要做連接的圖片，并按按紐欄的超級連接按紐，跟做文字連接的做法完全一樣。 設置圖片熱點連接 有時你可能不希望一張圖片都做上連接，只想為圖片的某部分做上連接，這就叫做提片熱點連接。如何做到呢？我們點擊一下想要做熱點連接的圖片，你會看到Frontpage2000會自動在編輯區下面彈出一個工具欄（如圖2）。 （圖2）你可以使用這些工具加工你的圖片。而做熱點連接我們只需要使用到工具欄的幾個按紐。她們分別是可以選取各種形狀來做熱點連接。我們選擇長方形的熱點工具

40、，在圖片上拉取一個想要做連接的區域，它就會自動彈出一個超級連接的窗口來，為它做好連接之后你會發現做熱點連接的圖片多了一個熱點區（如圖3）。 （圖3）這樣就表示熱點連接已經做好了。瀏覽的時候你就會發現這張圖片內只有熱點區才有連接而熱點區以外是沒有連接的。這里還有最后的補充：每個網頁都應該有標題嘛，如何定置網頁的標題呢？在網頁的空白處點擊鼠標右鍵，選擇“網頁屬性”，彈出另一個窗口（如圖19）。 （圖19）在“標題”欄填寫你想要的標題，按確定就行了。你也可以為你的網頁使用背景圖案，那樣網頁看起來就更好了。點擊“網頁屬性”窗口的“背景”按紐，或是使用背景色，或是使用背景圖案，一切由你決定。你還可以在這

41、里定置超級連接的顏色呢，真是太棒了！ 要點： 1學會善于運用表格，是整個網頁頁面看起來更整潔。 2多使用“左對齊”“居中”“右對齊”按紐配合表格的使用。 3保存網頁時記住不能使用中文保存。 4做超級連接時要細心，不然很容易出現連接錯誤。 5不談專業與否，一個出色的網站關鍵在于創意。課后反思：超級鏈接是重點也是難點，盡管以前學過了，但還有同學不明白，出錯，還要加強練習 。第十四課時： 制作網頁練習教學目標 加強網頁制作技巧的練習。教學重點與難點 重點：選用模板制作網頁 難點：超鏈接的使用。 課時安排 1課時。 教學過程 一、 項目主題制作網頁：我喜歡的圖書二、 項目要求：l 使用表格布局l 文本

42、包括內容介紹，作者簡介，目錄和精彩片段l 有超鏈接l 有圖片三、 學生制作，教師指導四、 展示作品，總結課后反思：本節內容綜合，通過小組合作，大部分同學能夠理解并掌握并完成所布置的任務，完成作品。第十五課時：規劃網站、創建一個站點并管理它教學目標 (1)知道從哪入手規劃網站(2)依據主題，設計好網站欄目(3)搜集圖片和資料。 教學重點與難點 重點：知道從哪入手規劃網站難點：依據主題，設計好網站欄目課時安排 1課時。 教學過程 規劃網站，其實就是網站的整體定位。說得時髦一點就有點像CI（corporate identity），意思是通過視覺來統一企業的形象。算了，還是不要這么復雜吧，我只是一個小

43、家碧玉者。     1.確定主題和內容 主題和內容說白一點就是做網站的目的。看了不少個人網站，感覺就是：你抄我抄大家一起抄，黃沙淘盡不見金。我絕對不能這樣，否則就成了網絡垃圾了。經過冥思苦想，我決定做一個真正意義上的“個人”網站，做一個個人的家，一個在網絡上宣傳自己、結交朋友的“家”。 這樣一來，主要內容就應該是介紹自己。個人簡歷？不，那樣也太沒有意思了。就當是做一個圖文并茂的自我小傳吧!應該有簡歷的一部分內容，但還應該多說說自己的興趣愛好。此外，還少不了應該適當介紹一下和自己相關的東西啊! 內容確定了，那是不是應該給我的網站取個好名字了？前輩說：網站名稱也是網站

44、設計的一部分，而且是很關鍵的一個要素。很有道理，就像每個人都想取個好名字一樣，家也應該有個好名字! 看看網上的名字，“海闊天空”有點虛，“XX的個人主頁”有點俗。還是平實一點，就以我的名字叫“豆豆之家”吧。    2.網站結構 參考了一下其他的個人網站，再看看前輩長篇大論，我也稀里糊涂地明白了一些名詞。 網頁就是你看到瀏覽器內的一個頁面，由圖片和文字組成。通常有一級頁面、二級頁面之說。當你輸入網址看到的第一個頁面叫做首頁，通常的名字是index.htm。 網站簡單地說就是很多相關網頁文件、圖片文件? 他文件的組合。一個網站由相關網頁組成一個關系網，通過頁面上的鏈接

45、在不同的網頁之間跳轉。 網站的結構和內容好像還有一些不成文的規定（當然都是前輩們嘮叨的）： l 網站一定要緊扣主題。 l 設定一個交互式的欄目，例如留言薄。 l 頁面簡潔，盡可能方便訪問者的瀏覽和查詢。 l 網站的層次不要太復雜，小網站由3層網頁構成是比較合適的。 l 整體的頁面設計風格要保持一致。     3.風格的選擇 網站的風格，是不是有點像人的氣質呀？“家”當然是有氣質的，或者活潑、或者嚴肅、或者精美、或者樸素、或者粗獷豪放、或者小家碧玉等。我們應該根據自己的主題和內容給它選擇一種合適的風格類型，以求內容和形式的完美結合，突出自己的特色和個性。可惜我不是學

46、美術的，只是簡單地知道一些冷暖色，看來還得在實踐中多比較。     4.頁面設計 網站是由一個個頁面組成的，所以每個頁面的制作就顯得極其重要。說來說去又是一個美術設計方面的問題。我先找幾張白紙勾畫我的頁面草圖。 這是網絡上常見的幾種網頁布局。雖然都是在排列目錄、題目、正文，但真正要做到結構清晰、一目了然還得看具體制作的功夫。 當然可以選擇更活潑一點的樣式，只是需要自己去發揮了，或者到網絡上去學習各種漂亮的頁面設計。 選擇制作工具 古人說得好：工欲善其事，必先利其器。網上建家總是要工具的，制作網頁和網站的工具很多，甚至用記事本也可以（就像泥瓦匠起房子一樣，是寫網頁的

47、源代碼）。但也有很多工具，可以直接將房子的框架搭好，剩下的工作就是確定要多少房間和如何布置房間。FrontPage2000就是這樣的工具。 Dreamweaver3和FrontPage2000都是當前的主流站點和網頁編輯器。Dreamweaver3更加專業，其代碼的簡潔、兼容性和整體功能都要比Frontpage2000強。但是FrontPage2000是微軟的產品，是Office2000中的一個組件，和大家經常使用的Word有類似的界面和操作。用FrontPage編寫網頁就像用Word寫文章一樣簡單，很適合于我這樣業余建小“家”的人上手。三、新建站點這個家怎么樣才有呢？我們先運行Frontpa

48、ge2000，在控制窗的菜單欄里選擇“新建站點”（如圖1）。（圖1）（圖2） 在接下來彈出的窗口中你可以看到圖2。Frontpage2000自帶有一些網站的模板（意思就是按照它的意思去做），我們一般不使用這些模板，我們在左邊的模板選擇窗里選“空站點”，然后在右邊的“選項，指定新站點的位置”中敲入你想保存這個網站的文件夾地址。一般第一次使用Frontpage2000的時候它自動就生成了一個新站點，保存的“我的文檔”的“My Webs”文件夾中。你也可以重新建立一個文件夾作為網站的存放點。我們在以下稱保存網站的文件夾為“網站文件夾”或者是“主文件夾”。 建立好了新站點，你會發現Frontpage2

49、000的標題欄就變成是“C:My DocumentsMy Webs”里，這樣的話就表示你已經打開了某個網站。或許你還創建了其他網站，我們可以通過Frontpage2000的菜單欄里面的“文件打開站點”來打開其他站點（如圖3）。（圖3）（圖4） 在彈出的窗口下放選擇保存網站的文件夾地址（如圖4），再按“打開”按紐就打開了。 一般運行了Frontpage2000的同時它就自行打開了最近編輯的一個站點。有時你不想編輯此站點可以點擊菜單欄的“文件關閉站點“關閉它。 創建了好了新站點的同時，你按控制窗的按紐欄里面的打開文件夾列表或者到網站文件夾看一下，是不是多了兩個新文件夾？一個叫“images”的文件

50、夾是供我們用來保存本網站中的圖片文件的，在制作網頁之前你先把要用到的圖片都保存到這里。還有一個叫“_private”的文件夾，而且日后你會發現在“images”文件夾或者文件夾中出現許多象“_vti_cnf”之類莫名其妙的文件夾，其實這是系統用來做緩存的文件夾，我們不要認為它是垃圾就把它刪了，有用的，不要刪了。 為了方便管理，你也可以自己添加一些文件夾用來保存其他內容，比如添加一個名為“webs”的文件夾用來保存網站的其他網頁，這樣大家管理起來就不會覺得很凌亂了。 添加文件夾有兩中方法，第一個方法是先關閉Frontpage2000，再到網站文件夾里新建一個文件夾，建好之后再重新運行Frontp

51、age2000你按控制窗按紐欄里的打開文件夾列表看一下，就會發現多了一個新的文件夾。另一個方法就是直接在文件夾列表中添加（如圖5）。 這里要注意一下，凡是添加的文件夾，或者是保存在文件夾里面的所有東西，都必須是以英文命名的。不然就會出現連接錯誤而不能瀏覽。總之一句話，網站里的所有東西都用英文名：） （圖5）（圖6） 當然你也可以從網站中刪除某些文件或者文件夾，具體做法和新建文件夾差不多，大家多實踐一下。 到了這里，或許你會認為什么主頁，什么第二個主頁，什么主頁又不是網站什么的，一頭霧水。那你可以看一下圖6，這樣能好理解一點：）或者是這樣解釋：圖6中的“主文件夾”就是剛才打比方說的家，“主文件”

52、就是家里的客廳，當然可以有許多主文件的。但是你要記住，一個網站中真正的主頁名必須是“index.htm”或者是“index.html”，也是唯一的，為什么要這樣做筆者以后會解釋。而“子文件夾”就是指家里的廚房，“子文件”就是指廚房里的裝飾或者是用具。同樣你也可以有許多的“子文件夾”和“子文件”的。 課后反思：站點是個新東西，但是在FRONTPAGE中建立很簡單，只是要了解一些新的概念，明白一些細節問題，大部分同學還是可以自己建成一個站點，并建立首頁。第十六課時： 制作網頁教學目標 (1)掌握網頁制作的一般方法(2)完成主頁的制作 教學重點與難點 重點、難點：完成主頁的制作課時安排 1課時。 教

53、學過程 打開FrontPage 2000，我們看到的是一個親切熟悉的界面，幾個主菜單幾乎是微軟公司所有軟件產品所共有的。單擊"文件"菜單中的"新建"->"網頁"，就會彈出一個網頁制作的向導，從三方面提供了幾十種基本方案供你選擇。在"常規"選項卡中一共提供了26種模板，其中甚至有"意見薄"和"用戶注冊"的界面！在"框架網頁"中，提供了10種框架結構，幾乎包括了所有常見的網頁框架。"樣式表"則能幫助我們確定統一的文字風格，比如&quo

54、t;霓虹燈"型就是規定文本和標題為霓虹綠Verdana字體，超鏈接為黃綠色，背景為黑色。對于不太熟悉網頁制作的人來說，這個向導幾乎可以幫助我們完成基本技術工作的三分之一！我們只要按照自己已有的構想，在其中選擇符合自己風格的一個架構，那么剩下往里面添內容的工作就幾乎與技術無關，非常簡單易行了。     "插入"這個選單具有比較鮮明的FrontPage特色，是專門為網頁編輯而服務的，它包括了十分豐富的內容，是網頁編輯中最常使用的動作。 由于網頁的源代碼畢竟是Html語言，所以一些在Word中常用的字符是不能在FrontPage的編輯頁面中

55、正常使用的，比如"回車"在FrontPage中就會產生一個大的分段，而不是簡單的換行。而我們在文章中往往還需要文字的單純換行。這種情況就只能用"插入"換行符來解決。"插入"菜單中還包括很多內容，如水平線、符號、豐富多彩的文件和圖像，這都是網頁編輯中比較通用的資源。最具網絡特色的超級連接也可以插入。 另外FrontPage還提供了大量的組件，來盡量減輕用戶的工作量，可以插入時間戳、導航欄、目錄表格等。可以插入各種特殊效果。插入菜單的高級部分就是為這個設計的，你可以插入各種ActiveX單元，如動態按鈕、標題廣告管理器、滾動字幕、計數器等，也可以插入各種FrontPage組件，設置數據庫信息，當然也可以插入各種表單域。當然如果你對這些操作不滿意，也可以自己插入一些豐富的控件，這些就可以通過高級選項完成，實現插入java小程序、ActiveX控件等。 其實搭好框架，加入文字與圖片，安排好鏈接，這個網頁基本上就已經完