《制作網(wǎng)站首頁和框架》參考教案

PAGEPAGE1第十二課制作網(wǎng)站首頁和框架教材分析本課是四川省小學(xué)信息技術(shù)教材小學(xué)六年級上冊第十二課的內(nèi)容，主要學(xué)習(xí)使用FrontPage軟件制作首頁和框架。從本課開始學(xué)習(xí)網(wǎng)站制作軟件——FrontPage軟件，它與過去學(xué)過的Word、PowerPoint等都是Office軟件大家庭的一員。本課通過欣賞成都市龍泉驛區(qū)第十小學(xué)的網(wǎng)站，引起學(xué)生的學(xué)習(xí)興趣，激發(fā)學(xué)習(xí)者制作網(wǎng)站的欲望。通過觀察，對比，引導(dǎo)學(xué)生將Word、PowerPoint中學(xué)過的知識遷移到學(xué)習(xí)FrontPage軟件中；教材的第二部分的設(shè)置是操作活動，讓學(xué)習(xí)者自主探究、動手實(shí)踐；教材第三部分是在完成第二部分——網(wǎng)站首頁框架的制作之后，對首頁進(jìn)行頁面美化，旨在培養(yǎng)學(xué)生的審美能力、想象力和創(chuàng)造力。本課延續(xù)了上節(jié)課學(xué)生制作的《個(gè)人網(wǎng)站制作規(guī)劃表》，同時(shí)也是下一課要制作的幾個(gè)子頁面的主頁，因此本課在網(wǎng)站制作環(huán)節(jié)中不可或缺。所以本節(jié)課先展示出成都市龍泉驛區(qū)第十小學(xué)的網(wǎng)站引起學(xué)生的興趣，同時(shí)滲透審美，展示教師的簡單網(wǎng)站作品，是為學(xué)生設(shè)定一個(gè)合適高度的任務(wù)，減少學(xué)生的畏難情緒，鼓勵(lì)學(xué)習(xí)者制作出個(gè)性的簡易網(wǎng)站。學(xué)情分析此階段的學(xué)生在之前學(xué)習(xí)過Word、PowerPoint等軟件，因此有足夠的基礎(chǔ)知識來自我學(xué)習(xí)、認(rèn)識FrontPage軟件。在制作網(wǎng)站首頁框架過程中，將Word知識遷移到本課中也較為容易，掌握FrontPage2003制作網(wǎng)頁的一般方法也可以在引導(dǎo)下輕松完成。當(dāng)然，小學(xué)六年級學(xué)生在色彩搭配和網(wǎng)頁設(shè)計(jì)的藝術(shù)性、網(wǎng)頁布局等方面有一定的難度，對學(xué)習(xí)者審美能力有一定要求。學(xué)習(xí)目標(biāo)1.知識與技能：理解個(gè)人網(wǎng)站首頁的基本構(gòu)成；了解制作網(wǎng)頁的軟件，掌握FrontPage2003網(wǎng)頁文本編輯和圖片插入方法，以及網(wǎng)頁背景的設(shè)置方法。2.過程與方法：先讓學(xué)生觀摩一些漂亮、有個(gè)性特色的首頁，然后任務(wù)驅(qū)動，讓學(xué)生參考教材，互助學(xué)習(xí)，自主學(xué)會知識與技能，實(shí)現(xiàn)首頁的制作。3.情感、態(tài)度、價(jià)值觀：培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力，在小組協(xié)作學(xué)習(xí)中，培養(yǎng)學(xué)生的團(tuán)隊(duì)精神。學(xué)習(xí)重點(diǎn)1.理解個(gè)人網(wǎng)站的基本組成和網(wǎng)頁框架布局；2.學(xué)習(xí)FrontPage2003制作網(wǎng)頁的一般方法（重點(diǎn)是文本格式、圖片、背景）；學(xué)習(xí)難點(diǎn)1.首頁的藝術(shù)性與個(gè)性布局，色彩的搭配；2.圖片的插入和背景的設(shè)置。教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、相關(guān)圖片及文檔素材學(xué)習(xí)過程學(xué)生活動教師活動5分鐘金山打字練習(xí)(文章練習(xí))一、創(chuàng)設(shè)情景，引入課題：龍泉驛區(qū)第十小學(xué)網(wǎng)站學(xué)生嘗試回答：你知道有哪些軟件可以用來制作網(wǎng)二、合作探究、認(rèn)識界面任務(wù)一：認(rèn)識FrontPage20031.學(xué)生探究：用以前學(xué)過的打開軟件的方法，在“程序”中找到并打開“FrontPage”。2.同桌兩人一小組，左側(cè)同學(xué)電腦屏幕上呈現(xiàn)Word軟件界面、右側(cè)同學(xué)電腦上呈現(xiàn)FrontPage界面，將二者進(jìn)行對比，觀察異同。3、抽2~3個(gè)小組代表交流討論結(jié)果4、學(xué)生練習(xí)：在“學(xué)習(xí)材料”文件夾中打開名為“web-1”的文件夾，使用FrontPage軟件打開index.htm網(wǎng)頁，試探一下左下角四設(shè)計(jì)：編輯網(wǎng)頁模式拆分：拆分為兩個(gè)窗口，上面是代碼窗口，下面是編輯網(wǎng)頁窗口代碼：編輯代碼模式預(yù)覽：模擬網(wǎng)頁在瀏覽器中的顯示效果，和PowerPoint的“幻燈片放映”相似。三、自主學(xué)習(xí)、制作首頁打開名為“web-1”的文件夾，雙擊打開index.htm網(wǎng)頁，觀察老師做的index.htm網(wǎng)頁，該網(wǎng)頁由什么構(gòu)成？生答：文字、圖片任務(wù)二：制作網(wǎng)站首頁1.新建一個(gè)網(wǎng)頁，根據(jù)上節(jié)課自己擬訂《個(gè)人網(wǎng)站制作規(guī)劃表》，在空白位置輸入網(wǎng)站名稱、欄目名稱、主題介紹、作者姓名等內(nèi)容。2、仿照Word的操作，利用格式欄中的工具按鈕，設(shè)置改變文字效果，師鼓勵(lì)學(xué)生在設(shè)計(jì)時(shí)要展示出自己的個(gè)性。小組內(nèi)交流：我是怎樣使文字格式更美的。3、保存主頁文件教師指導(dǎo)學(xué)生保存時(shí)，首頁應(yīng)保存為index.htm或default.htm，保存的位置是上節(jié)課所規(guī)劃的網(wǎng)站文件夾。

任務(wù)三：美化網(wǎng)頁1.說一說老師的這兩個(gè)網(wǎng)頁有什么不同。生：除文字、圖片外，背景色不一樣。2.試一試：改變網(wǎng)頁的背景和插入圖片學(xué)生閱讀課本89頁或參照幫主材料中的“改變網(wǎng)頁背景顏色”，獨(dú)立試探完成背景顏色效果的設(shè)置。進(jìn)一步嘗試和交流：除了使用色彩作為背景，還可以怎樣美化背景？能用圖片作為背景嗎？試試看，怎樣才能辦到？Frontpage能像Word一樣插入圖片嗎？試試看。提示：參照幫主材料中的“在網(wǎng)頁中插入圖片”3、怎樣設(shè)置背景效果？怎樣插入圖片和調(diào)整大小？四、自我小結(jié)、組間互評通過本節(jié)課的學(xué)習(xí)，你的網(wǎng)站首頁做好了嗎？向大家介紹你的首頁中都做了哪些內(nèi)容？你對自己作品的哪一方面最滿意呢？小組互評網(wǎng)站首頁。評價(jià)人簽字欄目分配和布局25背景色彩25文字效果25圖片使用25總分100

平均分

五、課外欣賞、拓展延伸1.迪士尼中國網(wǎng)站：/index.shtml神奇的迪士尼世界。通過度假村網(wǎng)上游覽華特迪士尼世界，親眼目睹奇妙的度假樂園。商品屋、游戲屋等欄目同樣精彩。2.紅泥巴村網(wǎng)站：/紅泥巴村是兒童教育資料網(wǎng)，它獻(xiàn)給孩子網(wǎng)絡(luò)童話，它還是首屆安徒生故事大王大賽指定網(wǎng)站。3.中國科普網(wǎng)站：/介紹各種各樣的科普知識，萬物之理、星宇迷塵、地球故事、生命奧秘一應(yīng)俱全，帶我們?nèi)デ瞄_神奇的科學(xué)之門。師：老師今天給大家?guī)砹艘粋€(gè)禮物，它是一個(gè)漂亮的網(wǎng)站，它就是我們學(xué)校的網(wǎng)站——“成都市龍泉驛區(qū)第十小學(xué)”，請同學(xué)們欣賞。上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，并且搜集了素材，這節(jié)課咱們來動手制作網(wǎng)站的首頁。教師引入：其實(shí)好多字處理軟件都可以設(shè)計(jì)網(wǎng)頁，如Word中，利用“另存為web頁”就可以將文檔保存為網(wǎng)頁，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁，windows“記事本”也可以制作網(wǎng)頁……不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁制作軟件，因?yàn)樗鼈儾粌H可以制作網(wǎng)頁，而且能方便地設(shè)計(jì)和管理網(wǎng)站，很適合入門學(xué)習(xí)。我們先學(xué)習(xí)用FrontPage2003制作網(wǎng)站的首頁。師引入：FrontPage與Word的操作非常相似，請同學(xué)們用鼠標(biāo)試探FrontPage網(wǎng)頁編輯窗口界面上各部分的名稱，了解各按鈕的作用，小組內(nèi)進(jìn)行交流，說說與Word窗口有哪些異同。師小結(jié)：適時(shí)展示FrontPage界面并輔助說明。重點(diǎn)指出新建、保存、插入、預(yù)覽等菜單或按鈕的位置和功能。師引入：在我們動手制作網(wǎng)頁前，我們應(yīng)當(dāng)考慮好網(wǎng)頁的布局和內(nèi)容，個(gè)人網(wǎng)頁的布局就像辦小報(bào)一樣，沒有固定的格式，完全可以由我們自己大膽地進(jìn)行設(shè)計(jì)。（教師利用廣播展示幾個(gè)風(fēng)格不同的個(gè)人主頁，讓學(xué)生注意觀察主頁的內(nèi)容版塊布局）師：（通過廣播展示一些學(xué)校或公司網(wǎng)站、以及學(xué)生網(wǎng)站4幅截圖）請同學(xué)們觀察這四個(gè)網(wǎng)站的首頁，色彩和風(fēng)格上有什么不同？（抽生回答）要使我們的首頁更美，我們可以用色彩或圖案來美化它，你還希望你的網(wǎng)頁背景是什么色彩或圖案？你覺得可以插入什么圖片來突出網(wǎng)站的主題呢？投影展示：“格式——背景”的關(guān)鍵步驟畫面師表揚(yáng)制作和互評較好的小組，提出希望。根據(jù)學(xué)生的回答，適