1、【精品文檔】如有侵權，請聯系網站刪除，僅供學習與交流活動2：制作網站的主頁教學目標：1、 知識與技能1、 熟悉網頁制作軟件的窗口界面和常用操作。2、 掌握用表格編排頁面的方法。3、 提高文字和圖像混合編排的能力。2、 過程與方法：認識并熟悉網頁編輯軟件FrontPage，掌握利用軟件編輯網頁的方法。三：情感態度與價值觀：學習利用軟件編輯網頁的方法，增強團結協作的意識與能力。教學重點：FrontPage使用方法。教學難點：設計、編輯網頁的方法。教學時間：4課時第一課時教學內容：認識FrontPage軟件的操作界面，創建網站，開始制作主頁教學過程：教學環節教師活動預設學生活動預設應用軟件窗口設計意

2、圖1、復習建立網站的基本過程？鞏固2、導語網站最重要的就是網頁，多個網頁通過鏈接關系構成一個整體。主頁相當于一個網站的門，通過它可以了解網站的功能和基本結構。3、講新一、FrontPage軟件簡介FrontPage功能比較豐富、簡單易用。右圖是FrontPage軟件的窗口，大家打開軟件后觀察它的 結構。下方有四個視圖模式按鈕，可以改變視圖模式。2、 創建網站要在網絡中建立一個網站，首先要在計算機中創建一個網站，然后在這個網站中添加主頁和其他層次的頁面。下面我們來建立一個網站。在E盤建立一個名為“心靈之約”的網站。1、 執行“文件-新建”命令，在任務窗格中選擇“由一個網頁組成的網站”2、 把網站

3、的位置改為E盤。如圖所示。3、 在E盤的盤符后面輸入“心靈之約”，然后單擊確定按鈕。3、 制作主頁主頁是整個網站的窗口。制作主頁一定要達到整齊美觀、活潑鮮明。（1） 、用表格安排頁面布局使用表格可以把整個頁面分成很多區域。編輯時，首先把文字、圖像等素材定位到指定的單元格中，然后修飾美化單元格。在主頁index.htm中插入表格1、 雙擊文件名index.htm，顯示它的頁面編輯區。2、 執行“表格-插入-表格”命令，設置好參數，插入一個一行一列、寬度為870像素、不顯示邊框、居中對齊的表格。3、 在頁面中敲一下回車鍵后，插入一個一行六列的表格。4、 繼續插入一個2行2列、不顯示邊框的表格，然后

4、合并其中的第2行單元格。5、 把第3個表格的第1行第2列單元格拆分成3行。6、 適當調整表格高度，最后保存網頁。（2） 、插入網站標題1、 把插入點移動到頁面中的第1個表格中，然后執行“插入-圖片-來自文件”命令。2、 將素材庫中“網站動畫標題”插入進去。3、適當調整標題的大小，然后把圖像保存到網站中的images文件夾里。觀察軟件同步操作小組討論交流同步操作合作交流實際上，這個網站就是一個文件夾。完成上述操作后，系統在“心靈之約”網站中生成了“private”和“images”兩個文件夾，并自動生成了網頁文件index.htm。“private”文件夾用來存放不想供瀏覽者訪問的文件；“ima

5、ges”文件夾用來存放圖像文件。4、課堂補充練習：完成課堂所學內容。5、小結：網頁的布局，表格的插入。6、課后反思成功：不足：第二課時教學內容：網站主頁制作教學過程：教學環節教師活動預設學生活動預設應用軟件窗口設計意圖1、復習如何調整網頁布局？小組可以討論鞏固2、導語網頁上除了標題以外，還需要放置更多的文字，給瀏覽者提供豐富的信息。3、講新（三）、輸入文字。1、在第2個表格的6個單元格里分別輸入各個欄目標題。2、設定文字的格式。3、在第2個表格的第1個單元格中逐行輸入下面的文字，然后設置文字格式。4、將插入點移動到文字當中，然后執行下列操作，設置段落格式。執行“格式-段落”操作，然后再設置。這

6、部分學生學習過，可獨立操作。5、 在頁面相應的位置輸入有圖紅色文字內容，并設置適當的格式。6、 單機預覽視圖按鈕，在窗口中可以預覽網頁的效果。（4） 、配插圖網頁中，除了文字，還需要配上插圖，使網頁達到圖文并茂的效果。1、 在“心靈之約”網站的主頁中插入合適的圖像。插入圖片并調節圖片的大小，學生沒有學過這一內容，需加強訓練。2、 保存網頁，把圖像保存到網站中的images文件夾里。4、 完善主頁在網頁中輸入文字、插入圖像后，為了使網頁更加直觀和美觀，往往還需要進一步修飾網頁。（1） 、修改網頁標題。嘗試修改網站標題。1、 右擊主頁任意位置，在右鍵菜單中單擊“網頁屬性”命令。2、 在對話框中輸入

7、網頁額標題，再單擊確定按鈕。3、 保存文件后，在瀏覽器窗口中預覽網頁，觀察所顯示的標題。（2） 、修改網頁背景默認情況下，我們看到的網頁背景是白色的。把一幅圖像設定為“心靈之約”主頁的背景。1、 右擊頁面，單擊快捷菜單中的“網頁屬性”命令。2、 按需要操作，把一幅圖像設成網頁的背景。3、 保存網頁，并把背景圖像文件保存到站點中，然后瀏覽網頁。（3） 、修改單元格樣式1、 選定欄目標題所在的表格并右擊，然后執行相應的操作2、 修改邊框的顏色，并適當變粗。3、 調整單元格的高度，適當修改單元格中文字的顏色。4、 修改單元格中文字的對齊方式。5、 參考右圖，設置其它單元格的邊框和背景。（4） 、設置

8、單元格的邊距默認情況下，單元格中的文字會緊貼著單元格的邊框，影響美觀，如右圖。1、 選定單元格并右擊，然后設置文字與邊框的距離。2、保存后瀏覽網頁。這部分可獨立完成文字輸入這一內容進盡量完成討論交流小組互助觀察網站標題同步操作跟蹤操作中華民族的傳統美德，源遠流長，照亮人心。美德，是至善、至純、至高人性的結晶，它源自生活又融入生活，只要我們用心去感悟，就會發現它無處不在。我們要讓心靈閃耀出本性的光芒，要付出愛的行動，愛親人、愛朋友，愛家庭、愛集體、愛國家，熱愛并善待一切美好的事物。讓我們從這里開始，邁開愛的步伐，讓心靈永遠保持美麗的本色！愛讀書，讀好書    今天推薦的好書是

9、中華傳統美德格言。該書由人民教育出版社出版，精選格言近300條，涵蓋愛國、修身、立志、進德、處世等內容，是啟迪人生的良師益友。“配插圖”這一內容，在往年都是七年級上學期的課程，從去年教材變動后，這一內容移動到了小學，而我們本地小學沒有開辦信息技術這一課程。主頁右擊 格式 背景圖片（打），然后單擊“瀏覽” 選擇素材庫中的“主頁-背景圖”后，單擊確定按鈕即可。這一步，大家在老師的誦讀下，按要求直接操作即可。選擇“單元格屬性” “背景”項 （選擇一種顏色） “樣式”（最下面） “格式”（最下面） 修改后確定即可。選定單元格并右擊 單元格屬性 樣式（最下面） 邊框，樣式里選擇“無”，襯距中的上下左右都

10、選擇8，然后單擊確定即可。4、課堂補充練習：完成上述操作。5、小結：實際操作時，可以根據實際情況進行修改。6、課后反思成功：不足：第三課時教學內容：1、 制作滾動字幕2、 插入水平線教學過程：教學環節教師活動預設學生活動預設應用軟件窗口設計意圖1、復習打開前面自己制作的網站，看看還有哪些方面需要進一步加工處理的？觀察交流鞏固2、導語很多網站里我們都能看到滾動的字幕，它是怎么實現的呢？滾動字幕中的文字會從某個方向順序移動，通過動態的方式呈現。網頁中往往用滾動字幕來展示一些通知、廣告、標語等，而且要求字幕內容簡潔、篇幅短小。3、講新一、制作滾動字幕在“心靈之約”主頁中添加一行滾動字幕。1、 單擊第

11、1個表格下方的空行，執行“插入Web組件”命令。2、 雙擊“字幕”選項，然后在字幕屬性對話框中輸入字幕內容，設置參數。3、預覽網頁，可以看到文字從左逐漸向右移動。2、 插入水平線水平線可以用來劃分網頁中的不同區域。如果網頁中內容比較多，需要劃分界線以便分類時，使用水平線是一種比較簡便的方法。在主頁版權信息等文字的上方插入一條水平線。1、 把指針移動行首并單擊，執行“插入水平線”命令。2、 雙擊插入的水平線，在“水平線屬性”對話框中設置它的高度和顏色。最后單擊確定按鈕，設置完成。小組互相查看制作效果4、課堂補充練習：補充沒有完成的項目；將水平線的線性改成其它的類型。5、小結：滾動字幕和水平線的制

12、作方法。6、課后反思成功：不足：第四課時教學內容：1、 創建電子信箱地址的超鏈接2、 創建網站超鏈接教學過程：教學環節教師活動預設學生活動預設應用軟件窗口設計意圖1、復習如何制作滾動字幕？指名操作大屏幕。鞏固2、導語訪問者與網站的聯系方式，最常見的就是電子郵件聯系方式。而給出的提示文字可以是電子信箱地址或者類似“歡迎來信”、“與我們聯系”等等。3、講新一、在主頁中創建電子信箱地址的超鏈接。1、選定要插入電子信箱地址超鏈接的文字并右擊。2、按右圖操作，建立所選文字與電子信箱地址的超鏈接。建立超鏈接后，當鼠標指針指向那里時，會出現表示連接的小手標志。2、 創建網站超鏈接因特網上有很多與我們制作的網頁相關的網站，如果在網頁中插入這些網站的超鏈接，可以使瀏覽者很方便地瀏覽相關的網站，擴大視野。插入方法：1、 在主頁中插入友情鏈接欄目的名稱.跟蹤操作小組合作交流2、 選定一個欄目，創建與它相應的網站的超鏈接。如右圖，我們鏈接的網址是人民教育出版社網站的思想品德