《網(wǎng)頁(yè)制作》教學(xué)設(shè)計(jì)

1、網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)一、教材分析網(wǎng)頁(yè)制作教學(xué)是信息基礎(chǔ)必修教材中第六章第1節(jié)信息集成中網(wǎng)站制作簡(jiǎn)介的相關(guān)內(nèi)容。編輯網(wǎng)頁(yè)所使用的是軟件是Frontpage2000，該軟件的使用與以前所學(xué)的word有類似的地方，軟件操作具有一定的遷移性。二、學(xué)情分析學(xué)生在之前已經(jīng)學(xué)習(xí)了word的相關(guān)操作，具備網(wǎng)上獲取信息和一定的信息處理水平。Frontpage2000的使用與word有很多類似的地方，學(xué)生較容易上手。三、教學(xué)目標(biāo)知識(shí)與技能：了解網(wǎng)頁(yè)的基本元素；掌握網(wǎng)頁(yè)制作中網(wǎng)頁(yè)元素的應(yīng)用；懂得利用表格布局網(wǎng)頁(yè)的基本思想； 過程與方法：通過實(shí)踐體驗(yàn)對(duì)比，得出結(jié)論。親歷網(wǎng)頁(yè)制作的過程。情感態(tài)度與價(jià)值觀：在與同伴合作完成簡(jiǎn)

2、單網(wǎng)頁(yè)的制作過程中，培養(yǎng)與他人合作交流的意識(shí)和習(xí)慣，通過設(shè)計(jì)學(xué)校網(wǎng)頁(yè)，培養(yǎng)學(xué)生熱愛學(xué)校的情感。四、教學(xué)重點(diǎn)、難點(diǎn)教學(xué)重點(diǎn)：網(wǎng)頁(yè)制作中網(wǎng)頁(yè)元素的應(yīng)用教學(xué)難點(diǎn)：利用表格布局網(wǎng)頁(yè)五、教學(xué)方法：合作探究法、任務(wù)驅(qū)動(dòng)六、 教學(xué)過程（一）情境導(dǎo)入師：用PPT展示一組美麗的學(xué)校風(fēng)景圖片，師生共同欣賞。這是哪里的風(fēng)景，這么漂亮？生：我們的學(xué)校。師：既然我們的學(xué)校是這么漂亮，如何讓更多的人了解我們的學(xué)校呢？請(qǐng)學(xué)生說說宣傳的途徑，最后得出：通過制作網(wǎng)頁(yè)，在網(wǎng)上發(fā)布宣傳。師：我完全贊同同學(xué)們的觀點(diǎn)。那我們?nèi)绾蝸碇谱骶W(wǎng)頁(yè)呢？本節(jié)課我們就一起來學(xué)習(xí)制作美麗的蒲中網(wǎng)頁(yè)。（二）新課講授師：展示校園頁(yè)面，請(qǐng)學(xué)生欣賞網(wǎng)頁(yè)并回答

3、頁(yè)面中有哪些元素？生：文字、圖片、動(dòng)畫等。師：網(wǎng)頁(yè)里的這些元素是如何集成起來的？其實(shí)是用網(wǎng)頁(yè)制作工具制作起來的。網(wǎng)頁(yè)制作其實(shí)并不難，今天我們將使office2000中的frontpage2000來制作網(wǎng)頁(yè)，它具有功能強(qiáng)大、簡(jiǎn)單易用的特點(diǎn)。教師演示啟動(dòng)frontpage2000的步驟，演示界面和功能。界面簡(jiǎn)單介紹：因?yàn)槎际莖ffice套件的一種，所以和word界面很相似，同時(shí)注意區(qū)別。Frontpage 啟動(dòng)后，它會(huì)自動(dòng)開啟一個(gè)空白的網(wǎng)頁(yè)，后綴名為.htm，代表的是超文本鏈接，即表示網(wǎng)頁(yè)。實(shí)踐一：2個(gè)小實(shí)驗(yàn)實(shí)驗(yàn)1：?jiǎn)?dòng)Frontpage后，點(diǎn)擊“文件”“打開站點(diǎn)”，找到D盤下的bpzx文件夾。雙

4、擊文件夾列表里的shiyan1.htm文件，學(xué)生嘗試拼湊圖形。實(shí)驗(yàn)2：雙擊文件夾列表里的shiyan2.htm文件，學(xué)生嘗試拼湊圖形，將圖形按順序拖到表格的單元格里，并適當(dāng)拖到表格的邊框，能拼湊成功嗎？學(xué)生操作，發(fā)現(xiàn)實(shí)驗(yàn)1中的圖形總有1個(gè)無法拖動(dòng)，拼湊不成功，實(shí)驗(yàn)2在表格中拼湊圖形成功。教師啟發(fā)學(xué)生思考，得出：表格的定位。師：利用表格的定位功能。布局功能能夠?qū)?yè)面元素實(shí)行定位，使網(wǎng)頁(yè)清晰美觀、富有條理。表格中能夠包含多種類型的內(nèi)容，如圖像、文本、多媒體文件。引導(dǎo)學(xué)生觀察一開始出示的網(wǎng)頁(yè)，發(fā)現(xiàn)排列整齊。師生共同得出：利用表格布局網(wǎng)頁(yè)。師：既然表格功能是如此的強(qiáng)大，老師這里制作了一張利用表格布局的

5、“美麗的蒲中”網(wǎng)頁(yè)，但因?yàn)闀r(shí)間關(guān)系，老師只做了一部分，今天，老師要請(qǐng)你們當(dāng)網(wǎng)頁(yè)設(shè)計(jì)師，完成網(wǎng)頁(yè)的制作。實(shí)踐二：雙擊文件夾視圖里的meilipz.htm，任務(wù)一：請(qǐng)大家從D盤的sucai文件夾中，從7張校園風(fēng)景圖片中挑選其中一張，插入網(wǎng)頁(yè)表格的適當(dāng)位置。文字材料直接從sucai文件夾中的word文檔中復(fù)制。注意頁(yè)面的保存，保存時(shí)要注意：網(wǎng)站中用到的圖像、聲音、視頻文件應(yīng)有條理地存放到指定文件夾中。當(dāng)保存圖片時(shí)，要把圖片保存到images文件夾中。學(xué)生自主操作，4人一組合作學(xué)習(xí)。教師巡回輔導(dǎo)。操作中的操作步驟要點(diǎn)參考網(wǎng)頁(yè)制作學(xué)案。任務(wù)二：合并相關(guān)單元格，在合并后的單元格里各插入flash動(dòng)畫和歡迎字幕，以實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)效果。注意保存?？赡艿膯栴}：1、圖片屬性設(shè)置2、flash動(dòng)畫的插入教師展示一部分學(xué)生的作品，點(diǎn)評(píng)，小結(jié)。學(xué)生再次練習(xí)完善。實(shí)踐三：設(shè)置網(wǎng)頁(yè)標(biāo)題和背景色師：要想使頁(yè)面更漂亮更受歡迎嗎？嘗試在表格內(nèi)右擊，點(diǎn)擊“頁(yè)面屬性”，設(shè)置網(wǎng)頁(yè)標(biāo)題，設(shè)置背景色或者背