《網(wǎng)頁制作與發(fā)布》教材分析(十三中學廖淑妍定稿)

1、廣州市第十三中學廣州市第十三中學 廖淑妍廖淑妍課程綱要的要求課程綱要的要求1教學內(nèi)容的組織教學內(nèi)容的組織2課時安排課時安排3教學建議教學建議4 關(guān)鍵知識點關(guān)鍵知識點5課程綱要的要求課程綱要的要求2 2、對對要求：要求： 要求學生掌握初步的信息技術(shù)基礎(chǔ)知識基礎(chǔ)知識，在信息技術(shù)應(yīng)用中逐步提高操作技能操作技能和綜合應(yīng)用能力綜合應(yīng)用能力，鞏固良好的信息意識信息意識和健康負責的信息技術(shù)使用習慣使用習慣，發(fā)展積極學習和探究信息技術(shù)的興趣和能力興趣和能力，強化運用信息技術(shù)解決實際問題的意識意識，領(lǐng)悟信息技術(shù)解決問題的思想方思想方法法，感受信息技術(shù)的文化內(nèi)涵文化內(nèi)涵。廣東省義務(wù)教育信息技術(shù)課程綱要（試行）廣東

2、省義務(wù)教育信息技術(shù)課程綱要（試行）1、義務(wù)教育階段信息技術(shù)課程的總目標義務(wù)教育階段信息技術(shù)課程的總目標： 是培養(yǎng)學生應(yīng)用信息技術(shù)的初步能力初步能力，逐步養(yǎng)成良好的信息素養(yǎng)信息素養(yǎng)，為學生后續(xù)學習乃至終身發(fā)展打基礎(chǔ)打基礎(chǔ)。課程綱要的要求課程綱要的要求 （2）綱要中明確提出“初中階段信息技術(shù)課程在7979年級年級開設(shè)”，這可以說是一個對信息技術(shù)學科的肯定和突破，意味著9年級（初三）也將開設(shè)信息技術(shù)課程。作為教育前沿陣地的廣州市，也率先下發(fā)了初三開課的文件，并根據(jù)學生認知心理和技能掌握順序，把具有集成素材，創(chuàng)作綜合成品的“網(wǎng)頁制作與發(fā)布”模塊放在了9年級新教材中。廣東省義務(wù)教育信息技術(shù)課程綱要（試行

3、）廣東省義務(wù)教育信息技術(shù)課程綱要（試行）3、初中內(nèi)容，對網(wǎng)頁制作方面的要求：初中內(nèi)容，對網(wǎng)頁制作方面的要求： （1）它蘊含在“多媒體應(yīng)用初步多媒體應(yīng)用初步”模塊中。要求能根據(jù)表達需求，使用網(wǎng)頁編輯軟件等工具集成多媒體素材，創(chuàng)作多媒體作品，并發(fā)布展示，享受創(chuàng)作的樂趣。教學內(nèi)容的組織教學內(nèi)容的組織 省綱要省綱要中對教學內(nèi)容的要求中對教學內(nèi)容的要求 綱要中對初中教學內(nèi)容的要求是：以日常生活日常生活中所可能需 要的信息技術(shù)為主線，通過設(shè)計學生可參與或能體驗“應(yīng)用實踐應(yīng)用實踐”， 運用以多媒體計算機與網(wǎng)絡(luò)為主體的信息技術(shù)解決日常學習生活解決日常學習生活 中的問題。 從上面要求中多次出現(xiàn)的“日常生活”、“

4、應(yīng)用實踐”等關(guān)鍵 詞可以看出，新的教材改革步伐起點于應(yīng)用，回歸于生活。所以我 們在網(wǎng)頁制作與發(fā)布這章書中由始到終都圍繞一條主線圍繞一條主線，那就 是“創(chuàng)作一個廣州騎樓的主題網(wǎng)站創(chuàng)作一個廣州騎樓的主題網(wǎng)站”?！皬V州騎樓”是極其具有廣 州本土文化味道的一個話題話題，以它為作品制作的主體，既貼合貼合綱要 要求，也突出教材地方特色教材地方特色，最重要能激起激起學生創(chuàng)作興趣。一條主線：創(chuàng)作一個主題為一條主線：創(chuàng)作一個主題為“廣州騎樓廣州騎樓”的網(wǎng)站并發(fā)布的網(wǎng)站并發(fā)布輻射影響輻射影響（介紹廣州騎樓帶動周邊地區(qū)的建筑變革）身邊騎樓身邊騎樓（介紹今天身邊騎樓情況及對騎樓文化關(guān)注）珠三角騎樓珠三角騎樓（介紹珠三

5、角地區(qū)騎樓建筑特色和風格樣式）“廣州騎樓廣州騎樓” 主頁主頁風格樣式風格樣式（介紹廣州騎樓的建筑特色和不同風格樣式）發(fā)展歷程發(fā)展歷程（圖文介紹廣州騎樓起源，發(fā)展歷程。）珠三角騎樓珠三角騎樓（介紹珠三角地區(qū)騎樓建筑特色和風格樣式）珠三角騎樓珠三角騎樓（介紹珠三角地區(qū)騎樓建筑特色和風格樣式） “廣州騎樓廣州騎樓”網(wǎng)站網(wǎng)站結(jié)構(gòu)圖結(jié)構(gòu)圖制作一個主題網(wǎng)站的思維導(dǎo)圖知識與技能目標知識與技能目標1.1. 通過欣賞網(wǎng)站，了解網(wǎng)站規(guī)劃步驟，能夠繪制網(wǎng)通過欣賞網(wǎng)站，了解網(wǎng)站規(guī)劃步驟，能夠繪制網(wǎng) 站結(jié)構(gòu)圖和網(wǎng)頁布局圖。站結(jié)構(gòu)圖和網(wǎng)頁布局圖。2. 2. 能在網(wǎng)頁中繪制表格并利用表格規(guī)劃頁面。能在網(wǎng)頁中繪制表格并利用表

6、格規(guī)劃頁面。3. 3. 通過自主學習，能制作并美化網(wǎng)頁。通過自主學習，能制作并美化網(wǎng)頁。4. 4. 能在網(wǎng)絡(luò)上發(fā)布自己的網(wǎng)站。能在網(wǎng)絡(luò)上發(fā)布自己的網(wǎng)站。過程與方法過程與方法1.1. 通過欣賞優(yōu)秀網(wǎng)站，激發(fā)學習積極性，培養(yǎng)創(chuàng)新通過欣賞優(yōu)秀網(wǎng)站，激發(fā)學習積極性，培養(yǎng)創(chuàng)新 意識。意識。2. 2. 通過設(shè)計、制作自己的主題網(wǎng)站，提高分析問題、通過設(shè)計、制作自己的主題網(wǎng)站，提高分析問題、 解決問題的能力和動手能力。解決問題的能力和動手能力。3. 3. 通過合作探究，提高自學能力和協(xié)作能力。通過合作探究，提高自學能力和協(xié)作能力。情感態(tài)度與價值觀情感態(tài)度與價值觀1.1. 通過以通過以“廣州騎樓廣州騎樓”為主

7、題的單元學習，激發(fā)熱愛為主題的單元學習，激發(fā)熱愛 家鄉(xiāng)的思想感情。家鄉(xiāng)的思想感情。2. 2. 開闊學生的眼界，激發(fā)學生熱愛科學的情感和學習開闊學生的眼界，激發(fā)學生熱愛科學的情感和學習 科學、探索科學奧秘的興趣。科學、探索科學奧秘的興趣。3. 3. 通過設(shè)計、制作自己的主題網(wǎng)站，增強自信心和榮通過設(shè)計、制作自己的主題網(wǎng)站，增強自信心和榮 譽感。譽感。教學內(nèi)容的組織與呈現(xiàn)方式教學內(nèi)容的組織與呈現(xiàn)方式 圍繞三個圍繞三個“如何如何”來學習。來學習。本章共分本章共分8 8節(jié)。節(jié)。 內(nèi)容上根據(jù)一個網(wǎng)站完整的創(chuàng)作思路來安排。內(nèi)容上根據(jù)一個網(wǎng)站完整的創(chuàng)作思路來安排。主題構(gòu)思主題構(gòu)思結(jié)構(gòu)設(shè)計結(jié)構(gòu)設(shè)計素材準備素材

8、準備頁面制作頁面制作頁面美化頁面美化網(wǎng)站發(fā)布網(wǎng)站發(fā)布教學內(nèi)容的組織與呈現(xiàn)方式教學內(nèi)容的組織與呈現(xiàn)方式專題一：網(wǎng)站設(shè)計和規(guī)劃專題一：網(wǎng)站設(shè)計和規(guī)劃分析學習目標分析學習目標需要解決問題需要解決問題1通過欣賞優(yōu)秀網(wǎng)站，了解網(wǎng)站的構(gòu)成和要素優(yōu)秀網(wǎng)站是什么樣的？應(yīng)具備哪些要素？2了解網(wǎng)站的規(guī)劃步驟，能夠繪制網(wǎng)站結(jié)構(gòu)圖和網(wǎng)頁布局圖網(wǎng)站的結(jié)構(gòu)是怎樣的?如何繪制網(wǎng)站結(jié)構(gòu)圖？3掌握在網(wǎng)頁中繪制表格并利用表格規(guī)劃頁面的方法網(wǎng)頁版式有哪些特點？如何用表格規(guī)劃頁面？4通過欣賞優(yōu)秀網(wǎng)站，激發(fā)學生的學習積極性，培養(yǎng)學生創(chuàng)新意識教學內(nèi)容的組織與呈現(xiàn)方式教學內(nèi)容的組織與呈現(xiàn)方式專題二：網(wǎng)頁的制作和美化專題二：網(wǎng)頁的制作和美化

9、分析學習目標分析學習目標需要解決問題需要解決問題1能在網(wǎng)頁中輸入文字、插入圖片網(wǎng)頁中的文字和圖片有何特性？如何在網(wǎng)頁中應(yīng)用？2能利用各種多媒體手段修飾和美化網(wǎng)頁背景音樂如何設(shè)置？視頻如何設(shè)置？流動字幕如何設(shè)置？3能在網(wǎng)頁中創(chuàng)建超鏈接超鏈接內(nèi)涵？如何在網(wǎng)頁中建立超鏈接？4通過合作學習，提高自學能力和協(xié)作能力教學內(nèi)容的組織與呈現(xiàn)方式教學內(nèi)容的組織與呈現(xiàn)方式專題三：網(wǎng)站的發(fā)布專題三：網(wǎng)站的發(fā)布分析學習目標分析學習目標需要解決問題需要解決問題1會上傳發(fā)布網(wǎng)頁或網(wǎng)站網(wǎng)絡(luò)空間的內(nèi)涵？如何發(fā)布網(wǎng)站？2通過發(fā)布作品，培養(yǎng)成就感和學習自豪感對應(yīng)培養(yǎng)“采集、加工以及發(fā)布信息”等處理信息的基本技能課時安排課時安排教

10、學內(nèi)容教學內(nèi)容課時課時備注備注第1節(jié) 了解網(wǎng)頁與網(wǎng)站1第2節(jié) 創(chuàng)建站點和網(wǎng)頁1第3節(jié) 用表格布局網(wǎng)頁2 用表格設(shè)計網(wǎng)頁版式 1課時 添加網(wǎng)頁元素 1課時 第4節(jié) 編輯網(wǎng)頁圖文1第5節(jié) 建立網(wǎng)頁超鏈接2 內(nèi)外部鏈接的應(yīng)用 1課時 建立錨點、郵件鏈接 1課時第6節(jié) 添加多媒體元素1第7節(jié) 網(wǎng)站發(fā)布1第8節(jié) 制作專題網(wǎng)站1合計10教法建議教法建議 本章內(nèi)容以實踐性知識為主，將學科知識融合在活本章內(nèi)容以實踐性知識為主，將學科知識融合在活動當中，在教學實踐中要依據(jù)知識特點、學生情況合理動當中，在教學實踐中要依據(jù)知識特點、學生情況合理選擇教學方法。選擇教學方法。引導(dǎo)完成任務(wù)引導(dǎo)完成任務(wù)主導(dǎo)評價任務(wù)主導(dǎo)評價

11、任務(wù)總結(jié)升華任務(wù)總結(jié)升華任務(wù)呈現(xiàn)學習任務(wù)呈現(xiàn)學習任務(wù)分解細化任務(wù)分解細化任務(wù)教師活動教師活動明確學習任務(wù)明確學習任務(wù)分析學習任務(wù)分析學習任務(wù)獨立完成獨立完成合作討論合作討論解決學習任務(wù)解決學習任務(wù)歸納小結(jié)歸納小結(jié) 反思提高反思提高學生活動學生活動教師主導(dǎo)教師主導(dǎo)學生主體學生主體任務(wù)驅(qū)動教學流程圖任務(wù)驅(qū)動教學流程圖關(guān)鍵知識點關(guān)鍵知識點如何規(guī)劃網(wǎng)站如何規(guī)劃網(wǎng)站作為網(wǎng)站制作的開頭部分，作為網(wǎng)站制作的開頭部分，前四節(jié)課前四節(jié)課對學生養(yǎng)成對學生養(yǎng)成良好的網(wǎng)站良好的網(wǎng)站制作習慣制作習慣、形成網(wǎng)站頁面布局規(guī)劃的、形成網(wǎng)站頁面布局規(guī)劃的專業(yè)素養(yǎng)專業(yè)素養(yǎng)，有非常重要的，有非常重要的作用作用。目的目的讓學生認識到

12、網(wǎng)站規(guī)劃的重要性，只要有了好的讓學生認識到網(wǎng)站規(guī)劃的重要性，只要有了好的主主題題、好的、好的設(shè)計思想設(shè)計思想以及準備了好的以及準備了好的素材素材，才能使后，才能使后序設(shè)計快速、有效地完成。序設(shè)計快速、有效地完成。關(guān)鍵知識點關(guān)鍵知識點如何規(guī)劃網(wǎng)站如何規(guī)劃網(wǎng)站注意點注意點（1 1）很多教師會）很多教師會忽略忽略這一節(jié)課，甚至這一節(jié)課，甚至省略省略，其，其實就是忽略了學生一個實就是忽略了學生一個整體規(guī)劃整體規(guī)劃的過程和培養(yǎng)。的過程和培養(yǎng)。（2 2）應(yīng)給學生足夠多的自主）應(yīng)給學生足夠多的自主規(guī)劃時間規(guī)劃時間和和自由自由。關(guān)鍵知識點關(guān)鍵知識點如何規(guī)劃網(wǎng)站如何規(guī)劃網(wǎng)站方法方法（1 1）基本概念講明白：基本

13、概念講明白：什么是網(wǎng)站？什么是網(wǎng)什么是網(wǎng)站？什么是網(wǎng)頁？什么是主頁？網(wǎng)頁版式的類別？頁？什么是主頁？網(wǎng)頁版式的類別？（2 2）規(guī)劃步驟做規(guī)范：規(guī)劃步驟做規(guī)范：設(shè)計網(wǎng)站結(jié)構(gòu)，做好需設(shè)計網(wǎng)站結(jié)構(gòu)，做好需求分析，定好網(wǎng)站主題和名稱，選好制作工具，求分析，定好網(wǎng)站主題和名稱，選好制作工具，設(shè)計網(wǎng)頁版式，樹立總體風格，收集整理素材。設(shè)計網(wǎng)頁版式，樹立總體風格，收集整理素材。關(guān)鍵知識點關(guān)鍵知識點認識認識HTMLHTML 無論是以前的無論是以前的“Frontpage”Frontpage”還是現(xiàn)在的還是現(xiàn)在的“Dreamweaver”Dreamweaver”都是一些都是一些所見即所得所見即所得的的可視化可視化

14、網(wǎng)頁設(shè)計軟件，它讓網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計軟件，它讓網(wǎng)頁設(shè)計簡單化簡單化，目前教材，目前教材基于中學生初接觸網(wǎng)頁，毫無基礎(chǔ)為出發(fā)點，也基于中學生初接觸網(wǎng)頁，毫無基礎(chǔ)為出發(fā)點，也是以是以“DreamweaverDreamweaver”為核心，介紹超連接、表格、為核心，介紹超連接、表格、框架、文本等網(wǎng)頁要素，框架、文本等網(wǎng)頁要素，軟件工具軟件工具的學習占較大的學習占較大篇幅。篇幅。關(guān)鍵知識點關(guān)鍵知識點認識認識HTMLHTML問題問題 網(wǎng)頁設(shè)計是網(wǎng)頁設(shè)計是技術(shù)與藝術(shù)相結(jié)合技術(shù)與藝術(shù)相結(jié)合的一個典范。的一個典范。如果老師過多注重如果老師過多注重視覺化視覺化效果講授，不重視對效果講授，不重視對網(wǎng)頁背后網(wǎng)頁背后技

15、術(shù)支撐技術(shù)支撐（HTMLHTML語言）的啟蒙教學，語言）的啟蒙教學，容易導(dǎo)致學生把網(wǎng)頁作為一種純粹的平容易導(dǎo)致學生把網(wǎng)頁作為一種純粹的平面設(shè)計面設(shè)計藝術(shù)藝術(shù)來對待，設(shè)計只停留在表面層次，最后網(wǎng)來對待，設(shè)計只停留在表面層次，最后網(wǎng)頁成了頁成了藝術(shù)品藝術(shù)品，卻，卻缺少缺少了了實用價值實用價值。關(guān)鍵知識點關(guān)鍵知識點認識認識HTMLHTML解釋點解釋點 學習學習HTMLHTML可以使學生了解網(wǎng)頁本質(zhì)：網(wǎng)頁不是可以使學生了解網(wǎng)頁本質(zhì)：網(wǎng)頁不是一個平面設(shè)計或一張圖片，它是一個一個平面設(shè)計或一張圖片，它是一個計算機文計算機文件件，由某種語法構(gòu)成，需要被瀏覽器解釋后才，由某種語法構(gòu)成，需要被瀏覽器解釋后才能顯

16、示到屏幕上的一種能顯示到屏幕上的一種語言文件語言文件，網(wǎng)頁最后顯，網(wǎng)頁最后顯示出來的文字、圖像或聲音等都只是網(wǎng)頁語言示出來的文字、圖像或聲音等都只是網(wǎng)頁語言的詞句（素材）而已，把這些詞句（素材）的詞句（素材）而已，把這些詞句（素材）以某以某各結(jié)構(gòu)統(tǒng)領(lǐng)各結(jié)構(gòu)統(tǒng)領(lǐng)起來的語言就是起來的語言就是HTMLHTML（超文本（超文本標記），它是目前網(wǎng)絡(luò)上應(yīng)用最廣泛的語言。標記），它是目前網(wǎng)絡(luò)上應(yīng)用最廣泛的語言。關(guān)鍵知識點關(guān)鍵知識點超鏈接超鏈接一個網(wǎng)頁容量是有限的，它不可能將網(wǎng)頁相一個網(wǎng)頁容量是有限的，它不可能將網(wǎng)頁相關(guān)的內(nèi)容都羅列在一張頁面上，但是超鏈接卻能將關(guān)的內(nèi)容都羅列在一張頁面上，但是超鏈接卻能將相關(guān)

17、的網(wǎng)頁鏈接起來，組成我們所暢游的網(wǎng)絡(luò)世界。相關(guān)的網(wǎng)頁鏈接起來，組成我們所暢游的網(wǎng)絡(luò)世界。在網(wǎng)絡(luò)中使用鏈接，能夠使獨立的網(wǎng)頁之間在網(wǎng)絡(luò)中使用鏈接，能夠使獨立的網(wǎng)頁之間產(chǎn)生一定的相互聯(lián)系，從而使每個獨立的網(wǎng)頁形成產(chǎn)生一定的相互聯(lián)系，從而使每個獨立的網(wǎng)頁形成一個有機整體，即用戶可以通過單擊鏈接，實現(xiàn)從一個有機整體，即用戶可以通過單擊鏈接，實現(xiàn)從一個網(wǎng)頁到另一個網(wǎng)頁的跳轉(zhuǎn)。一個網(wǎng)頁到另一個網(wǎng)頁的跳轉(zhuǎn)?？梢哉f，超鏈接是網(wǎng)頁的靈魂和精華所在，可以說，超鏈接是網(wǎng)頁的靈魂和精華所在，沒有超鏈接，就沒有如此浩瀚的網(wǎng)絡(luò)資源。沒有超鏈接，就沒有如此浩瀚的網(wǎng)絡(luò)資源。關(guān)鍵知識點關(guān)鍵知識點超鏈接超鏈接概念點概念點 超鏈接

18、是網(wǎng)頁中由一個地方跳轉(zhuǎn)到另一個地方、超鏈接是網(wǎng)頁中由一個地方跳轉(zhuǎn)到另一個地方、網(wǎng)頁、網(wǎng)站或文件的指針，跳轉(zhuǎn)的起點稱為源網(wǎng)頁、網(wǎng)站或文件的指針，跳轉(zhuǎn)的起點稱為源端點或簡稱源、錨、錨點，跳轉(zhuǎn)的終點即跳轉(zhuǎn)端點或簡稱源、錨、錨點，跳轉(zhuǎn)的終點即跳轉(zhuǎn)到的頁面稱為目標端點或簡稱目標、目的、目到的頁面稱為目標端點或簡稱目標、目的、目標錨。超鏈接指出了源端點、目標端點以及從標錨。超鏈接指出了源端點、目標端點以及從源端點到目標端點的路徑即地址。源端點到目標端點的路徑即地址。關(guān)鍵知識點關(guān)鍵知識點超鏈接超鏈接概念點概念點 超鏈接是通過尋址方式找到目的地址的。每超鏈接是通過尋址方式找到目的地址的。每一個網(wǎng)頁都有一個獨一

19、無二的地址，被稱作一個網(wǎng)頁都有一個獨一無二的地址，被稱作URL(URL(統(tǒng)統(tǒng)一資源定位地址一資源定位地址) )。一個一個URLURL分為三個部分：協(xié)議名、裝有所需文分為三個部分：協(xié)議名、裝有所需文件的計算機地址、含有信息的文件路徑和文件名。件的計算機地址、含有信息的文件路徑和文件名。格式如下：格式如下：協(xié)議名協(xié)議名:/:/主機名主機名/ /路徑和文件名路徑和文件名關(guān)鍵知識點關(guān)鍵知識點絕對路徑、相對路徑絕對路徑、相對路徑 超鏈接的路徑是超鏈接的路徑是URLURL地址。按目地址。按目標端點所處位置的不同，超鏈接的路標端點所處位置的不同，超鏈接的路徑分為絕對路徑、相對路徑。徑分為絕對路徑、相對路徑。關(guān)鍵知識點關(guān)鍵知識點絕對路徑、相對路徑絕對路徑、相對路徑絕對路徑絕對路徑如果在鏈接中使用了完整的如果在鏈接中使用了完整的UR