網(wǎng)頁的設(shè)計與制作——網(wǎng)站和網(wǎng)頁

《網(wǎng)頁的設(shè)計與制作——網(wǎng)站和網(wǎng)頁》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁的設(shè)計與制作——網(wǎng)站和網(wǎng)頁浙江省臺州中學(xué)張雄【教材分析】在學(xué)習(xí)《網(wǎng)頁的設(shè)計與制作》單元之前，學(xué)生已初步掌握了網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，但多數(shù)學(xué)生對網(wǎng)站網(wǎng)頁的了解也僅僅只停留在這種簡單的操作層面上。本節(jié)教學(xué)中通過網(wǎng)頁、網(wǎng)站基本概念的了解，讓學(xué)生理解網(wǎng)頁的基本元素構(gòu)成和經(jīng)常使用的構(gòu)件，了解超文本標(biāo)記語言HTML，通過對網(wǎng)頁制作工具的比較學(xué)習(xí)，了解不同常用網(wǎng)頁制作工具的特點，為下一節(jié)的學(xué)習(xí)打下基礎(chǔ)?！緦W(xué)情分析】在學(xué)習(xí)本單元之前，學(xué)生已初步具備獲取信息的能力，他們學(xué)習(xí)了網(wǎng)絡(luò)基礎(chǔ)知識，掌握了網(wǎng)絡(luò)信息的瀏覽、搜索和下載以及電子郵件的收發(fā)、

2、文件傳輸?shù)燃寄?。學(xué)生希望自己能制作網(wǎng)頁，并將網(wǎng)頁發(fā)布在Internet上。因此學(xué)生對本單元學(xué)習(xí)的興趣很大。學(xué)生在學(xué)習(xí)本單元前已經(jīng)學(xué)過Word應(yīng)用軟件的使用方法，并掌握一定的文字輸入、圖片的編輯、表格的插入等技巧，這對于本單元的學(xué)習(xí)非常有利?！窘虒W(xué)目標(biāo)】1．知識與技能（1）了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。（2）了解基本的網(wǎng)頁制作軟件的界面和特點。（3）了解網(wǎng)站的地址標(biāo)識——URL,超文本標(biāo)記語言HTML,了解超文本傳輸協(xié)議HTTP。2．過程與方法（1）通過對一個網(wǎng)站網(wǎng)頁的分析，了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。（2）通過教師的演示和講授，初步了解基本的網(wǎng)頁制作工具軟件的

3、界面和特點。3．情感態(tài)度與價值觀（1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實的學(xué)習(xí)態(tài)度。（2）培養(yǎng)學(xué)生學(xué)習(xí)中勇于探索、崇尚科學(xué)的意志和品德?！局攸c難點】重點：網(wǎng)頁的基本元素難點：網(wǎng)頁的基本元素，構(gòu)件【設(shè)計思想】同學(xué)們喜歡上網(wǎng)，但是有一部分學(xué)生不能區(qū)分網(wǎng)站和網(wǎng)頁，在設(shè)計時，我首先與語文學(xué)科整合，結(jié)合高一教材內(nèi)容，播放《再別康橋》flash動畫朗讀版，以此來創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境，進(jìn)而引入徐志摩文學(xué)網(wǎng)，讓學(xué)生思考網(wǎng)站和網(wǎng)頁有什么聯(lián)系？引出本節(jié)課的主題，以提高學(xué)生的學(xué)習(xí)興趣和求知欲望。當(dāng)學(xué)生對網(wǎng)站與網(wǎng)頁有了一定的認(rèn)識之后，引導(dǎo)同學(xué)們自主去探究發(fā)現(xiàn)構(gòu)成網(wǎng)頁的基本元素有哪些？有什么作用？接著組織學(xué)生繼續(xù)討論、交流網(wǎng)頁中除了三種

4、基本元素外，還有哪些經(jīng)常使用的構(gòu)件？然后引導(dǎo)學(xué)生查看網(wǎng)頁的源文件，通過HTML制作網(wǎng)頁與Frontpage制作網(wǎng)頁相比較，從而順利引導(dǎo)到FrontPage網(wǎng)頁制作軟件的特點上，為本章后面的知識學(xué)習(xí)作鋪墊?！窘虒W(xué)流程】教學(xué)環(huán)節(jié)教師活動設(shè)計學(xué)生活動設(shè)計創(chuàng)設(shè)情境，激發(fā)學(xué)生的學(xué)習(xí)興趣。引入課題幻燈顯示《再別康橋》flash動畫朗讀版，指出詩很美，作者筆下的康橋更是讓人向往，激發(fā)學(xué)生的求知欲。引導(dǎo)學(xué)生進(jìn)入徐志摩文學(xué)網(wǎng)http://www.zhs2008.com，對URL、http作一定的解釋?，F(xiàn)在大家看到的是什么？（進(jìn)入到徐志摩文學(xué)網(wǎng)頁面讓學(xué)生回答）引出本節(jié)課的主題“網(wǎng)站和網(wǎng)頁”，讓大家思考網(wǎng)站與網(wǎng)頁有

5、什么聯(lián)系？1、從美學(xué)角度出發(fā)，創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境2、與語文學(xué)科整合，結(jié)合高一教材《再別康橋》，引入徐志摩文學(xué)網(wǎng)3、學(xué)生明確本節(jié)課的學(xué)習(xí)主題內(nèi)容自主合作探究網(wǎng)頁的基本元素教師提問：在徐志摩文學(xué)網(wǎng)中，各位同學(xué)是否發(fā)現(xiàn)了神往已久的康橋，除此之外，還發(fā)現(xiàn)了什么？學(xué)生活動：用發(fā)現(xiàn)法去找出有關(guān)康橋風(fēng)景欣賞中的任一張圖片，再別康橋的詩和徐志摩簡介網(wǎng)頁（基本要求）網(wǎng)站與網(wǎng)頁有什么聯(lián)系？學(xué)生討論之后，教師總結(jié)：網(wǎng)站包含多個網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來。構(gòu)成網(wǎng)頁的基本元素有文字、圖形圖象和超鏈接。網(wǎng)頁中常見的圖象有jpg和Gif。網(wǎng)站的首頁即為主頁。學(xué)生活動在桌面上新建一個以自己號次命名的文件夾，進(jìn)入徐

6、志摩文學(xué)網(wǎng)完成以下任務(wù)課堂任務(wù)一，觸摸網(wǎng)頁的基本三要素：1、要求下載康橋風(fēng)景欣賞中的任一張圖片，文件名改為kq2、保存?再別康橋?這首詩，復(fù)制，粘貼到word文檔中，文件名改為zbkq3、要求下載徐志摩簡介網(wǎng)頁網(wǎng)頁的構(gòu)件教師提問：在徐志摩文學(xué)網(wǎng)中，各位同學(xué)除了發(fā)現(xiàn)組成網(wǎng)頁的三要素文字、圖形圖象和超鏈接，還發(fā)現(xiàn)了哪些經(jīng)常使用的構(gòu)件，它們的作用是什么？學(xué)生活動：相鄰?fù)瑢W(xué)一起去發(fā)現(xiàn)，探討。在學(xué)生沒有完全討論出來時，引導(dǎo)學(xué)生打開自己桌面上的“上課網(wǎng)站”頁面，點擊進(jìn)入課堂在線網(wǎng)站，讓學(xué)生接著去發(fā)現(xiàn)。教師總結(jié)：除了組成網(wǎng)頁的基本三元素文字、圖形圖象和超鏈接。一個豐富多彩的網(wǎng)頁還包括一些構(gòu)件。如：音樂，表單

7、，表格，和一些java小應(yīng)用程序。課堂任務(wù)二：4、探討主頁的布局規(guī)化5、在線欣賞《再別康橋》朗讀版網(wǎng)頁揭秘剛才我們了解了網(wǎng)頁的基本元素、構(gòu)件，這些不但美化了網(wǎng)頁，還豐富了網(wǎng)頁內(nèi)容，增強(qiáng)了網(wǎng)頁功能。下面讓我們來看一看網(wǎng)頁究竟是怎樣組織的。以課堂在線網(wǎng)站為例，選擇滾動字幕，點擊“查看”菜單中的“源文件”命令。教師總結(jié)：網(wǎng)頁中包含的文字、圖像、超鏈接和表格等基本元素及構(gòu)件是由超文本標(biāo)記語言（HyperT