第一節(jié)Web技術(shù)與網(wǎng)站制作流程

1、第一節(jié)Web技術(shù)與網(wǎng)站制作流程【教學(xué)目的】知識(shí)與技能：1、了解http、HTML URL分別代表什么意思；2、了解Wet技術(shù)的發(fā)展歷程；3、了解開(kāi)發(fā)網(wǎng)站需要經(jīng)過(guò)的基本流程；4、進(jìn)一步了解網(wǎng)頁(yè)灣站的相關(guān)知識(shí)；5、了解一些常用的網(wǎng)站制作工具；6增強(qiáng)對(duì)網(wǎng)絡(luò)的認(rèn)識(shí)。過(guò)程與方法：教師演示學(xué)生互助學(xué)習(xí)情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生互助的精神以及熱愛(ài)科學(xué)技術(shù)的精神?！窘虒W(xué)重點(diǎn)難點(diǎn)】教學(xué)重點(diǎn)：了解http、HTML URL的含有以及他們的關(guān)系。 Wet技術(shù)發(fā)展歷程。教學(xué)難點(diǎn)：了解http、HTML URL的含有以及他們的關(guān)系?！窘虒W(xué)地點(diǎn)】學(xué)生多媒體教室【教學(xué)課時(shí)】一課時(shí)【教學(xué)過(guò)程】一、導(dǎo)入新課同學(xué)們都接觸了網(wǎng)絡(luò)，

2、感受到了網(wǎng)絡(luò)的無(wú)窮魅力 ，但早期的網(wǎng)頁(yè)中的內(nèi)容遠(yuǎn)沒(méi)有如此豐 富。今天我們通過(guò)對(duì) web技術(shù)基本概念、發(fā)展歷程和網(wǎng)站制作流程的學(xué)習(xí)，進(jìn)一步了解網(wǎng)頁(yè) 與網(wǎng)站的相關(guān)知識(shí)。二、學(xué)習(xí)新課1、學(xué)生快速瀏覽教材明確學(xué)習(xí)任務(wù)：a、了解http、HTML URL代表什么？ b、web技術(shù) 的發(fā)展過(guò)程。c、網(wǎng)頁(yè)制作的軟件。2、網(wǎng)站的基本概念打開(kāi)瀏覽器，進(jìn)入 。.wwW卩“萬(wàn)維網(wǎng)”通常簡(jiǎn)稱為webbHTTP協(xié)議是什么？我們?cè)跒g覽器的地址欄里輸入的網(wǎng)站地址叫做URL （Un iform Resource Locator, 統(tǒng)一資源定位符）。就像每家每戶都有一個(gè)門(mén)牌地址一樣，每個(gè)網(wǎng)頁(yè)也都有一個(gè)In ternet地址.當(dāng)

3、你在瀏覽器的地址框中輸入一個(gè) URL或是單擊一個(gè)超級(jí)鏈接時(shí)，URL就確定了要瀏覽的地址。 瀏覽器通過(guò)超文本傳輸協(xié)議（HTTP，將Web服務(wù)器上站點(diǎn)的網(wǎng)頁(yè)代碼提取出來(lái)，并翻譯成 漂亮的網(wǎng)頁(yè)。因此，在我們認(rèn)識(shí) HTTP之前,有必要先弄清楚URL的組成，例如：http : /wwwb 。它的含義如下: http : /:代表超文本傳輸協(xié)議,通知服務(wù)器顯示 Web頁(yè)，通常不用輸入； www代表一個(gè) Web（萬(wàn)維網(wǎng)）服務(wù)器； :這是裝有網(wǎng)頁(yè)的服務(wù)器的域名，或站點(diǎn)服務(wù)器的名稱； 瀏覽器：用來(lái)進(jìn)行網(wǎng)頁(yè)瀏覽的一種軟件。 HTML服務(wù)器存儲(chǔ)著信息資源，這些信息資源主要由超文本標(biāo)記語(yǔ)言描述的網(wǎng)頁(yè)

4、構(gòu)成， 超文本語(yǔ)言即HTM語(yǔ)言，瀏覽器的工作就是通過(guò)http協(xié)議來(lái)翻譯這些標(biāo)記語(yǔ)言即 HTML形 成我們眼前漂亮的網(wǎng)頁(yè)。如,百度首頁(yè)的HTM!代碼：3、web技術(shù)發(fā)展歷程靜態(tài)網(wǎng)頁(yè)：只能包括單純的文本內(nèi)容，瀏覽器也只能顯示呆板的文字信息。Web2 0時(shí)代這是我們今天所看到的所使用到的 web技術(shù)，它由單純的“讀”向“寫(xiě)"、“共同建設(shè)”發(fā) 展；由被動(dòng)接受信息到主動(dòng)創(chuàng)造信息進(jìn)步4、常用網(wǎng)頁(yè)制作軟件Word和powerpoint等辦公軟件可以直接將制作出的文檔轉(zhuǎn)換為網(wǎng)頁(yè)。常用網(wǎng)頁(yè)制作軟件：Dreamweaver frontpage、HotDog Professional 、Homesite。

5、我們本學(xué)期要涉及 Dreamweaver 網(wǎng)頁(yè)制作軟件工具。三、學(xué)生討論，打開(kāi)各常用互聯(lián)網(wǎng)資源觀察，鞏固所學(xué)內(nèi)容。四、習(xí)題判斷下列說(shuō)法的正誤。1、HTTP是超文本標(biāo)記語(yǔ)言的英文簡(jiǎn)寫(xiě).（）2f URL是統(tǒng)一資源定位器的英文簡(jiǎn)寫(xiě)。（）3、利用word和記事本可以制作簡(jiǎn)單的網(wǎng)頁(yè).（）藍(lán)圖規(guī)劃主題網(wǎng)站規(guī)劃【教學(xué)目的】1、知識(shí)目標(biāo)：讓學(xué)生了解網(wǎng)站建設(shè)的前期準(zhǔn)備工作；學(xué)會(huì)如何規(guī)劃、構(gòu)思一個(gè)網(wǎng)站。2、能力目標(biāo)：提高學(xué)生分析能力、探究能力、組織能力 .3、情感目標(biāo)：增進(jìn)班級(jí)集體榮譽(yù)感 ,團(tuán)隊(duì)合作理念以及同學(xué)友誼 .4、價(jià)值目標(biāo)：培養(yǎng)學(xué)生自信心及個(gè)性化發(fā)展?！窘虒W(xué)重點(diǎn)及難點(diǎn)】 本節(jié)的重點(diǎn)有：需求分析、確定主題、

6、制定計(jì)劃表 .本節(jié)的難點(diǎn)是：確定恰當(dāng)?shù)闹黝}、制 定一個(gè)切實(shí)可行的規(guī)劃表 .如何制定切實(shí)可行的規(guī)劃表，循序漸進(jìn)地完成整個(gè)網(wǎng)站的建設(shè)是為 創(chuàng)建風(fēng)格獨(dú)特的個(gè)人網(wǎng)站打下基礎(chǔ)。因?yàn)檫@一時(shí)期學(xué)生的思維能力、團(tuán)隊(duì)合作能力較差，而 網(wǎng)站制作需要確定網(wǎng)站的功能以及網(wǎng)站規(guī)模、投入費(fèi)用、進(jìn)行必要的市場(chǎng)分析等，這些都需 要分組討論，而且以后主題網(wǎng)站的制作也需要多人合作，所以教師必須協(xié)調(diào)好學(xué)生找到具有 共同主題興趣的學(xué)生一起合作 .【教學(xué)資源】1、硬件：多媒體網(wǎng)絡(luò)電腦室；軟件：安裝 Macromedia Dreamweaver 4網(wǎng)頁(yè)制作工具 .2、制作一個(gè)網(wǎng)站（一定要漂亮） 。3、準(zhǔn)備好規(guī)劃表格印發(fā)學(xué)生。 4、下載幾

7、個(gè)不同類(lèi)型的優(yōu)秀網(wǎng)站為教學(xué)參照。5、提供相關(guān)案例需求分析供學(xué)生參考 .6、提供優(yōu)秀網(wǎng)站地址供學(xué)生比較?！窘虒W(xué)策略及設(shè)置思路】 本節(jié)內(nèi)容是網(wǎng)站制作的第一步， 詳細(xì)地規(guī)劃網(wǎng)站將為今后的網(wǎng)站建設(shè)提供一個(gè)總體框架， 使網(wǎng)站的建設(shè)有 “軌”可循，在具體實(shí)施過(guò)程中按部就班、循序漸進(jìn)地完成整個(gè)網(wǎng)站的建設(shè)， 而合理的規(guī)劃與精美的設(shè)計(jì)是網(wǎng)站成功的關(guān)鍵，因此我采用了包括情景引導(dǎo)法、比較法、演 示法、分組討論法、探究法等教學(xué)方法 ,輔之以班級(jí)間、班級(jí)內(nèi)競(jìng)賽的方式 ,把各班級(jí)、各小組 的規(guī)劃進(jìn)行比較打分，并進(jìn)行適時(shí)的小結(jié)、分析，這樣即能調(diào)動(dòng)學(xué)生興趣，又能讓學(xué)生在討 論中學(xué)習(xí)、在競(jìng)賽中進(jìn)步，而且廣開(kāi)學(xué)生思路，達(dá)到預(yù)定的

8、教學(xué)目標(biāo)?！窘虒W(xué)過(guò)程】第一節(jié)課一、引入 打開(kāi)幾個(gè)不同類(lèi)型的優(yōu)秀網(wǎng)站 ,讓學(xué)生欣賞，教師指出各網(wǎng)站的設(shè)計(jì)風(fēng)格、整體規(guī)劃、素 材的運(yùn)用、顏色的運(yùn)用等特點(diǎn)，引發(fā)學(xué)生興趣，并指出其實(shí)這些網(wǎng)站我們都能制作，并有可 能比它們做得更好 ,增加學(xué)生學(xué)習(xí)網(wǎng)站的信心。接著打開(kāi)教師做好的網(wǎng)站，教師的網(wǎng)站一定要?jiǎng)?chuàng)意新穎、設(shè)計(jì)獨(dú)特、漂亮，讓學(xué)生的目 光一下子集中到這個(gè)網(wǎng)站上，使學(xué)生對(duì)你欽佩和崇拜（這是教師上好網(wǎng)站制作課的關(guān)鍵） 。通 過(guò)這樣的引入 ,學(xué)生表現(xiàn)出了空前的興趣，都想一顯身手，迫不及待的要求老師馬上教他們,這時(shí)教師適時(shí)進(jìn)入新課程。二、提出問(wèn)題教師提出問(wèn)題：（教師把學(xué)生分 4 個(gè)小組，每排電腦為一小組 ,每小組

9、由一名學(xué)生做主要 回答，一名做補(bǔ)充）1、什么是網(wǎng)站 ?（引入網(wǎng)站基本概念）2、網(wǎng)站有什么功能？（為網(wǎng)站需求提前定義）3、剛才教師的網(wǎng)站主題是什么 ?網(wǎng)站名是什么？（為網(wǎng)站主題加深印象）4、剛才教師的網(wǎng)站用了那些素材？這些素材你們能找得到嗎 ?（讓學(xué)生明白制作網(wǎng)站以 前學(xué)習(xí)的電腦知識(shí)現(xiàn)在有用武之地了）三、學(xué)生分組討論及回答 教師組織學(xué)生討論，并讓小組回答，每小組回答完后教師都作點(diǎn)評(píng)。四、基本概念講解 教師花幾分鐘時(shí)間給學(xué)生講解網(wǎng)站、網(wǎng)頁(yè)、主頁(yè)、網(wǎng)站結(jié)構(gòu)等基本概念 .五、需要分析 教師指出制作網(wǎng)站的目的，并提供幾個(gè)需求給學(xué)生參考：1、湖南省湘潭市著名的旅游勝地韶山，為提高知明度，想請(qǐng)你幫助他們建立

10、一個(gè)網(wǎng)站。2、湖南省湘潭市想把他們市介紹給全國(guó)，讓國(guó)內(nèi)外的企業(yè)來(lái)投資，想請(qǐng)你幫助他們建立 一個(gè)網(wǎng)站。3、湖南省湘潭市第三中學(xué)中學(xué)跆拳道協(xié)會(huì)想把他們的協(xié)會(huì)向全市展示， 想請(qǐng)你幫助他們 建立一個(gè)網(wǎng)站 .4、湖南省湘潭市初二 （1）班想把他們班的成績(jī)、作品等制作成一個(gè)網(wǎng)站放在校網(wǎng)內(nèi)，想 請(qǐng)你幫助他們建立一個(gè)網(wǎng)站 .教師要讓學(xué)生廣開(kāi)思路，可小組討論，也可一對(duì)一討論，教師要明確指出需要分析與網(wǎng) 站主題的關(guān)系 .六、布置任務(wù) 教師發(fā)放網(wǎng)站規(guī)劃表，指導(dǎo)學(xué)生如何填寫(xiě)表格，并要求學(xué)生自己思考，學(xué)生可根據(jù)自己 自身的興趣、特長(zhǎng)、愛(ài)好出發(fā)來(lái)確定網(wǎng)站的主題。課后填寫(xiě)，下一節(jié)課帶來(lái)。七、小節(jié) 教師對(duì)本節(jié)課進(jìn)行小結(jié)第二節(jié)

11、課一、收集網(wǎng)站規(guī)劃表（可在課前） 教師安排各小組組長(zhǎng)收集網(wǎng)站規(guī)劃表 ,并按主題內(nèi)容分類(lèi)好 .二、教師分組、確定小組主題 教師根據(jù)學(xué)生的網(wǎng)站規(guī)劃表對(duì)學(xué)生進(jìn)行分組，分組時(shí)盡量做到每組不少于 2 名學(xué)生，不 超過(guò) 6 名學(xué)生，并可根據(jù)學(xué)生友誼進(jìn)行調(diào)配，做到學(xué)生滿意。三、范例講解 教師根據(jù)學(xué)生的網(wǎng)站規(guī)劃表進(jìn)行范例講解 ,對(duì)不合理、難以完成的主題也要解釋清楚 .四、學(xué)生按新分組討論、探究學(xué)生按新分小組進(jìn)行討論。教師給每小組發(fā)放 2 份初步網(wǎng)站規(guī)劃表， 2 分最終網(wǎng)站規(guī)劃 表。教師巡回指導(dǎo)小組討論、填寫(xiě)規(guī)劃表，并對(duì)他們不同的主題有不同的要求。五、學(xué)生評(píng)價(jià) 每個(gè)小組的規(guī)劃表都要上臺(tái)展示給其它小組，讓大家評(píng)價(jià)

12、 ,小組成員可根據(jù)評(píng)價(jià)結(jié)果完善 最終網(wǎng)站規(guī)劃表。六、確定網(wǎng)站名稱 教師指導(dǎo)學(xué)生可根據(jù)小組主題、興趣、愛(ài)好等確定網(wǎng)站名稱。網(wǎng)站名稱必須合法、合理、 合情。七、教師評(píng)價(jià) 教師對(duì)各小組網(wǎng)站規(guī)劃表進(jìn)行評(píng)價(jià)，并展示其它班級(jí)的作品，同時(shí)指出優(yōu)缺點(diǎn)。明確各 小組的規(guī)劃要在年級(jí)內(nèi)、班級(jí)內(nèi)進(jìn)行打分比賽，要求學(xué)生最終完善網(wǎng)站規(guī)劃表。并把本班優(yōu) 秀的規(guī)劃表張貼在電腦室公示欄 ,讓學(xué)生自己去評(píng)價(jià)?！菊n余練習(xí)】教師提供一些優(yōu)秀網(wǎng)站地址給學(xué)生上網(wǎng)進(jìn)行比較參考，進(jìn)一步完善規(guī)劃 .破土動(dòng)工建立站點(diǎn) 本文為互聯(lián)網(wǎng)收集，請(qǐng)勿用作商業(yè)用途 個(gè)人收集整理，勿做商業(yè)用途【教學(xué)目標(biāo)】知識(shí)目標(biāo) :建立網(wǎng)站文件夾和新建網(wǎng)站的主頁(yè)。技能目標(biāo)：

13、1 認(rèn)識(shí)啟動(dòng)FrontPage熟悉FrontPage軟件環(huán)境；2建立網(wǎng)站空站點(diǎn)并新建保存主頁(yè)；情感目標(biāo)： 教學(xué)中以簡(jiǎn)易地操作技能幫助學(xué)生樹(shù)立成功建站的信心?！局攸c(diǎn)難點(diǎn)】教學(xué)重點(diǎn)：本課教學(xué)重點(diǎn)是啟動(dòng)FrontPage,在熟悉FrontPage軟件環(huán)境的基礎(chǔ)上建立網(wǎng) 站空站點(diǎn)并新建保存主頁(yè)。教學(xué)難點(diǎn) ：本課的教學(xué)難點(diǎn)站點(diǎn)文件夾的理解。 學(xué)生在理解上有一定的困難 ,他們一般不 太理解為什么要用上文件夾來(lái)存放網(wǎng)頁(yè)，這里教師需要作解釋 .【環(huán)境與素材】1教學(xué)環(huán)境： 多媒體網(wǎng)絡(luò)教室，學(xué)生計(jì)算機(jī)中安裝 IE5. 0 以上版本及 MacromediaDreamweave，要求能上因特網(wǎng)。2教學(xué)素材 : 準(zhǔn)備示

14、例網(wǎng)站以及首頁(yè)相關(guān)的文字圖片素材?！窘虒W(xué)思想】由一個(gè)網(wǎng)站演示入題，激發(fā)學(xué)生學(xué)習(xí)興趣；通過(guò)與 Word界面的比較，學(xué)生討論讓他們 體會(huì)到原來(lái)FP同Word差不多，將懸著的心放下；接著進(jìn)行建立一個(gè)站點(diǎn)文件夾，這時(shí)能過(guò) 教師演示，講解，學(xué)生操作；再進(jìn)行建立網(wǎng)站主頁(yè)，保存，同 Word操作的比較，讓學(xué)生了 解與Word些許不同的地方；最后通過(guò)分層教學(xué)，布置新建主頁(yè)的一些基本的圖文件混排。以 上一系列的設(shè)置都是為了讓學(xué)生樹(shù)立成功建站的信心?！窘虒W(xué)過(guò)程】引入：將示例學(xué)生網(wǎng)站“藍(lán)色陽(yáng)光”展現(xiàn)在學(xué)生的面前 請(qǐng)同學(xué)們踴躍發(fā)言 ,談?wù)勛约旱膼?ài)好，理想，特長(zhǎng)等等。 好,從今天開(kāi)始大家可以盡情的展現(xiàn)自我的個(gè)性， 發(fā)揮

15、你的專長(zhǎng)， 向全世界宣告： 我來(lái)了！ 那么我們能通過(guò)什么來(lái)展示呢，當(dāng)然方法可以是多種的，今天我們就用做網(wǎng)站來(lái)實(shí)現(xiàn)。建網(wǎng)站可以借助于工具軟件，如Marcromedia Dreamweaver、東方網(wǎng)頁(yè)王等都是目前流行的網(wǎng) 頁(yè)制作工具。我們今天用相對(duì)簡(jiǎn)單的軟件 Marcromedia Dreamweaver來(lái)作為網(wǎng)頁(yè)制作的平臺(tái). 任務(wù)一：找一找 2個(gè)同學(xué)一小組啟動(dòng) Marcromedia Dreamweaver和Microsoft Word,談?wù)勊鼈兊?區(qū)別。情況一：學(xué)生找不出 .師提示（視圖欄、文件名、狀態(tài)欄、分類(lèi)頁(yè)面選項(xiàng)卡） 。 情況二：學(xué)生回答。補(bǔ)充怎樣快速在 FP 中建立一個(gè)網(wǎng)站呢，首先我

16、們要做的是讓各個(gè)網(wǎng)頁(yè)及網(wǎng)頁(yè)存在一個(gè)地方 , 以便以后的管理。那就是創(chuàng)建站點(diǎn)文件夾。如果沒(méi)有站點(diǎn)文件夾，那么我們做的網(wǎng)站也無(wú)法上傳。他就像圍墻一樣，將我們的網(wǎng)站內(nèi)的所有資料圍起來(lái) ! 演示：文件新建站點(diǎn) -空站點(diǎn)、指定站點(diǎn)位置。 任務(wù)二：新建一個(gè)空站點(diǎn)，位置在 E 盤(pán)，站點(diǎn)文件夾名為同學(xué)們自己姓名的拼音。 _private 文件夾：存私人的資料，不被別人所見(jiàn)的；images 文件夾存放網(wǎng)頁(yè)中的圖片；兩個(gè)文件夾內(nèi)都可以再細(xì)分類(lèi)。剛才我們大家已經(jīng)建好了框架，接下來(lái)的任務(wù)就需要建立網(wǎng)站的主頁(yè)。 什么是主頁(yè)， homepage？首頁(yè)：index.htm、index。asp、default。htm 等，默

17、認(rèn) new_page_1 保存可得，也可將“新 建”而得 .比一比：保存時(shí)同 Word 不同的地方，可以打開(kāi) word 來(lái)比較。兩個(gè)學(xué)生一小組討論。 談一談：討論結(jié)果個(gè)別代表發(fā)言。1 、保存位置默認(rèn)就在站點(diǎn)文件夾內(nèi)；2、多了個(gè)網(wǎng)頁(yè)標(biāo)題；3、文件類(lèi)型是 Web頁(yè)，* .htm 做一做：建立自己網(wǎng)站的主頁(yè)并保存。 師:接下來(lái)我們就可以在 FP 中任意展現(xiàn)個(gè)性了。 任務(wù)三：露一手簡(jiǎn)：在FP中的主頁(yè)中充實(shí)文字，并保存主頁(yè)文件.（文字要求：主題、欄目等）中：在FP中的主頁(yè)中充實(shí)文字、圖片，并保存主頁(yè)文件。（要求：主題、欄目、圖片等， 圖文之間在有一定的關(guān)聯(lián) ）難:在FP中的主頁(yè)中充實(shí)文字、圖片等內(nèi)容，并

18、保存主頁(yè)文件。（要求：主題、欄目、圖片等,圖文之間在有一定的關(guān)聯(lián)，其他內(nèi)容的插入要符合實(shí)際） 生總結(jié)：談初次學(xué)習(xí)FP的感受。他同Word有何不同.夢(mèng)幻織網(wǎng) -表格布局、插入媒體元素【教學(xué)目的 】 頁(yè)面布局是網(wǎng)頁(yè)制作重要環(huán)節(jié)，通過(guò)實(shí)訓(xùn)，讓學(xué)生掌握好網(wǎng)頁(yè)制作過(guò)程中布局原則，布 局要素相關(guān)技巧?！窘虒W(xué)重點(diǎn) 】 表格布局 , 框架運(yùn)用，層的使用 .【教學(xué)難點(diǎn) 】 1：表格布局與布局表格的運(yùn)用， （ 標(biāo)準(zhǔn)視圖，布局視圖） 2：框架結(jié)構(gòu)的運(yùn)用。3：層的技巧運(yùn)用與掌握 【教學(xué)方式 】演示教學(xué)，學(xué)生實(shí)際操作?！窘M織教學(xué) 】 溫習(xí)前面講學(xué)內(nèi)容同學(xué)們，直到現(xiàn)在，我們把以前所學(xué)的知識(shí)系統(tǒng)整理一下： 前面我們已經(jīng)學(xué)習(xí)

19、了兩大主要軟件Dreamweaver和flash,其絕大多數(shù)知識(shí)要點(diǎn)均已接觸到了，那么同學(xué)們?cè)谧约耗X海里是否能夠歸納成體系并靈活應(yīng)用呢？教師提問(wèn)：網(wǎng)頁(yè)三劍客指的是什么？ 學(xué)生回答：教師總結(jié)。其中、Dreamweawer我們已經(jīng)學(xué)習(xí)了哪些內(nèi)容呢？ 1：對(duì)操作界面的認(rèn)識(shí)2: 站點(diǎn)管理器 3：頁(yè)面的文本設(shè)置4: 圖文要素的編輯便問(wèn) 5：表格的使用6: 層與時(shí)間 -軸的使用另外: 初步在網(wǎng)頁(yè)中涉及到了插入多媒體元素 （教師隨便提示講解后面尚未接觸到的知識(shí)要點(diǎn) ） ,今天的實(shí)訓(xùn),我們將對(duì)以上教學(xué)知 識(shí)要點(diǎn)進(jìn)行系統(tǒng)合理地運(yùn)用 : 板書(shū)課題 : 頁(yè)面布局及其應(yīng)用。講授新知識(shí) 頁(yè)面布局包括以下三個(gè)方面的知識(shí)的

20、綜合應(yīng)用：表格布局與布局表格；框架的應(yīng)用；層 的應(yīng)用?。ㄒ唬?表格布局 : （板書(shū)）1: 創(chuàng)建表格 . 演示操作步驟： 單擊表格按鈕f插入表格f對(duì)話框f設(shè)置相關(guān)參數(shù)、邊框設(shè)置內(nèi)距: 表格中內(nèi)容與邊框線的距離（單位 ）間距: 邊框的寬度 確定2：表格的選取 整行或整列教師演示 選取單元格兩種情況 : 連續(xù)單元格的選取 : 拖動(dòng)鼠標(biāo)法 不連續(xù)單元格的選?。喊?ctrl+ 單擊單元格 選取整個(gè)表格：（四種方法）A :光標(biāo)置內(nèi)，“修改”-“表格”B:按 ctrl+AC :光標(biāo)移到左上角，會(huì)變成“ +”形單擊D:利用狀態(tài)欄的table標(biāo)識(shí)符進(jìn)行選取3：設(shè)置表格的屬性：A :邊框設(shè)置：粗細(xì)值；顏色：010

21、顏色；B 邊框：C 間距 : ：D 對(duì)齊方式背景設(shè)置：顏色或圖象4：?jiǎn)卧竦呐c拆分（圖象）5: 在表格中加入文本與圖象（略）6: 表格的格式化步驟演示：1: 插入表格 ,選中“命令”菜單“格式表格” 2選擇樣式 ok學(xué)生實(shí)際操作 上機(jī)（一課時(shí)） 教師布置上機(jī)項(xiàng)目：1 新建一個(gè)站點(diǎn)2 在站點(diǎn)內(nèi)新建網(wǎng)頁(yè)，標(biāo)題：表格的應(yīng)用3 頁(yè)面設(shè)置：（背景；字體。 . 。）4 利用表格進(jìn)行布局，設(shè)置表格編輯內(nèi)容5 教師巡回指導(dǎo)。聯(lián)通世界添加超級(jí)連接、設(shè)置頁(yè)面屬性【教學(xué)目標(biāo)】 :1、知識(shí)與技能 :學(xué)習(xí)在 Dreamweaver 中設(shè)置超級(jí)鏈接的方法。2、過(guò)程與方法：任務(wù)驅(qū)動(dòng)，使學(xué)生在課本的指導(dǎo)下，探究學(xué)習(xí)如何將網(wǎng)站

22、的所有網(wǎng)頁(yè)通 過(guò)超級(jí)鏈接的方法組織成一個(gè)互相聯(lián)系、便于訪問(wèn)的整體，通過(guò)自主學(xué)習(xí)、交流探討、測(cè)試 鏈接的過(guò)程來(lái)實(shí)現(xiàn)知識(shí)技能的掌握 .3、情感、態(tài)度、價(jià)值觀：培養(yǎng)學(xué)生用系統(tǒng)方法分析問(wèn)題、解決問(wèn)題,提升其創(chuàng)造能力，在小組協(xié)作學(xué)習(xí)中，培養(yǎng)學(xué)生的團(tuán)隊(duì)精神?！窘虒W(xué)重點(diǎn)】：1、根據(jù)規(guī)劃，創(chuàng)建各網(wǎng)頁(yè)間的鏈接、為互聯(lián)網(wǎng)資源創(chuàng)建超級(jí)鏈接、為電子郵箱創(chuàng)建超級(jí) 鏈接.2、利用“超級(jí)鏈接 "視圖檢查超級(jí)鏈接的 . 【教學(xué)難點(diǎn)】 :為各類(lèi)網(wǎng)頁(yè)元素（文字、圖片）插入超級(jí)鏈接； 【教學(xué)過(guò)程】：一、創(chuàng)設(shè)情景，引入課題：教師出示一個(gè)網(wǎng)頁(yè)封面 ,上面有“請(qǐng)點(diǎn)擊進(jìn)入 xxxx 個(gè)人網(wǎng)站 ”（沒(méi)有設(shè)置超級(jí)鏈接） ,請(qǐng)一 位同

23、學(xué)點(diǎn)擊 ,并讓同學(xué)們分析為不能進(jìn)入網(wǎng)站首頁(yè)。教師引入：對(duì)！由于這個(gè)封面沒(méi)有添加超級(jí)鏈接，所以我們無(wú)法看到網(wǎng)站的其它頁(yè)面。 超級(jí)鏈接時(shí)是網(wǎng)站的生命，有了它，不但可以方便地瀏覽本網(wǎng)站的網(wǎng)頁(yè)，甚至還可以通過(guò)超 級(jí)鏈接跳轉(zhuǎn)到別的網(wǎng)站進(jìn)行瀏覽。 這節(jié)課我們就來(lái)為自己的個(gè)人網(wǎng)站賦予生命 -超級(jí)鏈 接。二、新課教學(xué)任務(wù)一：為首頁(yè)制作超級(jí)鏈接1、學(xué)生打開(kāi)Dreamweaver找到并打開(kāi)上節(jié)課制作的個(gè)人網(wǎng)站首頁(yè)。 學(xué)生讀書(shū)，探究 :為首頁(yè)的導(dǎo)航文字（欄目）添加超級(jí)鏈接，將首頁(yè)與子網(wǎng)頁(yè)鏈接起來(lái)。 （教師投影展示插入超級(jí)鏈接的提示性畫(huà)面，以利個(gè)別學(xué)生突破難點(diǎn)。） 制作一個(gè)欄目的超級(jí)鏈接后教師提示學(xué)生，除了使用菜單插

24、入超級(jí)鏈接，你還會(huì)工具按鈕或快捷菜單插入超級(jí)鏈接 嗎?2、小組交流：如何為文字添加超級(jí)鏈接 .教師選兩名學(xué)生示范插入超級(jí)鏈接的步驟和效 果。3、保存網(wǎng)頁(yè)，預(yù)覽超級(jí)鏈接效果。 任務(wù)二：在子網(wǎng)頁(yè)中添加超級(jí)鏈接1、師：在瀏覽子網(wǎng)頁(yè)后，我們希望能回到首頁(yè)，或者繼續(xù)瀏覽其他網(wǎng)頁(yè)，因此我們也應(yīng)當(dāng)為其他子網(wǎng)頁(yè)插入一些超級(jí)鏈接。展示一個(gè)網(wǎng)站示例，讓學(xué)生指出子網(wǎng)頁(yè)超鏈接的方式。教師提示：方案 1、J、_>方案 2方案 3直接使用首頁(yè)的導(dǎo)航欄鏈接至各頁(yè)使用 “返回”文字或按鈕、圖標(biāo)鏈接至主頁(yè) 使用 “上一頁(yè) ”下“一頁(yè)”文字或圖標(biāo)鏈接各頁(yè)2、小組內(nèi)交流并實(shí)踐：這三種方式你更喜歡哪一種 ?選擇一種方式為各子網(wǎng)

25、頁(yè)添加超級(jí) 鏈接.教師指導(dǎo)：以上三種方案如何實(shí)現(xiàn)？方案 1：將首頁(yè)的制作了超級(jí)鏈接的導(dǎo)航欄復(fù)制到子網(wǎng)頁(yè)。方案 2:插入圖片并為它添加超級(jí)鏈接；插入 “組件懸停按鈕 ”并添加超級(jí)鏈接。方案 3：可結(jié)合以上兩種方法 . 學(xué)生操作：完成各頁(yè)的超級(jí)鏈接設(shè)置。3、評(píng)一評(píng)：保存網(wǎng)頁(yè)，點(diǎn)擊工具欄 “在瀏覽器中預(yù)覽 ”進(jìn)入瀏覽器預(yù)覽方式，看看誰(shuí)的超 級(jí)鏈接做得更漂亮，讓學(xué)生說(shuō)出自己最喜愛(ài)的超級(jí)鏈接方式。任務(wù)三：設(shè)置郵箱超級(jí)鏈接。師：展示一個(gè)網(wǎng)站首頁(yè) ,指向“友情鏈接”電“子郵箱 ”等，告訴學(xué)生，除了為導(dǎo)航文字或圖 片添加超級(jí)鏈接， 我們還可以為自己的郵箱添加超級(jí)鏈接， 制作方法和前面的做法大致相同， 你能根據(jù)

26、課本圖 14-4 為自己的郵箱制作超級(jí)鏈接嗎 ? 學(xué)生練習(xí)：為自己的郵箱插入超級(jí)鏈接。 大屏幕投影插入郵箱超級(jí)鏈接的關(guān)鍵畫(huà)面，輔助學(xué)生操作 .比一比,說(shuō)一說(shuō)：郵箱的超級(jí)鏈接與網(wǎng)站內(nèi)的鏈接在制作方法、生成的URL 地址上有什么不同 ? 四、檢查超級(jí)鏈接指導(dǎo)學(xué)生,根據(jù)課本提示 ,利用“視圖”中的“超級(jí)鏈接”查看網(wǎng)頁(yè)間鏈接出入情況，修改不完 善的網(wǎng)頁(yè)。五、拓展練習(xí)綜合運(yùn)用表格和圖片，設(shè)計(jì)一個(gè) “認(rèn)識(shí)動(dòng)物 ”的網(wǎng)頁(yè) ,點(diǎn)擊首頁(yè)小圖即查看大圖，并在每頁(yè) 設(shè)置“上一頁(yè)”下“一頁(yè)" “返回"超級(jí)鏈接 .為自己的個(gè)人網(wǎng)站設(shè)置 “友情鏈接"位置。并將百度、搜狐等常用網(wǎng)站的 logo 添加進(jìn)來(lái)， 并設(shè)置好超級(jí)鏈接 .上機(jī)（一課時(shí)）1、分組制作幾個(gè)簡(jiǎn)單的網(wǎng)頁(yè)；2、各自將制作的幾個(gè)網(wǎng)頁(yè)鏈接起來(lái)交流與評(píng)價(jià) -發(fā)布與評(píng)價(jià)網(wǎng)站【教學(xué)目標(biāo)】1、知識(shí)與技能：（1）、通過(guò)檢查、測(cè)試完成的網(wǎng)站 ,掌握檢測(cè)網(wǎng)站的一般方法。（2）、了解網(wǎng)站評(píng)價(jià)的基本要點(diǎn) ,掌握網(wǎng)站評(píng)價(jià)的過(guò)程。 【過(guò)程與方法】（1）、學(xué)會(huì)測(cè)試網(wǎng)站 ,能對(duì)測(cè)試的網(wǎng)站進(jìn)行維護(hù) .（2）、學(xué)會(huì)評(píng)價(jià)網(wǎng)站，能對(duì)設(shè)計(jì)的網(wǎng)頁(yè)進(jìn)行自評(píng)和互評(píng)。 【情感態(tài)度與價(jià)值觀】（1）、通過(guò)網(wǎng)站的發(fā)布與維護(hù)，使學(xué)生意識(shí)到網(wǎng)站制作與維護(hù)的艱辛，增強(qiáng)知識(shí)產(chǎn)權(quán)的保 護(hù)意識(shí).（2）、掌握網(wǎng)站評(píng)價(jià)的基