下面是小編給大家分享的八年級上冊資訊科技教學計劃,供大家閱讀與參考。
第1課 建立站點
本課學習目標:1、知識目標:瞭解網站規劃方法;認識Frontpage20xx的工作介面;理解站點、網頁、主頁的概念。
2、技能目標:學會規劃和設計網站;能夠蒐集網站相關素材;學會新建和開啟站點。
3、情感、態度與價值觀目標:感受網站規劃的重要性,養成做事有計劃、勤思考的習慣。
教學方法:自學法、演示法、觀察法、實踐法、小組合作。
教學重點:網站規劃的一般步驟;Frongpage20xx的站點管理。
教學難點:網站規劃的一般步驟。
學習時間:1課時。
學習過程:
引入課題:許多同學都有上網的經歷,那麼什麼是網站呢?
網站:網站是在因特網上一個相對獨立的資訊的集合,這些資訊以網頁的形式向全世界釋出。因此,網站就是相關網頁的集合。
學習與探究:
一、他山之石,可以攻玉
通過對“中國少年雛鷹網”與“聯想公司網站”首頁的比較,談談自己的感受,並說出它們之間有什麼差異?
二、網站規劃的一般步驟
小組合作:閱讀本部分內容,總結網站規劃的一般步驟?常見的網頁版面佈局形式有哪些?
步驟:1、確定網站的主題和風格;
2、設計規劃網站的結構和內容;
3、設計網站的版面佈局;(“T”型、“口”型、時尚型、“三”型佈局)
4、蒐集整理網站素材;
5、選擇網站製作工具(frontpage20xx)。
三、Frontpage20xx的站點管理
1、 初識Frontpage
根據開啟程式的一般方法,自己試著開啟Frontpage。並思考有沒有其它的開啟方法。
2、 新建站點
教師演示:“檔案”---“新建”---“站點”,開啟“新建”對話方塊。
學生操作:(1)指定新站點的位置為“D:情感小屋”,並選擇站點型別為“只有一個網頁的站點”。
(2)觀察介面發生了什麼變化?在“資料夾列表”中自動生成了哪幾個檔案或資料夾?它們有什麼作用?
3、 開啟站點
“檔案”---“開啟站點”。
四、實踐與創新的:
1、 訪問以下網站,描述它們各自的主題和風格,並畫出網站的結構圖和主頁的佈局圖。
2、 蒐集整理關於讚美父母的詩句、文章、圖片或歌曲,分組合作設計“我的父母”網頁。(包括頁面結構、內容、版面佈局、網頁的風格和內容,通過表格的形式記錄下來)
五、小結:網站規劃的一般步驟、Frontpage的站點管理
六、教學反思:
第2課 設計網站首頁
本課學習目標:1、知識目標:認識網頁的工作原理;瞭解網頁編輯的一般過程。
2、技能目標:學會在網頁中輸入文字、插入圖片和水平線;學會新建、預覽和儲存網頁。
3、情感、態度與價值觀目標:善於從身邊的廣告、書刊中學習版面設計知識,並學以致用。
教學方法:自學法、演示法、觀察法、實踐法、小組合作。
教學重點:在網頁中插入文字、圖片、水平線及網頁的儲存、預覽。
教學難點:在網頁中插入文字、圖片和水平線。
學習時間:1課時。
學習過程:
引入課題:展示一個包含有文字、圖片和水平線的網頁,並通過對這三部分的介紹激發學生的學習慾望。
學習與探究:
一、在網頁中輸入文字
小組合作並操作:根據前面所學知識,即在WORD中輸入文字的操作,在“D:情感小屋”站點中,雙擊開啟主頁檔案“index.htm”,對照小宇在上節課中設計的首頁效果圖,在編輯視窗輸入相應文字,並按照圖例對這些文字進行修改字型、字號、顏色、對齊方式等操作。
二、在網頁中插入圖片
教師演示:“插入”---“圖片”---“來自檔案”
學生操作:在“Banner位置”處插入存放在“D:素材”中的Banner圖片,並對所插入的圖片進行大小調整。
注:為便於上傳,網頁中圖片一般採用容量較小的格式,如JPEG、GIF、PNG等。
三、在網頁中插入水平線
學生閱讀相關內容,試著自己在網頁中的標題與正文之間插入一條水平線,並設定“水平線屬性”。(教師巡迴指導)
四、儲存網頁
同WORD操作相似,並嘗試用不同的方法儲存,考慮哪種方式更方便?
試一試:將剛剛插入到網頁中的圖片指定儲存位置為:本站點的“images”資料夾。
五、預覽網頁
方法一:利用FrontPage自帶的預覽功能;方法二:通過瀏覽器預覽。
練一練:按照上面介紹的兩種方法預覽自己的網頁,分析它們各有什麼優缺點?
六、新增新網頁
“檔案”---“新建”---“網頁”
七、實踐與創新:
1、根據第1課的規劃,參照小宇設計的“我的父母”所示的介面,設計製作網頁“我的父母”,其檔名為:,標題為“我的父母”。
2、對新建的網頁進行預覽,並改變預覽視窗的大小,你會發現什麼現象?有什麼辦法可以解決這個問題?
八、小結:
在網頁中插入文字、圖片、水平線及網頁的儲存、預覽,新增新網頁。
九、課後反思:
第3課 網頁中的表格
本課學習目標:1、知識目標:理解表格在網頁設計中的重要作用。
2、技能目標:學會使用表格佈局網頁;靈活掌握表格調整的方法。
3、情感、態度與價值觀目標:瞭解學校概貌,發現校園之美;養成良好的生活和學習習慣。
教學方法:自學法、演示法、觀察法、實踐法、小組合作。
教學重點:在網頁中插入表格及表格的調整。
教學難點:在網頁中插入表格及表格的調整。
學習時間:1課時。
學習過程:
引入課題:通過對“某校園鳥瞰圖”與下載的“中學生”的首頁作比較,引導學生髮現網頁中表格的運用。
學習與探究:
一、表格的作用
閱讀本部分內容,思考:在網頁中使用表格有何作用?
表格可使網頁中的文字、圖片、動畫等素材排列整齊有序,並且不會因瀏覽視窗大小的改變而改變排列方式。
二、在網頁中插入表格
試一試:閱讀相關內容,試著在站點“情感小屋”中開啟首頁檔案,分別插入四個表格,依次為:2*3、2*2、1*4和2*1,寬度都為780畫素,水平居中。(教師巡迴指導)
三、表格的調整
1、 行高和列寬的調整
方法一:手動操作 方法二:通過單元格屬性或表格屬性調整
2、 單元格的合併和拆分
教師演示:(1)選中想要合併或拆分的單元格;
(2)單擊滑鼠右鍵,在快捷選單中選擇“合併單元格”或“拆分單元格”。
3、 插入或刪除表格中的行或列
(1)選擇相應的行或列;
(2)單擊滑鼠右鍵,在快捷選單中進行相應選擇。
4、 平均分佈行和列
(1)選擇需要平均分佈的行或列;
(2)單擊滑鼠右鍵,在快捷選單中進行相應選擇。
練一練:參照“情感小屋”網站首頁佈局的內容,調整前面插入的表格,並將在第1課中輸入的內容移到表格內。預覽網頁,測試調整效果。
四、設計網頁模板
教師操作:“檔案”---“另存為”---選擇“Frontpage模板(*)”,並命名模板檔名(如:“情感小屋”)
練一練:將網站首頁檔案儲存為網頁模板,命名為“我的模板”,然後以利用模板的方式新建一個網頁。
五、實踐與創新:
運用表格重新設計的網頁佈局,預覽時改變瀏覽器視窗的大小,觀察網頁的佈局是否會發生變化?這說明表格對於網頁內容還能起到什麼作用?
六、小結:在網頁中插入表格、表格的調整和網頁模板的設計。
七、課後反思:
第4課 網頁的美化
本課學習目標:
1、知識目標:瞭解美化網頁的常用方法,理解美化網頁對提高網站質量的作用。
2、技能目標:學會在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
3、情感、態度與價值觀目標:提高審美意識,善於發現美,美化生活從自身做起。
教學方法:自學法、演示法、觀察法、實踐法、小組合作。
教學重點:在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
教學難點:在網頁中設定背景、音樂、FLASH動畫和滾動字幕。
學習時間:1課時。
學習過程:
引入課題:前面我們學習了網頁製作中最基本的文字、圖片、水平線的插入,並且還知道了怎樣使用表格使網頁中的內容排列的更整齊,層次更分明。這裡同學們再考慮你更喜歡什麼樣的網頁?
學習與探究:一、設定網頁的背景
學生活動:閱讀課文第一部分,並利用前面所學內容,給自己的網頁加上一個背景,使頁面更加美觀,更能襯托網頁的主題。(教師巡迴指導)
練一練:開啟“情感小屋”站點,並開啟主頁檔案,在“網頁屬性”對話方塊“顏色”欄中設定文字和背景的顏色,並進行預覽。
二、設定表格的背景
比較:觀察兩幅電視背景牆效果圖,比較多色彩背景牆和單色背景牆哪種讓客廳更加充滿活力?
通過比較,同學們知道了多色彩背景牆可以讓房間顯得更加生動活潑,在網頁中我們也可以通過設定表格或單元格的背景來達到區域性色彩的變化,使網頁變得生動有活力。
方法:將游標定位在某一單元格內,單擊滑鼠右鍵,在快捷選單中選擇“表格屬性”或“單元格屬性”分別進行設定。
練一練:在你的網頁表格中,先後設定不同的背景顏色和背景圖片,體驗背景對網頁的美化作用。
三、插入背景音樂
學生活動:通過閱讀課文,小組合作,在“情感小屋”站點中插入一個背景音樂。
教師總結:在網頁中單擊右鍵,選擇“網頁屬性”命令,在對話方塊中進行設定。
四、插入Flash動畫
步驟:“插入”----“高階”----“外掛”,在“外掛屬性”對話方塊中進行設定。
練一練:將游標定位在網頁的適當位置,選擇插入一個Flash動畫檔案。反覆修改對話方塊中各引數的值,體會不同引數值的不同效果。
五、插入滾動字幕
小組合作思考操作:怎樣可以讓你網頁中的文字或圖片動起來,使它們更加醒目呢?
教師總結:“插入”----“元件”----“字幕”,在“字幕屬性”對話方塊中進行設定。
練一練:將游標定位在輸入標題的單元格內,按照上述步驟進行插入字幕的操作。
六、實踐與創新:運用本課所學知識,分別對以下三個網頁進行美化。
檔名
要求
參考樣圖
設定網頁和表格背景
第1課“網頁版面佈局示意圖c ”
新增滾動字幕“海記憶體知己,天涯若比鄰”;插入一個Flash動畫;設定純文字單元格的背景色。
第1課“網頁版面佈局示意圖d ”
設定單元格背景;設定背景音樂
第1課“網頁版面佈局示意圖e ”
一、本課小結:設定網頁背景、表格背景、插入背景音樂、Flash動畫及滾動字幕。
課後反思:
第5課 建立超連結
本課學習目標:
1、知識目標:理解超連結的概念,理解導航欄在網頁設計中的重要性。
2、技能目標:學會在網頁中插入超連結和導航欄;掌握將連結指向站點內、站點外和電子郵箱的方法。
3、情感、態度與價值觀目標:體會萬物皆有聯絡,互相影響,或此消彼長,或相互促進。。
教學方法:自學法、演示法、觀察法、實踐法、小組合作。
教學重點:設定超連結和網站導航欄。
教學難點:設定超連結和網站導航欄。
學習時間:1課時。
學習過程:
引入課題:任何事物都不是獨立存在的,考慮你的周圍有哪些事物存在著一定的聯絡?
如:我與同桌是同學,我有老師,有父母……
學習與探究:
一、設定超連結
學生活動:閱讀課文第一部分,小組討論,完成以下問題:
1、 設定超連結的目的是什麼?
2、 什麼是超連結?
3、 超連結有哪幾種類型?
教師總結:
目的:使網頁之間形成一個緊密的整體,能夠很容易地從一個網頁到達另一個網頁。
定義:超連結是指從一個網頁指向一個目標的連線關係。
型別:站點內的連結、到其他網站的連結、到郵箱的連結、書籤連結。
步驟:“插入”------“超連結”。
大顯身手:根據所閱讀內容,在“情感小屋”站點中,建立不同型別的連結。
二、設定網站導航欄
學生活動:閱讀課文第二部分,考慮1、為什麼要設定網站導航欄?
2、什麼是導航欄?
3、建立導航欄的方法有哪些?
三、實踐與創新:
1、在你的成長過程中,有多少人為你付出了艱辛的努力?回憶對你幫助較大的1-3人,然後通過書信、電子郵件、電話、QQ等通訊工具表達你的感激之情。
2、 網頁中的文字建立超連結後,會有什麼變化?你能改變超連結文字的預設顏色嗎?
四、展示學生作品,檢視連結是否正確。
五、小結
設定超連結、設定網站導航欄
六、課後反思:
第6課 網站的釋出與維護
本課學習目標:
1、知識目標:理解網站空間的概念;瞭解網站上傳的原理。
2、技能目標:掌握網站檢查和宣傳的方法;學會申請免費的主頁空間;熟練使用網站上偉的工具。
3、情感、態度與價值觀目標:正確認識自己,誠實地與他人交流,學會展示自己真實的一面。
教學方法:自學法、演示法、觀察法、實踐法、小組合作交流法。
教學重點:申請網站空間與上傳網站。
教學難點:申請網站空間與上傳網站。
學習時間:1課時。
學習過程:
引入課題:
如何讓更多的人走進自己的“情感小屋”瞭解自己呢?怎樣才能使自己的網站釋出出去?
學習與探究:
一、網站釋出前的檢查
學生活動:閱讀課文第一部分,考慮:網站釋出前要做哪幾項檢查?
教師總結:1、檢查語法;
2.檢查網站的整體情況;
3. 檢查超連結;
4. 檢查網頁中嵌入式檔案的存放路徑。
練一練:開啟自己的“情感小屋”網站,按照上述專案檢查自己的網站是否完善。
二、申請網站空間
學生活動:閱讀課文第二部分,小組討論,完成以下問題:
1、為什麼要申請網站空間?
2、怎樣申請一個免費的網站空間?
3、你知道的可以提供免費空間的網站有哪些?
教師總結:原因:要想把自己製作的網站釋出到Internet上,就必須申請一個特定的地點和空間,用來存放整個網站的資訊,這個空間我們通常稱為網站空間或主頁空間。
申請方法:登入網站---單擊申請免費空間的連結---閱讀協議並接受協議內容---按要求填寫表格後提交—網站傳送註冊資訊到你的郵箱內。
常用免費提供空間的網站:中聯網、中華網個人主頁、方舟網、中通互聯、天禧網等。
大顯身手:登入一個可以提供免費空間的網站,申請自己的主頁空間。
三、上傳網站
學生活動:閱讀課文第三部分,小組合作交流:
1、要想將製作好的網站上傳到已經申請的免費空間,常用的方式有哪幾種?
2、開動腦筋:根據你所學到的知識,把你的的網站上傳至你申請的免費空間吧!
3、在瀏覽器中輸入自己網站的網址,訪問自己的主頁。
四、網站的宣傳
學生活動:思考:怎樣才能讓更多人來訪問我們的網站?自己嘗試對我們的網站進行宣傳?
1、網站登入
2、交換連結
3、論壇發帖
五、課堂小結:
網站釋出前的檢查—申請網站空間—上傳網站—宣傳網站
六、課後反思:
第7課 製作表單網頁
本課學習目標:
1、知識目標:瞭解表單網頁的作用,瞭解表單網頁製作與提交。
2、技能目標:學會在網頁中插入表單;正確設定表單資訊的收集方式。
3、情感、態度與價值觀目標:培養學生善於發現問題,勤於解決問題的好習慣。
教學方法:自學法、演示法、觀察法、實踐法、小組合作交流法。
教學重點:在網頁中插入表單及設定表單資訊的收集方式。
教學難點:在網頁中插入表單及設定表單資訊的收集方式。
學習時間:1課時。
學習過程:
引入課題:
顯示一個帶有表單的網頁,並提交一資訊,引入課題。
學習與探究:
一、 在網頁中插入表單
學生活動:閱讀課文第一部分,思考:
1、什麼是表單?
2、表單的基本工作原理是什麼?
3、怎樣插入一個表單?試一試:設計一個表單放在你的網頁中?
二、設定表單資訊的收集方式
新建站點後,系統會自動生成一個名為“_private”的資料夾,系統預設會將這些資訊存入這個資料夾的一個特定檔案“form_”中。
方法:將游標定位在表單區域的空白處,單擊滑鼠右鍵,選擇“表單屬性”,開啟“表單屬性”對話方塊進行設定。
三、 實踐與創新
1、參照本課介紹的表單網頁,設計“父母在我心中”問卷調查的表單網頁,要求:表單中要含有滾動文字框、複選框、單選按鈕。並將網頁檔案上傳到網站空間,並修改相應的連結。
2、你能否想辦法讓反饋資訊直接顯示在提交表單的網頁上?
四、展示學生作品,驗證表單是否成功提交,分析出錯的原因。
五、小結
在網頁中插入表單—設定表單資訊的收集方式
六、課後反思