網(wǎng)頁制作教學(xué)設(shè)計

1、一.教材分析網(wǎng)頁制作是浙教版信息技術(shù)基礎(chǔ)第六章第二節(jié)的內(nèi)容，它以“北京故宮”網(wǎng)站為例，介紹了網(wǎng)頁制作的一般步驟。本文設(shè)計了兩個實踐體驗“設(shè)計制作網(wǎng)站主頁”和“設(shè)置超鏈接”，而這恰好是制作網(wǎng)站最重要的兩個環(huán)節(jié)。網(wǎng)頁制作這一部分的內(nèi)容不僅在會考還是高考都是一個專題模塊，因此這部分知識在整本書中占有舉足輕重的地位二.學(xué)情分析高中的學(xué)生只要在初中上過信息課，他們都曾接觸過制作網(wǎng)頁制作的簡單操作，而且大部分都上過網(wǎng)，對網(wǎng)頁的布局、設(shè)計和制作帶來了方便。教材中采用的網(wǎng)頁制作軟件是FrontPage2000，由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面。在第三章，

2、學(xué)生已經(jīng)學(xué)過了Word字處理軟件。因此，學(xué)生對FrontPage2000的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識的遷移對后續(xù)的學(xué)習(xí)非常有利。三.教學(xué)目標(biāo)（一）知識與技能1、FrontPage2000的啟動2、新建與保存網(wǎng)頁3、主頁命名與設(shè)置網(wǎng)頁標(biāo)題4、文字與圖片的插入及屬性的設(shè)置（如文字大小、字體、顏色等，圖片大小、格式轉(zhuǎn)換、環(huán)繞樣式等）5、表格的插入及邊框粗細(xì)的設(shè)置6、單元格的合并于拆分7、超鏈接的制作（二）過程與方法1、通過簡單網(wǎng)站的制作，認(rèn)識網(wǎng)站的結(jié)構(gòu)2、通過網(wǎng)頁的制作，掌握設(shè)計網(wǎng)頁的一般步驟3、欣賞別人的網(wǎng)站，學(xué)會規(guī)劃與設(shè)計網(wǎng)頁的能力（三）情感態(tài)度與

3、價值觀1、通過自行制作的網(wǎng)站，體驗創(chuàng)造的樂趣和成功的喜悅2、通過欣賞和評價優(yōu)秀的網(wǎng)站，激發(fā)學(xué)生創(chuàng)作欲望和學(xué)習(xí)興趣四.教學(xué)重點和難點重點：1、文字與圖片的插入2、表格的應(yīng)用3、超鏈接的設(shè)置難點：1、如何安排文字與圖片的位置關(guān)系，使頁面更和諧2、如何拆分與合并單元格，使表格的布局更為合理五.教法與學(xué)法指導(dǎo)教法：任務(wù)驅(qū)動法   演示法學(xué)法：小組合作法   探究法六.教學(xué)準(zhǔn)備本節(jié)課的學(xué)習(xí)是在機房中進(jìn)行的，除了需要連成局域網(wǎng)的機子外，還需帶廣播功能的軟件，如極域軟件等。教師準(zhǔn)備一個優(yōu)秀的網(wǎng)站及一些制作網(wǎng)站的素材七.教學(xué)策略與總思路(或總環(huán)節(jié)框架)學(xué)生是學(xué)習(xí)的主體，

4、應(yīng)掌握學(xué)習(xí)的主動權(quán)。本節(jié)課的設(shè)計，以提升學(xué)生的自主探究能力以及分析問題、解決問題等能力為目標(biāo)。本節(jié)課剛開始通過名人并且是制作優(yōu)秀的個人網(wǎng)站展示，讓學(xué)生分析網(wǎng)站中的元素，然后通過任務(wù)驅(qū)動的方式，讓學(xué)生自主探究如何制作這些元素，接著通過小組合作的方式來制作他們喜愛的站，最后來交流和評價他們的作品。八.教學(xué)過程（一） 情景創(chuàng)設(shè)（2）展示“姚明”的個人網(wǎng)站，學(xué)生不僅看到了他們的偶像，更重要的是被精美的網(wǎng)頁所吸引。接著要求學(xué)生通過閱讀課本，提問1：網(wǎng)頁中所包含的元素有哪些？提問2：這些元素是如何制作的？【設(shè)計意圖：通過欣賞“姚明”的個人網(wǎng)站，吸引學(xué)生們的注意力，激發(fā)他們的學(xué)習(xí)興趣。同時為引出下

5、面的知識做好鋪墊】（二） 新課講授（2）1、文字的插入：復(fù)制粘貼2、文字屬性的設(shè)置：選中文字，再按要求在文字工具欄上選中相應(yīng)的值3、圖片的插入：插入圖片來自文件4、圖片格式的轉(zhuǎn)換：右擊圖片圖片屬性常規(guī)類型5、圖片的環(huán)繞樣式：右擊圖片圖片屬性常規(guī)樣式格式定位6、表格邊框粗細(xì)的設(shè)置：右擊表格表格屬性邊框粗細(xì)7、單元格的合并與拆分：選中要合并的單元格或要拆分的單元格，再右擊8、超鏈接的對象：既可以是文字也可以是圖片9、常見超鏈接的類型：鏈接到網(wǎng)址鏈接到本地網(wǎng)頁文件鏈接到電子郵件【設(shè)計意圖：這個環(huán)節(jié)老師只花2分鐘的時間，點到即止，告訴學(xué)生碰到問題可以在操作提示中去尋找?guī)椭ㄓ捎谥皩W(xué)生學(xué)過w

6、ord，所以有些操作能力比較強的學(xué)生可以不借助于提示），并不做詳細(xì)的操作演示。因為它包含在下面操作任務(wù)的提示中，目的在于培養(yǎng)學(xué)生自主探究能力】（三） 實踐體驗任務(wù)一：將“shouye.htm”另存為“index.htm”,并設(shè)置網(wǎng)頁的標(biāo)題為“2010年上海世博會” （2）【設(shè)計意圖：讓學(xué)生掌握網(wǎng)頁的主頁一般命名為“index.htm”，同時掌握網(wǎng)頁標(biāo)題的設(shè)置】任務(wù)二：在單元格5中插入素材文件夾中“wenzi.txt”文字，并設(shè)置字體為4號、宋體、黃色；在單元格8中插入素材文件夾中“l(fā)ogo.bmp”圖片,要求圖片與文字為左環(huán)繞樣式，同時將bmp格式轉(zhuǎn)換為jpg格式（3）【設(shè)計意圖：讓

7、學(xué)生掌握文字與圖片的插入，文字屬性的設(shè)置和圖片格式的轉(zhuǎn)換以及圖文混排（環(huán)繞樣式）】任務(wù)三：讓學(xué)生制作和下面一樣表格的網(wǎng)頁首頁，不需要插入真正的圖片和文字，模仿即可，但在預(yù)覽時表格的邊框是看不到的。（5）圖片超鏈接1 超鏈接2 超鏈接3 超鏈接4 超鏈接5圖片+文字 圖片+文字 圖片+文字 圖片+文字 圖片+文字版權(quán)【設(shè)計意圖：讓學(xué)生掌握表格的插入，邊框粗細(xì)的設(shè)置及單元格的合并或拆分，這里僅僅是模仿，為以后的創(chuàng)新打基礎(chǔ)】任務(wù)四：給其中的一個超鏈接（超鏈接15中的任何一個）設(shè)置為有效的超鏈接，鏈接到素材文件夾中的“fe

8、nguan.htm” （4）【設(shè)計意圖：讓學(xué)生掌握超鏈接的設(shè)置】【設(shè)計意圖：實踐體驗這個環(huán)節(jié)所有的操作均有操作提示，學(xué)生可直接上FTP去下載，當(dāng)然有能力的學(xué)生可省去這個步驟。這個環(huán)節(jié)純粹是為了練兵，掌握本節(jié)課的知識點，并沒有按照學(xué)生的意愿去設(shè)計他們的作品】（四） 作品制作（20）4個學(xué)生一組去設(shè)計他們感興趣的網(wǎng)站，這個網(wǎng)站至少要有一張主頁，一張分頁，有能力的同學(xué)當(dāng)然可以多設(shè)計幾張分頁。所有素材都有教師提供。具體分工為：1人收集素材，2人制作網(wǎng)頁，1人負(fù)責(zé)解說他們設(shè)計的網(wǎng)站【設(shè)計意圖：如果說“實踐體驗”那個環(huán)節(jié)束縛了學(xué)生思維的話，那么這個環(huán)節(jié)學(xué)生可以充分發(fā)揮他們的想象，可以綜合運用所學(xué)

9、的知識去設(shè)計自己想要的作品。這個環(huán)節(jié)不僅可以起到鞏固知識的作用，同時學(xué)生們也可以體驗通過小組合作成功設(shè)計出他們自己作品所帶來的喜悅?！浚ㄎ澹?#160;交流評價（5）    評價的依據(jù)：    、網(wǎng)站中是否至少有一張主頁，一張分頁，主頁是否命名為index.htm    、網(wǎng)頁中是否有文字與圖片要素    、超鏈接是否有效、文字與圖片混排是否和諧    、網(wǎng)頁布局是否合理（表格是否用得恰當(dāng)）    、作品內(nèi)容是否有意義，積極向上、網(wǎng)站的整體感覺是否給人“美”的享受【設(shè)計意圖：這個環(huán)節(jié)不僅能夠培養(yǎng)學(xué)生們的解說與欣賞能力，同時通過作品的比較與交流，可以起到查漏補缺的作用，讓學(xué)生們更好地認(rèn)識自己的作品，從而更好的掌握某些知識技能的應(yīng)用】（六） 課堂小結(jié)（2）本節(jié)課主要介紹了制作網(wǎng)頁的一般步驟，如何設(shè)計主頁與分頁以及他們之