第一篇：青島版八年級上冊信息技術(shù)第1單元網(wǎng)站設(shè)計(jì)與制作教學(xué)案

青島版八年級上冊信息技術(shù)第1單元網(wǎng)站設(shè)計(jì)與制作教學(xué)案教學(xué)設(shè)計(jì)

第一單元網(wǎng)站設(shè)計(jì)與制作學(xué)案

第1課創(chuàng)建站點(diǎn)

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：了解網(wǎng)站規(guī)劃方法；認(rèn)識Frontpage2000的工作界面；理解站點(diǎn)、網(wǎng)頁、主頁的概念。

2、技能目標(biāo)：學(xué)會規(guī)劃和設(shè)計(jì)網(wǎng)站；能夠搜集網(wǎng)站相關(guān)素材；學(xué)會新建和打開站點(diǎn)。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：感受網(wǎng)站規(guī)劃的重要性，養(yǎng)成做事有計(jì)劃、勤思考的習(xí)慣。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。

教學(xué)重點(diǎn)：網(wǎng)站規(guī)劃的一般步驟；Frongpage2000的站點(diǎn)管理。

教學(xué)難點(diǎn)：網(wǎng)站規(guī)劃的一般步驟。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：許多同學(xué)都有上網(wǎng)的經(jīng)歷，那么什么是網(wǎng)站呢？

網(wǎng)站：網(wǎng)站是在因特網(wǎng)上一個相對獨(dú)立的信息的集合，這些信息以網(wǎng)頁的形式向全世界發(fā)布。因此，網(wǎng)站就是相關(guān)網(wǎng)頁的集合。

學(xué)習(xí)與探究：

一、他山之石，可以攻玉

通過對“中國少年雛鷹網(wǎng)”與“聯(lián)想公司網(wǎng)站”首頁的比較，談?wù)勛约旱母惺?，并說出它們之間有什么差異？

二、網(wǎng)站規(guī)劃的一般步驟

小組合作：閱讀本部分內(nèi)容，總結(jié)網(wǎng)站規(guī)劃的一般步驟？常見的網(wǎng)頁版面布局形式有哪些？

步驟：

1、確定網(wǎng)站的主題和風(fēng)格；

2、設(shè)計(jì)規(guī)劃網(wǎng)站的結(jié)構(gòu)和內(nèi)容；

3、設(shè)計(jì)網(wǎng)站的版面布局；（“T”型、“口”型、時尚型、“三”型布局）

4、搜集整理網(wǎng)站素材；

5、選擇網(wǎng)站制作工具(frontpage2000)。

三、Frontpage2000的站點(diǎn)管理

1、初識Frontpage

根據(jù)打開程序的一般方法，自己試著打開Frontpage。并思考有沒有其它的打開方法。

2、新建站點(diǎn)

教師演示：“文件”---“新建”---“站點(diǎn)”，打開“新建”對話框。

學(xué)生操作：（1）指定新站點(diǎn)的位置為“D：情感小屋”，并選擇站點(diǎn)類型為“只有一個網(wǎng)頁的站點(diǎn)”。

（2）觀察界面發(fā)生了什么變化？在“文件夾列表”中自動生成了哪幾個文件或文件夾？它們有什么作用？

3、打開站點(diǎn)

“文件”---“打開站點(diǎn)”。

四、實(shí)踐與創(chuàng)新的：

1、訪問以下網(wǎng)站，描述它們各自的主題和風(fēng)格，并畫出網(wǎng)站的結(jié)構(gòu)圖和主頁的布局圖。

http://.cn2、搜集整理關(guān)于贊美父母的詩句、文章、圖片或歌曲，分組合作設(shè)計(jì)“我的父母”網(wǎng)頁。（包括頁面結(jié)構(gòu)、內(nèi)容、版面布局、網(wǎng)頁的風(fēng)格和內(nèi)容，通過表格的形式記錄下來）

五、小結(jié)：網(wǎng)站規(guī)劃的一般步驟、Frontpage的站點(diǎn)管理

六、教學(xué)反思：

第2課設(shè)計(jì)網(wǎng)站首頁

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：認(rèn)識網(wǎng)頁的工作原理；了解網(wǎng)頁編輯的一般過程。

2、技能目標(biāo)：學(xué)會在網(wǎng)頁中輸入文字、插入圖片和水平線；學(xué)會新建、預(yù)覽和保存網(wǎng)頁。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：善于從身邊的廣告、書刊中學(xué)習(xí)版面設(shè)計(jì)知識，并學(xué)以致用。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。

教學(xué)重點(diǎn)：在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預(yù)覽。

教學(xué)難點(diǎn)：在網(wǎng)頁中插入文字、圖片和水平線。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：展示一個包含有文字、圖片和水平線的網(wǎng)頁，并通過對這三部分的介紹激發(fā)學(xué)生的學(xué)習(xí)欲望。學(xué)習(xí)與探究：

一、在網(wǎng)頁中輸入文字

小組合作并操作：根據(jù)前面所學(xué)知識，即在WORD中輸入文字的操作，在“D：情感小屋”站點(diǎn)中，雙擊打開主頁文件“index.htm”，對照小宇在上節(jié)課中設(shè)計(jì)的首頁效果圖，在編輯窗口輸入相應(yīng)文字，并按照圖例對這些文字進(jìn)行修改字體、字號、顏色、對齊方式等操作。

二、在網(wǎng)頁中插入圖片

教師演示：“插入”---“圖片”---“來自文件”

學(xué)生操作：在“Banner位置”處插入存放在“D：素材”中的Banner圖片，并對所插入的圖片進(jìn)行大小調(diào)整。

注：為便于上傳，網(wǎng)頁中圖片一般采用容量較小的格式，如JPEG、GIF、PNG等。

三、在網(wǎng)頁中插入水平線

學(xué)生閱讀相關(guān)內(nèi)容，試著自己在網(wǎng)頁中的標(biāo)題與正文之間插入一條水平線，并設(shè)置“水平線屬性”。（教師巡回指導(dǎo)）

四、保存網(wǎng)頁

同WORD操作相似，并嘗試用不同的方法保存index.htm，考慮哪種方式更方便？

試一試：將剛剛插入到網(wǎng)頁中的圖片指定保存位置為：本站點(diǎn)的“images”文件夾。

五、預(yù)覽網(wǎng)頁

方法一：利用FrontPage自帶的預(yù)覽功能;方法二：通過瀏覽器預(yù)覽。

練一練：按照上面介紹的兩種方法預(yù)覽自己的網(wǎng)頁，分析它們各有什么優(yōu)缺點(diǎn)？

六、添加新網(wǎng)頁

“文件”---“新建”---“網(wǎng)頁”

七、實(shí)踐與創(chuàng)新：

1、根據(jù)第1課的規(guī)劃，參照小宇設(shè)計(jì)的“我的父母”所示的界面，設(shè)計(jì)制作網(wǎng)頁“我的父母”，其文件名為：Parents.htm，標(biāo)題為“我的父母”。

2、對新建的網(wǎng)頁進(jìn)行預(yù)覽，并改變預(yù)覽窗口的大小，你會發(fā)現(xiàn)什么現(xiàn)象？有什么辦法可以解決這個問題？

八、小結(jié)：

在網(wǎng)頁中插入文字、圖片、水平線及網(wǎng)頁的保存、預(yù)覽，添加新網(wǎng)頁。

九、課后反思：

第3課網(wǎng)頁中的表格

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：理解表格在網(wǎng)頁設(shè)計(jì)中的重要作用。

2、技能目標(biāo)：學(xué)會使用表格布局網(wǎng)頁；靈活掌握表格調(diào)整的方法。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：了解學(xué)校概貌，發(fā)現(xiàn)校園之美；養(yǎng)成良好的生活和學(xué)習(xí)習(xí)慣。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。

教學(xué)重點(diǎn)：在網(wǎng)頁中插入表格及表格的調(diào)整。

教學(xué)難點(diǎn)：在網(wǎng)頁中插入表格及表格的調(diào)整。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：通過對“某校園鳥瞰圖”與下載的“中學(xué)生作文網(wǎng)”的首頁作比較，引導(dǎo)學(xué)生發(fā)現(xiàn)網(wǎng)頁中表格的運(yùn)用。

學(xué)習(xí)與探究：

一、表格的作用

閱讀本部分內(nèi)容，思考：在網(wǎng)頁中使用表格有何作用？

表格可使網(wǎng)頁中的文字、圖片、動畫等素材排列整齊有序，并且不會因?yàn)g覽窗口大小的改變而改變排列方式。

二、在網(wǎng)頁中插入表格

試一試：閱讀相關(guān)內(nèi)容，試著在站點(diǎn)“情感小屋”中打開首頁文件Index.htm，分別插入四個表格，依次為：2*

3、2*

2、1*4和2*1，寬度都為780像素，水平居中。（教師巡回指導(dǎo)）

三、表格的調(diào)整

1、行高和列寬的調(diào)整

方法一：手動操作方法二：通過單元格屬性或表格屬性調(diào)整

2、單元格的合并和拆分

教師演示：（1）選中想要合并或拆分的單元格；

（2）單擊鼠標(biāo)右鍵，在快捷菜單中選擇“合并單元格”或“拆分單元格”。

3、插入或刪除表格中的行或列

（1）選擇相應(yīng)的行或列；

（2）單擊鼠標(biāo)右鍵，在快捷菜單中進(jìn)行相應(yīng)選擇。

4、平均分布行和列

（1）選擇需要平均分布的行或列；

（2）單擊鼠標(biāo)右鍵，在快捷菜單中進(jìn)行相應(yīng)選擇。

練一練：參照“情感小屋”網(wǎng)站首頁布局的內(nèi)容，調(diào)整前面插入的表格，并將在第1課中輸入的內(nèi)容移到表格內(nèi)。預(yù)覽網(wǎng)頁，測試調(diào)整效果。

四、設(shè)計(jì)網(wǎng)頁模板

教師操作：“文件”---“另存為”---選擇“Frontpage模板（*.tem）”，并命名模板文件名（如：“情感小屋”）練一練：將網(wǎng)站首頁文件Index.htm存儲為網(wǎng)頁模板，命名為“我的模板”，然后以利用模板的方式新建一個網(wǎng)頁。

五、實(shí)踐與創(chuàng)新：

運(yùn)用表格重新設(shè)計(jì)Parents.htm的網(wǎng)頁布局，預(yù)覽時改變?yōu)g覽器窗口的大小，觀察網(wǎng)頁的布局是否會發(fā)生變化？這說明表格對于網(wǎng)頁內(nèi)容還能起到什么作用？

六、小結(jié)：在網(wǎng)頁中插入表格、表格的調(diào)整和網(wǎng)頁模板的設(shè)計(jì)。

七、課后反思：

第4課網(wǎng)頁的美化

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：了解美化網(wǎng)頁的常用方法，理解美化網(wǎng)頁對提高網(wǎng)站質(zhì)量的作用。

2、技能目標(biāo)：學(xué)會在網(wǎng)頁中設(shè)置背景、音樂、FLASH動畫和滾動字幕。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：提高審美意識，善于發(fā)現(xiàn)美，美化生活從自身做起。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。

教學(xué)重點(diǎn)：在網(wǎng)頁中設(shè)置背景、音樂、FLASH動畫和滾動字幕。

教學(xué)難點(diǎn)：在網(wǎng)頁中設(shè)置背景、音樂、FLASH動畫和滾動字幕。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：前面我們學(xué)習(xí)了網(wǎng)頁制作中最基本的文字、圖片、水平線的插入，并且還知道了怎樣使用表格使網(wǎng)頁中的內(nèi)容排列的更整齊，層次更分明。這里同學(xué)們再考慮你更喜歡什么樣的網(wǎng)頁？

學(xué)習(xí)與探究：

一、設(shè)置網(wǎng)頁的背景

學(xué)生活動：閱讀課文第一部分，并利用前面所學(xué)內(nèi)容，給自己的網(wǎng)頁加上一個背景，使頁面更加美觀，更能襯托網(wǎng)頁的主題。（教師巡回指導(dǎo)）

練一練：打開“情感小屋”站點(diǎn)，并打開主頁文件Index.htm，在“網(wǎng)頁屬性”對話框“顏色”欄中設(shè)置文本和背景的顏色，并進(jìn)行預(yù)覽。

二、設(shè)置表格的背景

比較：觀察兩幅電視背景墻效果圖，比較多色彩背景墻和單色背景墻哪種讓客廳更加充滿活力？

通過比較，同學(xué)們知道了多色彩背景墻可以讓房間顯得更加生動活潑，在網(wǎng)頁中我們也可以通過設(shè)置表格或單元格的背景來達(dá)到局部色彩的變化，使網(wǎng)頁變得生動有活力。

方法：將光標(biāo)定位在某一單元格內(nèi)，單擊鼠標(biāo)右鍵，在快捷菜單中選擇“表格屬性”或“單元格屬性”分別進(jìn)行設(shè)置。

練一練：在你的網(wǎng)頁表格中，先后設(shè)置不同的背景顏色和背景圖片，體驗(yàn)背景對網(wǎng)頁的美化作用。

三、插入背景音樂

學(xué)生活動：通過閱讀課文，小組合作，在“情感小屋”站點(diǎn)中插入一個背景音樂。

教師總結(jié)：在網(wǎng)頁中單擊右鍵，選擇“網(wǎng)頁屬性”命令，在對話框中進(jìn)行設(shè)置。

四、插入Flash動畫

步驟：“插入”----“高級”----“插件”，在“插件屬性”對話框中進(jìn)行設(shè)置。

練一練：將光標(biāo)定位在網(wǎng)頁的適當(dāng)位置，選擇插入一個Flash動畫文件。反復(fù)修改對話框中各參數(shù)的值，體會不同參數(shù)值的不同效果。

五、插入滾動字幕

小組合作思考操作：怎樣可以讓你網(wǎng)頁中的文字或圖片動起來，使它們更加醒目呢？

教師總結(jié)：“插入”----“組件”----“字幕”，在“字幕屬性”對話框中進(jìn)行設(shè)置。

練一練：將光標(biāo)定位在輸入標(biāo)題的單元格內(nèi)，按照上述步驟進(jìn)行插入字幕的操作。

六、實(shí)踐與創(chuàng)新：運(yùn)用本課所學(xué)知識，分別對以下三個網(wǎng)頁進(jìn)行美化。

文件名 要求 參考樣圖

School.htm

設(shè)置網(wǎng)頁和表格背景 第1課“網(wǎng)頁版面布局示意圖c ”

Domain.htm 添加滾動字幕“海內(nèi)存知己，天涯若比鄰”；插入一個Flash動畫；設(shè)置純文字單元格的背景色。

第1課“網(wǎng)頁版面布局示意圖d ” Neighbor.htm 設(shè)置單元格背景；設(shè)置背景音樂

第1課“網(wǎng)頁版面布局示意圖e ”

一、本課小結(jié)：設(shè)置網(wǎng)頁背景、表格背景、插入背景音樂、Flash動畫及滾動字幕。

課后反思：

第5課建立超鏈接

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：理解超鏈接的概念，理解導(dǎo)航欄在網(wǎng)頁設(shè)計(jì)中的重要性。

2、技能目標(biāo)：學(xué)會在網(wǎng)頁中插入超鏈接和導(dǎo)航欄；掌握將鏈接指向站點(diǎn)內(nèi)、站點(diǎn)外和電子郵箱的方法。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：體會萬物皆有聯(lián)系，互相影響，或此消彼長，或相互促進(jìn)。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作。

教學(xué)重點(diǎn)：設(shè)置超鏈接和網(wǎng)站導(dǎo)航欄。

教學(xué)難點(diǎn)：設(shè)置超鏈接和網(wǎng)站導(dǎo)航欄。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：任何事物都不是獨(dú)立存在的，考慮你的周圍有哪些事物存在著一定的聯(lián)系？

如：我與同桌是同學(xué)，我有老師，有父母??

學(xué)習(xí)與探究：

一、設(shè)置超鏈接

學(xué)生活動：閱讀課文第一部分，小組討論，完成以下問題：

1、設(shè)置超鏈接的目的是什么？

2、什么是超鏈接？

3、超鏈接有哪幾種類型？

教師總結(jié)：

目的：使網(wǎng)頁之間形成一個緊密的整體，能夠很容易地從一個網(wǎng)頁到達(dá)另一個網(wǎng)頁。

定義：超鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系。

類型：站點(diǎn)內(nèi)的鏈接、到其他網(wǎng)站的鏈接、到郵箱的鏈接、書簽鏈接。

步驟：“插入”------“超鏈接”。

大顯身手：根據(jù)所閱讀內(nèi)容，在“情感小屋”站點(diǎn)中，建立不同類型的鏈接。

二、設(shè)置網(wǎng)站導(dǎo)航欄

學(xué)生活動：閱讀課文第二部分，考慮

1、為什么要設(shè)置網(wǎng)站導(dǎo)航欄？

2、什么是導(dǎo)航欄？

3、建立導(dǎo)航欄的方法有哪些？

三、實(shí)踐與創(chuàng)新：

1、在你的成長過程中，有多少人為你付出了艱辛的努力？回憶對你幫助較大的1-3人，然后通過書信、電子郵件、電話、QQ等通訊工具表達(dá)你的感激之情。

2、網(wǎng)頁中的文字建立超鏈接后，會有什么變化？你能改變超鏈接文字的默認(rèn)顏色嗎？

四、展示學(xué)生作品，查看鏈接是否正確。

五、小結(jié)

設(shè)置超鏈接、設(shè)置網(wǎng)站導(dǎo)航欄

六、課后反思：

第6課網(wǎng)站的發(fā)布與維護(hù)

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：理解網(wǎng)站空間的概念；了解網(wǎng)站上傳的原理。

2、技能目標(biāo)：掌握網(wǎng)站檢查和宣傳的方法；學(xué)會申請免費(fèi)的主頁空間；熟練使用網(wǎng)站上偉的工具。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：正確認(rèn)識自己，誠實(shí)地與他人交流，學(xué)會展示自己真實(shí)的一面。教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作交流法。

教學(xué)重點(diǎn)：申請網(wǎng)站空間與上傳網(wǎng)站。

教學(xué)難點(diǎn)：申請網(wǎng)站空間與上傳網(wǎng)站。

學(xué)習(xí)時間：1課時。

學(xué)習(xí)過程：

引入課題：

如何讓更多的人走進(jìn)自己的“情感小屋”了解自己呢？怎樣才能使自己的網(wǎng)站發(fā)布出去？

學(xué)習(xí)與探究：

一、網(wǎng)站發(fā)布前的檢查

學(xué)生活動：閱讀課文第一部分，考慮：網(wǎng)站發(fā)布前要做哪幾項(xiàng)檢查？

教師總結(jié)：

1、檢查語法；

2.檢查網(wǎng)站的整體情況；

3.檢查超鏈接；

4.檢查網(wǎng)頁中嵌入式文件的存放路徑。

練一練：打開自己的“情感小屋”網(wǎng)站，按照上述項(xiàng)目檢查自己的網(wǎng)站是否完善。

二、申請網(wǎng)站空間

學(xué)生活動：閱讀課文第二部分，小組討論，完成以下問題：

1、為什么要申請網(wǎng)站空間？

2、怎樣申請一個免費(fèi)的網(wǎng)站空間？

3、你知道的可以提供免費(fèi)空間的網(wǎng)站有哪些？

教師總結(jié)：原因：要想把自己制作的網(wǎng)站發(fā)布到Internet上，就必須申請一個特定的地點(diǎn)和空間，用來存放整個網(wǎng)站的信息，這個空間我們通常稱為網(wǎng)站空間或主頁空間。

申請方法：登錄網(wǎng)站---單擊申請免費(fèi)空間的鏈接---閱讀協(xié)議并接受協(xié)議內(nèi)容---按要求填寫表格后提交—網(wǎng)站發(fā)送注冊信息到你的郵箱內(nèi)。

常用免費(fèi)提供空間的網(wǎng)站：中聯(lián)網(wǎng)、中華網(wǎng)個人主頁、方舟網(wǎng)、中通互聯(lián)、天禧網(wǎng)等。

大顯身手：登錄一個可以提供免費(fèi)空間的網(wǎng)站，申請自己的主頁空間。

三、上傳網(wǎng)站

學(xué)生活動：閱讀課文第三部分，小組合作交流：

1、要想將制作好的網(wǎng)站上傳到已經(jīng)申請的免費(fèi)空間，常用的方式有哪幾種？

2、開動腦筋：根據(jù)你所學(xué)到的知識，把你的的網(wǎng)站上傳至你申請的免費(fèi)空間吧！

3、在瀏覽器中輸入自己網(wǎng)站的網(wǎng)址，訪問自己的主頁。

四、網(wǎng)站的宣傳

學(xué)生活動：思考：怎樣才能讓更多人來訪問我們的網(wǎng)站？自己嘗試對我們的網(wǎng)站進(jìn)行宣傳？

1、網(wǎng)站登錄

2、交換鏈接

3、論壇發(fā)帖

五、課堂小結(jié)：網(wǎng)站發(fā)布前的檢查—申請網(wǎng)站空間—上傳網(wǎng)站—宣傳網(wǎng)站

六、課后反思：

第7課制作表單網(wǎng)頁

本課學(xué)習(xí)目標(biāo)：

1、知識目標(biāo)：了解表單網(wǎng)頁的作用，了解表單網(wǎng)頁制作與提交。

2、技能目標(biāo)：學(xué)會在網(wǎng)頁中插入表單；正確設(shè)置表單信息的收集方式。

3、情感、態(tài)度與價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生善于發(fā)現(xiàn)問題，勤于解決問題的好習(xí)慣。

教學(xué)方法：自學(xué)法、演示法、觀察法、實(shí)踐法、小組合作交流法。

教學(xué)重點(diǎn)：在網(wǎng)頁中插入表單及設(shè)置表單信息的收集方式。

教學(xué)難點(diǎn)：在網(wǎng)頁中插入表單及設(shè)置表單信息的收集方式。

學(xué)習(xí)時間：1課時。學(xué)習(xí)過程：引入課題：

顯示一個帶有表單的網(wǎng)頁，并提交一信息，引入課題。

學(xué)習(xí)與探究：

一、在網(wǎng)頁中插入表單

學(xué)生活動：閱讀課文第一部分，思考：

1、什么是表單？

2、表單的基本工作原理是什么？

3、怎樣插入一個表單？試一試：設(shè)計(jì)一個表單放在你的網(wǎng)頁中？

二、設(shè)置表單信息的收集方式

新建站點(diǎn)后，系統(tǒng)會自動生成一個名為“_private”的文件夾，系統(tǒng)默認(rèn)會將這些信息存入這個文件夾的一個特定文件“form_results.txt”中。方法：將光標(biāo)定位在表單區(qū)域的空白處，單擊鼠標(biāo)右鍵，選擇“表單屬性”，打開“表單屬性”對話框進(jìn)行設(shè)置。

三、實(shí)踐與創(chuàng)新

1、參照本課介紹的表單網(wǎng)頁，設(shè)計(jì)“父母在我心中”問卷調(diào)查的表單網(wǎng)頁，要求：表單中要含有滾動文本框、復(fù)選框、單選按鈕。并將網(wǎng)頁文件上傳到網(wǎng)站空間，并修改相應(yīng)的鏈接。

2、你能否想辦法讓反饋信息直接顯示在提交表單的網(wǎng)頁上？

四、展示學(xué)生作品，驗(yàn)證表單是否成功提交，分析出錯的原因。

五、小結(jié)

在網(wǎng)頁中插入表單—設(shè)置表單信息的收集方式

六、課后反思

第二篇：信息技術(shù)八年級上冊網(wǎng)頁制作教案及導(dǎo)學(xué)案

信息技術(shù)八年級上冊第二單元第四節(jié)《網(wǎng)頁的制作》教案及導(dǎo)學(xué)案 教材版本：河南大學(xué)、河南電子音像出版社

教案部分

學(xué)習(xí)目標(biāo)：

1、通過自學(xué)演練會在網(wǎng)頁中添加文字并對文字進(jìn)行相關(guān)的設(shè)置

2、利用自學(xué)及小組合作探究掌握圖片的插入及調(diào)整方法

3、通過復(fù)習(xí)回顧知道如何在互聯(lián)網(wǎng)中進(jìn)行搜索，并能搜索到自己所需的素材并進(jìn)行下載。能力目標(biāo)：

1、能利用所學(xué)知識進(jìn)行互聯(lián)網(wǎng)的搜索，并能對所需內(nèi)容進(jìn)行下載保存。

2、培養(yǎng)學(xué)生自主學(xué)習(xí)、自主練習(xí)、提出問題、解決問題的能力。

3、培養(yǎng)學(xué)生合作學(xué)習(xí)探究的能力。學(xué)習(xí)重點(diǎn)：

1、會按自己的需求在互聯(lián)網(wǎng)上進(jìn)行搜索，并能下載自己所需的素材。

2、綜合運(yùn)用所學(xué)知識進(jìn)行圖片網(wǎng)頁的制作。學(xué)習(xí)難點(diǎn)：

綜合運(yùn)用所學(xué)知識進(jìn)行圖片網(wǎng)頁的制作。教法與學(xué)法：

自學(xué)演練、合作探究、教學(xué)演示、復(fù)習(xí)回顧、個別指導(dǎo) 教學(xué)環(huán)境： 多媒體網(wǎng)絡(luò)教室 教學(xué)過程：

一、激趣導(dǎo)入

同學(xué)們肯定去很多地方旅游過，在你們的旅游途中，在些地方的自然景觀肯定給你留下了深刻的印象。你或許用你的相機(jī)拍下了這美麗的一幕，或許你只是把這種美麗留在了心中。今天，我們就通過制作網(wǎng)頁來把這些美圖展示出來，讓我們用網(wǎng)頁一記錄下這美好的景象。

二、新課學(xué)習(xí)任務(wù)

1、復(fù)習(xí)回顧

學(xué)生通過回顧討論，完成導(dǎo)學(xué)案中第一部分內(nèi)容。任務(wù)

2、自學(xué)演練——為網(wǎng)頁添加標(biāo)題：美麗的大自然 按學(xué)案第二部分的要求進(jìn)行制作 任務(wù)

3、搜集素材

因?yàn)槊總€同學(xué)到過的地方各不相同，根據(jù)自己的需要在互聯(lián)網(wǎng)上搜索相應(yīng)的圖片，并做相應(yīng)的記錄，然后分類保存。任務(wù)

4、在網(wǎng)頁中插入圖片

參考課本第二部分的內(nèi)容，把搜集來的圖片插入到相應(yīng)的單元格，并對圖片做相應(yīng)的設(shè)置，使整個網(wǎng)頁美觀大方。任務(wù)

5、為圖片添加說明

利用任務(wù)1所學(xué)知識，為每張圖片添加相應(yīng)的說明詞。任務(wù)

6、學(xué)生討論解疑，教師個別指導(dǎo)

學(xué)生們在制作過程中，肯定會遇到各種各樣的問題。在即將結(jié)束制作之前，利用同學(xué)們互幫互助，教師個別指導(dǎo)的方法來讓學(xué)生掌握本節(jié)課的內(nèi)容。

三、小組評價(jià)

學(xué)生制作完成之后，小組內(nèi)對各個組員的作品進(jìn)行評價(jià)，每組挑選出比較好的兩個作品進(jìn)行展評。

四、作品展示評價(jià)

小組挑選出的作品利用多媒體進(jìn)行全班性的展示評價(jià)。

五、課堂評價(jià)

1、從作品內(nèi)容和所含知識點(diǎn)評價(jià)。評出優(yōu)秀作業(yè)小組、團(tuán)結(jié)協(xié)作小組、助人為樂的同學(xué)等。

2.評出課前準(zhǔn)備、課堂表現(xiàn)優(yōu)秀的同學(xué)。

六、課堂小結(jié)

1、利用在網(wǎng)頁上輸入文字后對文字屬性進(jìn)行設(shè)置來增加網(wǎng)頁的美感。

2、在制作圖片網(wǎng)頁之前，我們利用互聯(lián)網(wǎng)的搜索功能來搜集所需要的素材并對素材進(jìn)行記錄、分類和下載。

3、在進(jìn)行圖片的插入時，可對圖片的大小進(jìn)行調(diào)整，同時也可對圖片進(jìn)行修飾。

導(dǎo)學(xué)案部分

（信息）1180110 網(wǎng)頁的制作

主備：周燦茹 同備：常慧賢 審核：周燦茹 【學(xué)習(xí)目標(biāo)】

1、通過自學(xué)演練會在網(wǎng)頁中添加文字并對文字進(jìn)行相關(guān)的設(shè)置

2、利用自學(xué)及小組合作探究掌握圖片的插入及調(diào)整方法

3、通過復(fù)習(xí)回顧知道如何在互聯(lián)網(wǎng)中進(jìn)行搜索，并能搜索到自己所需的素材并進(jìn)行下載?！緦W(xué)習(xí)內(nèi)容】

一、復(fù)習(xí)回顧：

1、我們經(jīng)常用百度來搜索需要的資料，那么在進(jìn)行搜索的時候如何提煉搜索詞呢？請舉例說明。

2、給要查詢的關(guān)鍵詞加上（），可以實(shí)現(xiàn)精確的查詢。在關(guān)鍵詞的前面使用（），也就等于告訴搜索引擎該單詞必須出現(xiàn)在搜索結(jié)果中的網(wǎng)頁上。在關(guān)鍵詞的前面使用（），也就意味著在查詢結(jié)果中不能出現(xiàn)該關(guān)鍵詞。

二、自主學(xué)習(xí)：

1、打開自己上節(jié)課創(chuàng)建的站點(diǎn)，然后打開“圖片網(wǎng)頁”。

2、為網(wǎng)頁插入表格，并對表格進(jìn)行編輯處理。

3、參考課本72頁第一部分添加文字標(biāo)題，為該網(wǎng)頁輸入文字標(biāo)題：美麗的大自然，并對其進(jìn)行設(shè)置。

三、搜集素材

1、打開百度，根據(jù)自己的需要，提煉搜索詞，注意在搜索時要靈活掌握雙引號，加號，減號在搜索詞中的使用。

2、一些參考網(wǎng)站：

http:// 旅游中國 http://004km.cn/ 河南旅游網(wǎng)

四、團(tuán)隊(duì)合作探究：

1、根據(jù)自己的構(gòu)思，合理規(guī)劃表格，讓整個表格分為幾大塊，這樣好安排不同地方的圖片。

2、參考課本73頁第二部分在網(wǎng)而中插入圖片，在單元格的合適位置插入相應(yīng)的圖片，并能圖片進(jìn)行調(diào)整。

3、除了書上提供的調(diào)整圖片的方法，我們還可以利用快捷鍵對圖片進(jìn)行設(shè)置。方法：選中圖片，然后單擊右鍵，選擇圖片屬性，彈出“圖片屬性”對話框如右圖所示。此時，我們可以利用此對話框來完成對圖片的環(huán)繞樣式、布局、大小的設(shè)置。

五、延伸遷移

作業(yè)：綜合運(yùn)用所學(xué)的知識，制作“美麗的大自然”網(wǎng)頁

六、課堂評價(jià)交流

1.小組評價(jià)，全班評價(jià)。從作品內(nèi)容和所含知識點(diǎn)評價(jià)。評出優(yōu)秀作業(yè)小組、團(tuán)結(jié)協(xié)作小組、助人為樂的同學(xué)等。2.評出課前準(zhǔn)備、課堂表現(xiàn)優(yōu)秀的同學(xué)?！緦W(xué)后小記】

第三篇：高中信息技術(shù)網(wǎng)站設(shè)計(jì)與制作教學(xué)設(shè)計(jì)

高中信息技術(shù)網(wǎng)站設(shè)計(jì)與制作教學(xué)設(shè)計(jì)

【教學(xué)分析】

一、教材分析

本教學(xué)內(nèi)容為高中信息技術(shù)選修模塊《網(wǎng)絡(luò)技術(shù)應(yīng)用》的重要部分，通過學(xué)習(xí)，學(xué)生能夠根據(jù)任務(wù)需求，選擇恰當(dāng)?shù)墓ぞ叻治鼍W(wǎng)頁。在本章中，通過對一些網(wǎng)頁的分析，讓學(xué)生了解構(gòu)成網(wǎng)頁的各種要素，并了解萬維網(wǎng)的基本架構(gòu)，理解網(wǎng)頁的作用。通過教學(xué)要學(xué)生了解并掌握網(wǎng)站的策劃構(gòu)思的過程，掌握素材收集整理的基本方法，學(xué)會最基本的網(wǎng)頁制作工具軟件的使用。

二、學(xué)生分析

學(xué)生是教學(xué)活動的主體，充分了解學(xué)生，是取得良好教學(xué)效果的必要條件。通過對學(xué)生平時上機(jī)情況的觀察以及課下和學(xué)生的談話交流，我了解到的學(xué)生的主要情況是：

1、高一年級學(xué)生經(jīng)過初中階段的學(xué)習(xí)，能夠較好地運(yùn)用搜索引擎、Word、PowerPoint 等常用信息技術(shù)工具。

2、具備了基本的網(wǎng)絡(luò)水平。

3、已具備了初步的小組協(xié)作探究能力。

三、教學(xué)目標(biāo)

1、知識目標(biāo)：了解萬維網(wǎng)的基本架構(gòu)，理解網(wǎng)頁的作用，掌握網(wǎng)頁元素和網(wǎng)頁構(gòu)件的使用，學(xué)會使用常用的網(wǎng)頁制作工具。

2、能力目標(biāo)：通過網(wǎng)頁作品的欣賞培養(yǎng)學(xué)生搜索、下載、處理和應(yīng)用信息的能力，培養(yǎng)學(xué)生對信息技術(shù)的實(shí)踐應(yīng)用能力、協(xié)作能力和創(chuàng)新能力。通過本課的學(xué)習(xí)可以培養(yǎng)學(xué)生的辯證思維和發(fā)散思維的能力、邏輯思維能力及語言表達(dá)能力。

3、情感態(tài)度價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生獨(dú)立思考、自主學(xué)習(xí)、合作討論的能力，通過自己探究問題，進(jìn)一步樹立學(xué)生學(xué)習(xí)信息技術(shù)的自信，提高學(xué)生學(xué)習(xí)網(wǎng)頁制作的興趣。

四、教學(xué)重、難點(diǎn) 1、網(wǎng)頁設(shè)計(jì)的基本流程 2、網(wǎng)頁的版面設(shè)計(jì) 3、網(wǎng)頁的色彩搭配 【教學(xué)策略】

設(shè)計(jì)教法，培養(yǎng)學(xué)生的學(xué)習(xí)興趣、培養(yǎng)學(xué)生分析問題、解決問題、綜合運(yùn)用信息技術(shù)的能力。設(shè)計(jì)教學(xué)方案，為層次稍低一點(diǎn)的學(xué)生創(chuàng)造學(xué)習(xí)的空間，并能使基礎(chǔ)較好的學(xué)生有知識拓展的空間。

【教學(xué)設(shè)計(jì)理念】

以學(xué)生為中心，以任務(wù)為載體，以操作為手段，以發(fā)現(xiàn)為宗旨，以感悟?yàn)槟康??！窘虒W(xué)方法】

根據(jù)學(xué)生的特征，結(jié)合他們的認(rèn)知水平，本節(jié)課采用以任務(wù)驅(qū)動法為主，以講授法、演示法、討論法為輔的教學(xué)方法。結(jié)合任務(wù)調(diào)動學(xué)生的自主探究和合作交流。

【課前準(zhǔn)備】

分析教學(xué)內(nèi)容，制訂教學(xué)方案。采集教學(xué)過程中所要用到的文件。制作教學(xué)課件。

1、自制PowerPoint演示課件

2、多媒體電子網(wǎng)絡(luò)教室（教師機(jī)、學(xué)生機(jī)、投影儀）

3、制作作品的各種素材。

【教學(xué)過程】 引入

打開幾個不同類型的優(yōu)秀網(wǎng)站，讓學(xué)生欣賞，指出各網(wǎng)站的設(shè)計(jì)風(fēng)格、整體規(guī)劃、素材的運(yùn)用、顏色的運(yùn)用等特點(diǎn)，引發(fā)學(xué)生興趣。這些網(wǎng)站都可以在我們的手中做出來。

新授

一、建立站點(diǎn)。

教師演示站點(diǎn)的建立。學(xué)生自主完成建立站點(diǎn)

教師結(jié)合學(xué)生演示,強(qiáng)調(diào)創(chuàng)建站點(diǎn)類型、站點(diǎn)保存位置及名稱。

學(xué)生活動：學(xué)生嘗試?yán)肍rontPage創(chuàng)建站點(diǎn)，演示操作創(chuàng)建站點(diǎn)的過程和方法。

二、網(wǎng)站的設(shè)計(jì)

結(jié)構(gòu)設(shè)計(jì)、版面設(shè)計(jì)、交互設(shè)計(jì)。

三、網(wǎng)頁的制作

1、表格的建立。

2、強(qiáng)調(diào)“表格屬性”窗口的設(shè)置，并請學(xué)生示范操作。

3、添加網(wǎng)頁元素

4、進(jìn)一步鞏固消化網(wǎng)頁元素——動畫文件的添加方法。

5、教師根據(jù)學(xué)生實(shí)際操作狀況，針對性地請學(xué)生進(jìn)行操作示范，并歸納小結(jié)圖片和動畫文件的不同添加方法。

四、網(wǎng)頁的保存

1、通過確定保存網(wǎng)頁文件的文件名index.htm，引出首頁的概念及默認(rèn)文件名的含義。

2、特別指出圖片和動畫文件的保存方法，突出站點(diǎn)中images文件夾的作用。

五、小結(jié)

選取學(xué)生作品展開自評與互評，教師引導(dǎo)學(xué)生小結(jié)網(wǎng)站實(shí)現(xiàn)的基本過程。

六、作業(yè)

分小組完成，設(shè)計(jì)制作一簡單小網(wǎng)站?！窘虒W(xué)反思】

經(jīng)過實(shí)踐操作，制作一個小型網(wǎng)站，完整的完成了網(wǎng)站的設(shè)計(jì)，全面的掌握了網(wǎng)站當(dāng)中的各個元素以及它們的各自特點(diǎn)，能夠比較靈活的根據(jù)自己需求進(jìn)行規(guī)劃與設(shè)計(jì)。達(dá)到了既定的教學(xué)效果。如果想要突破或者有所超越，課余可以繼續(xù)做一些更有規(guī)模的中型網(wǎng)站，體驗(yàn)過程。總體來說，教學(xué)效果比較好。

第四篇：海南省信息技術(shù)八年級(上冊)《制作Gif動畫》教學(xué)設(shè)計(jì)

《制作Gif動畫》教案

一、教材內(nèi)容：

《制作Gif動畫》是海南省九年義務(wù)教育，海南出版社、三環(huán)出版社出版的《信息技術(shù)》八年級上冊第二章第二節(jié)的內(nèi)容。這節(jié)課的主要內(nèi)容認(rèn)識“GifAnimator”窗口操作界面、讓圖像動起來，添加文字，并設(shè)置文字動畫效果，圖像變化效果等知識。

二、學(xué)情分析

這一節(jié)課的教學(xué)對像八年級的學(xué)生，他們從小學(xué)到初一已經(jīng)學(xué)習(xí)了很多應(yīng)用軟件，對應(yīng)用軟件的使用、操作技能、技巧方法的掌握有一定的基礎(chǔ)，并且

第一章學(xué)習(xí)Fireworks軟件處理圖像的基本操作方法，但利用“GifAnimator”制作“Gif動畫”可能比較難于理解，因?yàn)榈谝淮螌W(xué)習(xí)關(guān)于動畫的概念與制作。

三、教學(xué)目標(biāo)

△知識與技能：

1、讓圖像動起來

2、添加文字設(shè)置文字動畫效果

3、圖像變化效果

△過程與方法：

通過小組協(xié)作，自主探究，上機(jī)實(shí)踐操作的學(xué)習(xí)，培養(yǎng)同學(xué)們的思維能力、創(chuàng)新能力、解決問題的能力。

△情感與價(jià)值觀

通過讓圖像動起來，添加文字并設(shè)置文字動畫效果，以及圖像變化效果的學(xué)習(xí)增強(qiáng)同學(xué)們的學(xué)習(xí)興趣，提高他們的信息素養(yǎng)。

四、教學(xué)重點(diǎn)、難點(diǎn)。

重點(diǎn)：

1、讓圖像動起來

2、添加文字及設(shè)置文字動畫效果

3、圖像變化效果

難點(diǎn)：

1、添加文字及設(shè)置文字動畫效果

2、圖像變化效果

3、對操作技能、技巧、方法的掌握及其遷移

五、教學(xué)方法

任務(wù)驅(qū)動法、演示講解法、小組協(xié)作學(xué)習(xí)法、自主探究法、練習(xí)法

六、教學(xué)資源：

網(wǎng)絡(luò)多媒教室、易思控制教學(xué)軟件、Powerpoint軟件、Gif Animator軟件、internet，相關(guān)圖片素材。

七、教學(xué)過程

（一）復(fù)習(xí)引入

師：在上節(jié)課中我們已經(jīng)學(xué)習(xí)了《動畫與動畫制作》，主要是學(xué)習(xí)動畫的基本原理，什么是動畫，簡單說動畫是連續(xù)播放的一系列的畫面，動畫的制作過程叫做“關(guān)鍵幀”補(bǔ)間、動畫的分類以及制作動畫的軟件，那下面我們所要學(xué)習(xí)的是“制作Gif動畫”。（口頭簡述）

（二）創(chuàng)設(shè)情境，激情引入

師：利用易思控制教學(xué)軟件向?qū)W生擴(kuò)播展示一組Gif格式動畫和打開某一個網(wǎng)站的頁面指出那些是Gif動畫。

師：不是不利用圖像處理軟件，通過“另存為”選擇圖像類型碼 →“Gif”格式就可以完成？（口頭簡述）

生：不是

師：請同學(xué)們試?yán)肍ireworks軟件對圖像“另存為”→格式“Gif”→”保存”，看一下效果。

生：進(jìn)行嘗試操作實(shí)踐。

師：通過“另存為” Gif格式肯定不行，所以這一節(jié)課，我們一起學(xué)習(xí)利用“Gif Animator”軟件制“Gif 動畫”。（口頭簡述）

（三）講授新課

師：Gif格式可以將單幀的圖像給合起來，然后輪流播放每一幀而成為動畫。Gif 動畫常用于網(wǎng)頁之中。

（1）讓圖像動起來：(powerpoint演示)

師：布置任務(wù)

任務(wù)1：打開“Gif Animator”應(yīng)用軟件，認(rèn)識一下它的操作窗口界面。

任務(wù)2：在“Gif Animator”中，打開D盤里的“Gif 動畫”文件夾中的圖像,讓圖像動起來。

△學(xué)生機(jī)D盤里的“Gif 動畫”文件里的素材是利用易思控制軟件傳送的。生：學(xué)生看書學(xué)習(xí)，小組協(xié)作、自主探究、模仿上機(jī)實(shí)踐操作。P29-31

師：巡堂指導(dǎo)，適當(dāng)進(jìn)行口頭提示操作方法及注意事項(xiàng)。

師：利用易思控制教學(xué)軟件向?qū)W生擴(kuò)播進(jìn)行演示講解，上機(jī)實(shí)踐操作。P29-31

簡單介紹窗口界面，各工具的使用。

師：如果相片素材大小不一樣，能不能在“Gif Animator”中進(jìn)行調(diào)整相同大?。浚陬^闡述）

生：自主探究，上機(jī)實(shí)踐操作？

師：完全可以的。老師利用易思控制軟件向?qū)W生擴(kuò)播演示講解，上機(jī)實(shí)踐操作對準(zhǔn)圖像右擊→對象屬性→“位置及尺寸”標(biāo)簽→輸入寬度與高度→確定。

（2）文字動畫效果(powerpoint 演示)

師：我們已經(jīng)學(xué)習(xí)了在Fireworks軟件中可以添加文并設(shè)置文字效果，那在“Gif Animator”中是否能添加文字動畫效果呢？（口頭闡述）

任務(wù)1：在剛才制作的圖像動畫中添加文字并設(shè)置其動畫效果。

生：看書學(xué)習(xí)、小組協(xié)作、自主探究、上機(jī)模仿實(shí)踐操作。P32-33圖2-

9、圖2-

10、圖2-11。

師：巡堂指導(dǎo)，適當(dāng)對實(shí)踐操作方法、步驟以及技巧進(jìn)行口頭提示并個別指導(dǎo)。

師：同學(xué)們輸入文字的是會出現(xiàn)一系列的“？？？”，你們知道是為什么？ 生：不知道（互相討論，自主探究。）

師：利用易思控制教學(xué)軟件向?qū)W生擴(kuò)播演示講解，上機(jī)實(shí)踐操作。

P32-33中圖2-

9、圖2-

10、圖2-11。

①單擊“幀面板”→“添加文本條”→一定要選擇中文“字體”（否則就出現(xiàn)“？？？？”）→輸入“文字內(nèi)容”→設(shè)置大小、顏色、加粗等

②單擊“效果”標(biāo)簽→分別“進(jìn)入場景”或“退出場景”選擇動畫效果→單擊“開始預(yù)覽”圖2-10

③單擊“確定”→“創(chuàng)建為文本條”→自動生成文字動畫效果所需的幀。如圖2-11。

生：模仿老師的上機(jī)實(shí)踐操作，再次上機(jī)練習(xí)實(shí)踐。

（3）圖像變化效果（powerpoint 演示）

師：大家看電視或影片中的片頭或片尾有一些各種變化的效果，比如電視影片的鏡頭進(jìn)行翻頁到一邊等等效果，那我們能否利用“Gif Animator”對圖像變化效果制作呢？（口頭闡述）

任務(wù)：請同學(xué)們在原有的基礎(chǔ)對第一張圖像及最后一張圖像進(jìn)行變化效果設(shè)置。

生：看書學(xué)習(xí)、小組協(xié)作、自主探究、上機(jī)模仿實(shí)踐操作P2-12。

師：巡堂指導(dǎo)，適當(dāng)對操作步驟、方法以及技巧進(jìn)行口頭提示并個別指導(dǎo)。師：利用易思控制軟件向?qū)W生廣播進(jìn)行演示講解，上機(jī)實(shí)踐操作。

單擊“視頻F/X”→Film→FlapB→Film→打開“添加效果”→單擊“確定”。生：模仿老師的實(shí)踐操作，再次練習(xí)上機(jī)操作。

拓展任務(wù)：P34實(shí)踐。

八、教學(xué)反思：

1、本節(jié)課都是以“上機(jī)實(shí)踐操作技能”為主線來完成教學(xué)任務(wù)，增強(qiáng)同學(xué)們的學(xué)習(xí)興趣。

2、本節(jié)課雖然內(nèi)容不算太多，但實(shí)踐操作多易于出現(xiàn)錯誤，特別對文字動畫效果的設(shè)置，由于上機(jī)實(shí)踐比較多，時間比較緊張，可能基礎(chǔ)差的同學(xué)不能按時完成任務(wù)。

3、這一節(jié)課充分發(fā)揮以學(xué)生為主體，教師為主導(dǎo)的作用。

4、通過任務(wù)驅(qū)動、小組協(xié)作、自主探究、實(shí)踐操作，培養(yǎng)同學(xué)們的思維能力，創(chuàng)新能力，提高同學(xué)們的信息素養(yǎng)。

第五篇：八年級上冊信息技術(shù)1.6網(wǎng)站的發(fā)布與維護(hù)[模版]

八年級下冊信息技術(shù)第6課

網(wǎng)站的發(fā)布與維護(hù)

教學(xué)目的：

1、申請網(wǎng)頁空間

2、上傳網(wǎng)頁

3、網(wǎng)站維護(hù) 教學(xué)重點(diǎn)：

1、站點(diǎn)的發(fā)布

2、網(wǎng)站維護(hù)更新

教學(xué)難點(diǎn)：站點(diǎn)的上傳發(fā)布 教學(xué)過程: ◆ 申請網(wǎng)站空間

自己的網(wǎng)站建好了，就需要在Internet上找個空間來存放，以便能夠讓所有的人能訪問得到?；ヂ?lián)網(wǎng)上的Web空間，有商業(yè)收費(fèi)的，也有免費(fèi)的。在這里我們主要學(xué)會自己在互聯(lián)網(wǎng)上，申請一個自己的免費(fèi)網(wǎng)站空間，同時也熟悉老師在校內(nèi)服務(wù)器上給同學(xué)們提供的本地站點(diǎn)空間，怎樣連接使用。

一、申請一個免費(fèi)空間

在中聯(lián)網(wǎng)上申請免費(fèi)的網(wǎng)頁空間。

◇ 首先去到中聯(lián)網(wǎng)(004km.cn.com，F(xiàn)TP站點(diǎn)地址為:go1.icpcn.com 操作步驟：

⑴.啟動軟件WS-FTP Pro ；

⑵.新建FTP站點(diǎn)zsyzit ； ⑶.連接登錄FTP站點(diǎn)zsyzit ；

⑷.在自己所在機(jī)器上選中要上傳的文件，復(fù)制； 登錄申請的遠(yuǎn)程站點(diǎn)空間

將本地網(wǎng)站文件上傳到網(wǎng)上空間

三、站點(diǎn)維護(hù)與更新

網(wǎng)站已經(jīng)建好，下面的工作是歡迎大家訪問瀏覽。那么如何讓人們知道你的網(wǎng)址呢？

1、推廣自己的站點(diǎn)

站點(diǎn)推廣主要有兩大類方法：一類是通過改進(jìn)網(wǎng)站內(nèi)容和服務(wù)，吸引用戶訪問，起到推廣效果；另一類是通過網(wǎng)絡(luò)廣告宣傳推廣站點(diǎn)。在這里主要介紹屬于前一類方法的一種——為網(wǎng)頁定義關(guān)鍵字，向因特網(wǎng)上的導(dǎo)航臺提交本站點(diǎn)的網(wǎng)址和關(guān)鍵詞，在頁面的原碼中，可使用META標(biāo)簽加入主題詞，以便于搜索引擎識別檢索，使你的站點(diǎn)易于被用戶查詢到。

向您站點(diǎn)的任意網(wǎng)頁中添加關(guān)鍵字，其操作方法如下：

⑴.在“文件”菜單上，單擊“屬性”命令，再單擊“自定義”選項(xiàng)卡，即彈出“網(wǎng)頁屬性”對話框。

⑵.在“用戶變量”框下，單擊“添加”，即彈出“用戶Meta變量”對話框。⑶.在“名稱”框中，鍵入“keywords”。

⑷.在“值”框中，鍵入網(wǎng)站的索引關(guān)鍵字，比如“我的情感小屋”等，若有多個關(guān)鍵字可使用逗號作為關(guān)鍵字之間的分隔符。

⑸.單擊“確定”，完成。

2、網(wǎng)站的維護(hù)與更新

在將自己制作的網(wǎng)頁上傳到該空間后，瀏覽者可以瀏覽網(wǎng)頁。但如果你的網(wǎng)站長期不更新，恐怕就會瀏覽你的網(wǎng)站會越來越少了。網(wǎng)站的更新與維護(hù)是創(chuàng)建網(wǎng)站之不可或缺的后期工作。

一般有如下的情況：

⑴.原舊版網(wǎng)站需添加新內(nèi)容，可在本地編輯好再上傳，或覆蓋或增加之； ⑵.原舊版網(wǎng)站需刪除某些內(nèi)容，可登錄站點(diǎn)空間刪除之，或在本地編輯好再上傳覆蓋之；

⑶.原舊版網(wǎng)站整體更新改版，可登錄站點(diǎn)空間刪除全部，然后再上傳新版網(wǎng)站。

五、操作任務(wù)

1、在中聯(lián)網(wǎng)(004km.cn)上申請自己的免費(fèi)空間,要求： ⑴.能夠成功地申請注冊； ⑵.順利激活自己的帳號。

⑶.登錄中聯(lián)網(wǎng)免費(fèi)空間管理系統(tǒng)，了解相關(guān)使用規(guī)則。

2、熟悉自己的本地站點(diǎn)空間,要求： ⑴.明確自己的本地帳號； ⑵.更改自己的初始密碼

3、發(fā)布自己網(wǎng)站到中聯(lián)網(wǎng)(004km.cn)上的免費(fèi)網(wǎng)頁空間中,要求： ⑴.連接登錄你的免費(fèi)空間。⑵.上傳文件到空間。⑶.測試瀏覽免費(fèi)網(wǎng)頁空間中自己的網(wǎng)頁。

4、發(fā)布網(wǎng)站到本地(校內(nèi))的網(wǎng)站空間中,要求： ⑴.連接登錄你的校內(nèi)空間。⑵.上傳文件到空間。

⑶.測試瀏覽校內(nèi)網(wǎng)頁空間中自己的網(wǎng)頁。