【正文】 任務(wù)二：網(wǎng)頁設(shè)計(jì)與網(wǎng)站制作的基本知識(shí)在這一環(huán)節(jié)里我設(shè)計(jì)讓學(xué)生通過自己的理解，同桌交流以及我及時(shí)必要的補(bǔ)充，完成書中設(shè)定的任務(wù)：了解互聯(lián)網(wǎng)、網(wǎng)頁與首頁、網(wǎng)站等知識(shí)。任務(wù)三：我的第一個(gè)網(wǎng)頁是這樣成功的。關(guān)于HTML語言認(rèn)識(shí)，給學(xué)生2分鐘時(shí)間，閱讀教材中“視野拓展中的內(nèi)容。由教師示范：打開網(wǎng)頁素材，在記事本里復(fù)制并粘貼素材文件中提供的HTML代碼，命名并保存文件，然后在瀏覽器中進(jìn)行預(yù)覽。鼓勵(lì)有余力的同學(xué)通過“視野拓展”板塊進(jìn)行自學(xué)，并能獨(dú)立完成“創(chuàng)作天地”中的練習(xí)。（三）合作交流：本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點(diǎn)的一環(huán)，在這里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以設(shè)計(jì)以小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件個(gè)性作品。（四）展示評(píng)價(jià)：在這個(gè)環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個(gè)小組作品，互相看一看，評(píng)一評(píng)，說一說，虛心的學(xué)習(xí)他人的長(zhǎng)處。同時(shí)教師適當(dāng)評(píng)價(jià)成功之處，對(duì)不足的地方加以完善。在最后，我大約用5分鐘的時(shí)間進(jìn)行小結(jié)和作業(yè)布置。協(xié)作完成“創(chuàng)作天地”的練習(xí)。（五）評(píng)價(jià)：本節(jié)課對(duì)學(xué)生學(xué)習(xí)效果的評(píng)價(jià)主要采用如下三種方式進(jìn)行，一是在教學(xué)實(shí)踐過程中對(duì)學(xué)生操作效果的表現(xiàn)性評(píng)價(jià)；二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生間的互評(píng)過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自我評(píng)價(jià)。（六）課堂小結(jié)：強(qiáng)調(diào)本課知識(shí)點(diǎn)，以加深學(xué)生的理解和記憶；總結(jié)本課學(xué)生的表現(xiàn)。清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材第二課輕松上路——規(guī)劃網(wǎng)站及創(chuàng)建站點(diǎn)【知識(shí)與技能：】（1)、通過學(xué)習(xí)，了解站點(diǎn)的開發(fā)流程，能夠設(shè)計(jì)簡(jiǎn)單的站點(diǎn)；(2)、通過學(xué)習(xí)能夠熟悉Dreamweaver cs5的界面認(rèn)識(shí)和操作；(3)、通過學(xué)習(xí)，學(xué)會(huì)利用學(xué)會(huì)利用Dreamweaver cs5創(chuàng)建站點(diǎn)?！具^程與方法：】（1）、能通過教師引導(dǎo)、動(dòng)腦思考、交流與實(shí)踐操作學(xué)習(xí)過程，體驗(yàn)和感悟探究的一般過程；（2）、能夠仔細(xì)傾聽其他同學(xué)的發(fā)言，體驗(yàn)合作學(xué)習(xí)的過程和方法，提升學(xué)習(xí)能力；（3）、能有效的利用課堂時(shí)間，積極融入合作、交流、探索的學(xué)習(xí)過程?！厩楦袘B(tài)度與價(jià)值觀：】（1）、在探究過程中激發(fā)學(xué)生學(xué)習(xí)開發(fā)網(wǎng)站的興趣；（2）學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價(jià)值。重點(diǎn)：了解網(wǎng)站制作的基本知識(shí)，并制作一個(gè)簡(jiǎn)單的網(wǎng)頁； 難點(diǎn)：理解網(wǎng)站的開發(fā)流程和認(rèn)識(shí)Dreamweaver cs5 教學(xué)安排:1課時(shí) 教法：講解法、練習(xí)法。一、課程導(dǎo)入開發(fā)一個(gè)網(wǎng)站是一個(gè)相當(dāng)來說比較繁雜的過程，對(duì)于一個(gè)網(wǎng)站而言，要有 清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材一個(gè)總的戰(zhàn)略規(guī)劃和目標(biāo)。在做一個(gè)網(wǎng)站前，要有一個(gè)全盤的考慮。我們知道一個(gè)房子一旦地基沒有打好，是要拔了重新蓋，我們做網(wǎng)站也是一樣，如果你前期規(guī)劃做的不好，后面的工作就意味著白辛苦。這節(jié)課我們以“安全自護(hù)我能行”為主題來進(jìn)行網(wǎng)站規(guī)劃和創(chuàng)建站點(diǎn)。二、新課講授 （1）網(wǎng)站需求分析一個(gè)網(wǎng)站在設(shè)計(jì)前，就應(yīng)該考慮網(wǎng)站規(guī)模多大，就是多少個(gè)頁面，每個(gè)頁面的大體內(nèi)容是什么，要用到那些素材，有那些導(dǎo)航，做較大一點(diǎn)的網(wǎng)站尤為如此。還要考慮以后會(huì)有什么改動(dòng)，還要增加那些網(wǎng)頁，盡量讓以后的改動(dòng)盡可能的小。網(wǎng)站的需求分析所用的時(shí)間應(yīng)該占到總開發(fā)時(shí)間的一半以上。①確定網(wǎng)站主題寫作文要圍繞中心思想去寫，做網(wǎng)站要圍繞主題去做。個(gè)人主頁、休閑、體育、教育、新聞、娛樂、購(gòu)物、健康等等，不管那類網(wǎng)站，都不能脫離自己的主題，必須表現(xiàn)個(gè)性，表現(xiàn)出特色才能給人留下深刻印象，讓人流連忘返。②收集素材我們?cè)谶@所說的素材就是你的網(wǎng)頁上要用的各種素材，主要包括：文字、圖片、動(dòng)畫、音頻、視頻等。在網(wǎng)站主題明確后，就應(yīng)該把素材準(zhǔn)備好，當(dāng)然是越充分越好。不要等到用的時(shí)候到處去找，那就影響效率了。③規(guī)劃站點(diǎn)站點(diǎn)規(guī)劃是需求分析中最重要的一個(gè)環(huán)節(jié)，包含很多方面的內(nèi)容。我們上節(jié)課看了一些別人做的網(wǎng)站，相信大家都多多少少了解一些：欄目設(shè)置、顏色 清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材搭配、圖文的應(yīng)用等等。只有把這些內(nèi)容都考慮全面了，制作的時(shí)候你的速度就快。否則就等著不停的返工吧。（2）設(shè)計(jì)制作網(wǎng)站頁面頁面制作要先大后小，先粗后精。就是先要把每個(gè)頁面要放什么內(nèi)容，按什么結(jié)構(gòu)先做一個(gè)大概，所有頁面的大概都做完后，再去完善和細(xì)化。（3）網(wǎng)站的發(fā)布需要域名和網(wǎng)頁文件的存放空間。（1）啟動(dòng)Dreamweaver8 簡(jiǎn)單的進(jìn)行界面介紹（2）創(chuàng)建站點(diǎn) 步驟參見書上第12頁 要求圖文并茂三、學(xué)生練習(xí)學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、作品評(píng)價(jià)對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表揚(yáng)鼓勵(lì)。五、本課小結(jié) 清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材第三課開篇之作——基于表格的頁面布局教學(xué)目標(biāo)：通過學(xué)習(xí)，能夠創(chuàng)建和打開站點(diǎn)，理解站點(diǎn)的意義；通過操作練習(xí)，學(xué)會(huì)有效的整理和利用素材；通過操作練習(xí)，能夠創(chuàng)建網(wǎng)頁和合理的選擇頁面類型；通過操作練習(xí)，掌握對(duì)表格屬性的相關(guān)設(shè)置；學(xué)會(huì)測(cè)試網(wǎng)頁。教學(xué)重、難點(diǎn)：重點(diǎn)：能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置。難點(diǎn)：使能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置。教學(xué)安排：1課時(shí) 教法：講解，學(xué)生練習(xí)。教學(xué)過程：一、課程導(dǎo)入一個(gè)網(wǎng)站的規(guī)劃設(shè)計(jì)完畢了，接下來的工作就是網(wǎng)頁設(shè)計(jì)。我們知道一個(gè)網(wǎng)站的首頁就像一本書的目錄一樣，我們做網(wǎng)站也一樣，要先把首頁確定下來。（查看事先準(zhǔn)備好的示例網(wǎng)頁，分析表格在該頁的作用）二、新課講授（一）復(fù)習(xí)創(chuàng)建站點(diǎn)的步驟。，作為站點(diǎn)文件夾。清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材 CS5,單擊“站點(diǎn)”菜單下的 “新建站點(diǎn)”命令。（二）創(chuàng)建網(wǎng)站首頁 1．整理素材（1）右擊“文件”面板中站點(diǎn)名“站點(diǎn)安全自護(hù)我能行D:safe”，在彈出的快捷菜單中執(zhí)行“新建文件夾”命令，然后將文件夾命名為images。（2），復(fù)制粘貼到images文件夾中。（3）在safe文件夾下新建一文件夾other，將flash動(dòng)畫素材整理到other文件夾中。（1）單擊 “文件”“新建”命令，選擇“常規(guī)”，在“基本頁”列表框中選擇HTML選項(xiàng)，單擊 “創(chuàng)建”按鈕，即建立了一個(gè)空白頁。（2）執(zhí)行“文件” “保存”命令，,默認(rèn)保存路徑是站點(diǎn)的跟目錄。注意保存類型選擇“html文檔”。（三）對(duì)首頁進(jìn)行初步布局 （1）單擊文檔窗口，使插入點(diǎn)在編輯區(qū)內(nèi)閃爍，然后單擊“屬性”欄的“頁面屬性”按鈕。（2）找到 “背景顏色”選項(xiàng)，輸入淺黃色的顏色數(shù)值FFFF94，單擊“確定”按鈕，背景色設(shè)置完成。清華大學(xué)“大、中、小一條龍教學(xué)研究”實(shí)驗(yàn)教材（1）在文檔窗口中單擊，在頁面左上角放置插入點(diǎn)。（2）執(zhí)行“插入”“表格”命令。（3）在彈出的“表格”對(duì)話框中設(shè)置一個(gè)2行1列的表格，寬度600像素。（4）單擊“標(biāo)簽選擇器”中的