




已閱讀5頁(yè),還剩16頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
初中信息技術(shù)教學(xué)參考九年級(jí)上冊(cè)第1單元 制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)【教學(xué)目標(biāo)】知識(shí)與技能 借助學(xué)習(xí)過(guò)的相關(guān)軟件規(guī)劃網(wǎng)站的網(wǎng)站地圖。 學(xué)會(huì)新建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)。 在頁(yè)面中熟練地輸入文字并對(duì)文字進(jìn)行修飾。 學(xué)會(huì)保存自己的作品。過(guò)程與方法 通過(guò)瀏覽各類(lèi)網(wǎng)頁(yè),分析網(wǎng)頁(yè)中的主要元素和網(wǎng)頁(yè)布局。 借助學(xué)習(xí)過(guò)的相關(guān)軟件為自己的網(wǎng)站列一個(gè)結(jié)構(gòu)化的藍(lán)圖。 采用知識(shí)遷移的方法掌握新工具的使用方法。 會(huì)評(píng)價(jià)一個(gè)網(wǎng)站的優(yōu)劣,并提出評(píng)價(jià)標(biāo)準(zhǔn)。情感態(tài)度價(jià)值觀 能積極參與組內(nèi)討論。 能通過(guò)交流,完善自我的作品。 養(yǎng)成事前進(jìn)行規(guī)劃的良好習(xí)慣?!窘虒W(xué)重點(diǎn)與難點(diǎn)】 分析網(wǎng)站的主要元素及網(wǎng)頁(yè)布局。 自我站點(diǎn)的規(guī)劃。 新建自己的站點(diǎn)。【課時(shí)安排建議】3課時(shí)。【教學(xué)準(zhǔn)備】各種類(lèi)型、各種布局的網(wǎng)站。【教學(xué)過(guò)程】1引入課題,明確活動(dòng)任務(wù)。任務(wù):制作一份競(jìng)選網(wǎng)頁(yè)。目的:讓全校學(xué)生了解你,投上信任的一票。2瀏覽網(wǎng)站,分析網(wǎng)站的結(jié)構(gòu)。學(xué)生活動(dòng):采用組內(nèi)討論分析的方法,嘗試分類(lèi)、總結(jié)網(wǎng)頁(yè)中主要組成元素,通過(guò)鏈接發(fā)現(xiàn)網(wǎng)站的不同結(jié)構(gòu)。教師活動(dòng):總結(jié)歸納學(xué)生的想法,并梳理清晰。提示:網(wǎng)站中的一個(gè)網(wǎng)頁(yè)能和網(wǎng)站中的任何一個(gè)頁(yè)面進(jìn)行超鏈接,按照鏈接的大概情況,網(wǎng)站的結(jié)構(gòu)一般分為三種形式:第一種叫大綱層次結(jié)構(gòu)或樹(shù)結(jié)構(gòu)。有幾個(gè)分支,每個(gè)分支內(nèi)的網(wǎng)頁(yè),只有同一分支內(nèi)上層與下層之間的鏈接,沒(méi)有分支間網(wǎng)頁(yè)的鏈接,條線分隔比較清晰。就如學(xué)校里年級(jí)和班級(jí)的設(shè)置一樣,學(xué)校是一個(gè)主頁(yè)面,下面有按年級(jí)分的幾個(gè)分支頁(yè)面,各個(gè)分支頁(yè)面下是班級(jí)頁(yè)面,而這些班級(jí)只對(duì)應(yīng)相應(yīng)分支的年級(jí),不會(huì)與其他年級(jí)頁(yè)面有關(guān)。第二種是線狀組織結(jié)構(gòu),所有網(wǎng)頁(yè)都按順序排隊(duì),鏈接時(shí)一般只鏈接上下兩個(gè)網(wǎng)頁(yè),一般每個(gè)網(wǎng)頁(yè)上設(shè)計(jì)一個(gè)返回主頁(yè)的鏈接。第三種是隨機(jī)結(jié)構(gòu),網(wǎng)頁(yè)間的鏈接隨心所欲,前兩種結(jié)構(gòu)混合在一起,容易讓瀏覽者迷失方向。3為自己的站點(diǎn)列一個(gè)結(jié)構(gòu)藍(lán)圖。教師活動(dòng):提供一個(gè)網(wǎng)站或一個(gè)網(wǎng)站結(jié)構(gòu)的樣例。學(xué)生活動(dòng):根據(jù)過(guò)去自己上網(wǎng)瀏覽的經(jīng)驗(yàn),小組討論后繪制一張有關(guān)網(wǎng)站、網(wǎng)頁(yè)、主頁(yè)、超鏈接的結(jié)構(gòu)藍(lán)圖。4交流完善。5進(jìn)入Frontpage,熟悉軟件,觸類(lèi)旁通,熟悉Office軟件的共用功能。(1)新建網(wǎng)頁(yè)。(2)文字的輸入、修飾。(3)頁(yè)面屬性設(shè)定。(4)頁(yè)面保存。提示:可以讓學(xué)生自行學(xué)習(xí),也可以讓學(xué)生做小老師。打開(kāi)FrontPage的方法及窗口的組成,建議由學(xué)生自己觀察。該軟件特別之處是進(jìn)入該軟件的界面,軟件提供有普通、HTML、預(yù)覽三種窗口。普通窗口:用于一般制作頁(yè)面,也是初學(xué)者用得最多的窗口。HTML窗口:在普通窗口中制作的網(wǎng)頁(yè)內(nèi)容,軟件就會(huì)自動(dòng)產(chǎn)生相應(yīng)的HTML標(biāo)記文件,而那標(biāo)記文件就在該窗口中顯示。對(duì)于部分掌握HTML的使用者來(lái)說(shuō)可以直接在這里進(jìn)行網(wǎng)頁(yè)制作和編輯。預(yù)覽窗口:用于觀察所制作的網(wǎng)頁(yè)放在瀏覽器中的大致效果,便于制作者及時(shí)修改。一般情況下,預(yù)覽的效果和在IE里的效果相似,但不一定嚴(yán)格一樣。值得注意的是,已經(jīng)保存過(guò)的網(wǎng)頁(yè)做了修改后,一定要再次保存后才能在預(yù)覽中看到修改效果。網(wǎng)頁(yè)是一種超文本文檔,它將文字、圖片和動(dòng)畫(huà)等組織在一個(gè)頁(yè)面里,并使用超鏈接來(lái)連接其他頁(yè)面。網(wǎng)頁(yè)文件一般以“.htm”或“.html”結(jié)尾。網(wǎng)站是一系列與主題相關(guān)的網(wǎng)頁(yè),既可以在本機(jī)上瀏覽,也可以通過(guò)因特網(wǎng)或局域網(wǎng)來(lái)訪問(wèn)。首頁(yè)是指該網(wǎng)站的起始頁(yè)面,文件名一般為index.htm?!窘虒W(xué)參考】網(wǎng)站瀏覽//profile/profile.html.tw/home.html網(wǎng)站結(jié)構(gòu)結(jié)構(gòu)1:主頁(yè)index.htm頁(yè)面1頁(yè)面3頁(yè)面2頁(yè)面2-1頁(yè)面2-2結(jié)構(gòu)2:主頁(yè)index.htm頁(yè)面1頁(yè)面1-1頁(yè)面1-1-1第二單元 在網(wǎng)頁(yè)中使用表格【教學(xué)目標(biāo)】知識(shí)與技能 熟練表格的插入、編輯。 利用表格合理地安排網(wǎng)頁(yè)中的各個(gè)元素。過(guò)程與方法 掌握用表格進(jìn)行網(wǎng)頁(yè)布局的方法。 在學(xué)習(xí)表格編輯等功能使用中的知識(shí)遷移能力。 采用比較分析的方法,審核設(shè)計(jì)的合理性。情感態(tài)度價(jià)值觀 堅(jiān)持與組內(nèi)的伙伴交流學(xué)習(xí)的經(jīng)驗(yàn)和收獲。 養(yǎng)成記錄學(xué)習(xí)過(guò)程的好習(xí)慣,虛心聽(tīng)取他人的意見(jiàn)和建議。 保持學(xué)習(xí)的積極性。【教學(xué)重點(diǎn)與難點(diǎn)】 表格的使用。 利用表格合理布局頁(yè)面?!菊n時(shí)安排建議】4課時(shí)。【教學(xué)準(zhǔn)備】 提供學(xué)生模擬的頁(yè)面樣板。 相關(guān)的顏色搭配建議?!窘虒W(xué)過(guò)程】1. 作品模仿,技能學(xué)習(xí)。教師活動(dòng):提供一些結(jié)構(gòu)相對(duì)簡(jiǎn)單,但有一定特色的頁(yè)面,讓學(xué)生分析,同時(shí)讓學(xué)生自行闡述表格的使用方法。學(xué)生活動(dòng):采用組內(nèi)討論分析的方法,對(duì)常見(jiàn)網(wǎng)站頁(yè)面的布局類(lèi)型進(jìn)行分類(lèi),借助學(xué)習(xí)過(guò)的Word的經(jīng)驗(yàn),學(xué)會(huì)FrontPage中表格的使用,并能總結(jié)出它的特色和功能;模仿某些頁(yè)面的表格定位,提高使用表格的能力。2. 嘗試?yán)帽砀衲7禄蚴莿?chuàng)新設(shè)計(jì)一個(gè)自己的頁(yè)面。學(xué)生活動(dòng):根據(jù)自己站點(diǎn)的特色,設(shè)計(jì)頁(yè)面的布局樣式,利用表格安排頁(yè)面中的各個(gè)元素,繪制出每一頁(yè)的主要框架,如文本、圖片、鏈接點(diǎn)在頁(yè)面中的布局。教師活動(dòng):引導(dǎo)學(xué)生先觀察、嘗試一下“表格屬性”、“單元格屬性”中各項(xiàng)目對(duì)表格的影響,然后再開(kāi)始按前一次課設(shè)計(jì)的各頁(yè)布局用表格反映出來(lái)。教師在學(xué)生學(xué)習(xí)、討論、體會(huì)、嘗試的過(guò)程中要注意觀察,及時(shí)發(fā)現(xiàn)共性問(wèn)題,由集體討論解決。在小組內(nèi)不能解決問(wèn)題時(shí),鼓勵(lì)學(xué)生向其他小組的同學(xué)請(qǐng)教。提示:插入表格對(duì)于學(xué)生來(lái)說(shuō)不是問(wèn)題,關(guān)鍵是插入中規(guī)中矩的表格后,如何進(jìn)一步編輯、調(diào)整。本節(jié)內(nèi)容可以說(shuō)是對(duì)Word中插入、編輯表格知識(shí)和能力的一種復(fù)習(xí)、遷移。在學(xué)生具體制作每個(gè)頁(yè)面之前,一定要請(qǐng)學(xué)生繪制頁(yè)面布局圖,根據(jù)這個(gè)圖再利用表格進(jìn)行頁(yè)面布局,以免學(xué)生只是盲目地為做表格而做表格。另外可引導(dǎo)學(xué)生嘗試“表格屬性”中各個(gè)項(xiàng)目的功能,從而制作出符合自己頁(yè)面布局的表格。3. 交流展示自己的網(wǎng)頁(yè)布局。4. 制定修改方案完成頁(yè)面修改。【教學(xué)參考】網(wǎng)頁(yè)布局1網(wǎng)頁(yè)布局類(lèi)型。網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。(1)“國(guó)”字型:也可以稱(chēng)為“同”字型,是一些大型網(wǎng)站所喜歡的類(lèi)型,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來(lái)就是網(wǎng)站的主要內(nèi)容,左右分列一些小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見(jiàn)到的差不多最多的一種結(jié)構(gòu)類(lèi)型。 (2)拐角型: 這種結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別,其實(shí)是很相近的,上面是標(biāo)題及廣告橫幅,接下來(lái)的左側(cè)是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。在這種類(lèi)型中,一種很常見(jiàn)的類(lèi)型是:最上面是標(biāo)題及廣告,左側(cè)是導(dǎo)航鏈接。(3)標(biāo)題正文型: 這種類(lèi)型即最上面是標(biāo)題或類(lèi)似的一些東西,下面是正文,比如一些文章頁(yè)面或注冊(cè)頁(yè)面等就是這種類(lèi)。(4)左右框架型:這是一種左右為分別兩頁(yè)的框架結(jié)構(gòu),一般左面是導(dǎo)航鏈接,有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)致,右面是正文。我們見(jiàn)到的大部分的大型論壇都是這種結(jié)構(gòu)的,有一些企業(yè)網(wǎng)站也喜歡采用。這種類(lèi)型結(jié)構(gòu)非常清晰,一目了然。(5)上下框架型:與上面類(lèi)似,區(qū)別僅僅在于是一種上下分為兩頁(yè)的框架。(6)綜合框架型:上頁(yè)兩種結(jié)構(gòu)的結(jié)合,相對(duì)復(fù)雜的一種框架結(jié)構(gòu),較為常見(jiàn)的是類(lèi)似于“拐角型”結(jié)構(gòu)的,只是采用了框架結(jié)構(gòu)。 (7)封面型:這種類(lèi)型基本上是出現(xiàn)在一些網(wǎng)站的首頁(yè),大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫(huà),放上幾個(gè)簡(jiǎn)單的鏈接,或者僅是一個(gè)“進(jìn)入”的鏈接,甚至直接在首頁(yè)的圖片上做鏈接而沒(méi)有任何提示。這種類(lèi)型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁(yè),如果處理得好,會(huì)給人帶來(lái)賞心悅目的感覺(jué)。 (8)Flash型: 其實(shí)這與封面型結(jié)構(gòu)是類(lèi)似的,只是這種類(lèi)型采用了目前非常流行的Flash,與封面型不同的是,由于Flash強(qiáng)大的功能,頁(yè)面所表達(dá)的信息更豐富,其視覺(jué)效果及聽(tīng)覺(jué)效果如果處理得當(dāng),絕不差于傳統(tǒng)的多媒體。(9)變化型:即上面幾種類(lèi)型的結(jié)合與變化。那么,什么樣的布局是最好的呢?這是初學(xué)者可能會(huì)問(wèn)的問(wèn)題。其實(shí)這要具體情況具體分析的。比如,如果內(nèi)容非常多,就要考慮用“國(guó)字型”或拐角型;如果內(nèi)容不算太多,而一些說(shuō)明性的東西比較多,則可以考慮標(biāo)題正文型;那幾種框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)就是瀏覽方便,速度快,但結(jié)構(gòu)變化不靈活;而如果是一個(gè)企業(yè)網(wǎng)站想展示一下企業(yè)形象或個(gè)人主頁(yè)想展示個(gè)人風(fēng)采,封面型是首選;Flash型更靈活一些,好的Flash大大豐富了網(wǎng)頁(yè),但是它不能表達(dá)過(guò)多的文字信息。2網(wǎng)頁(yè)布局的要求。第一是頁(yè)面的易讀性。一般的設(shè)計(jì)要素也是視覺(jué)要素,它們的表現(xiàn)與組合就成為視覺(jué)語(yǔ)言。視覺(jué)語(yǔ)言必須是可讀的,排版中的各種視覺(jué)要素應(yīng)是目力能及,清晰易辨,易讀性強(qiáng)。比如說(shuō)明文字的處理,字體、字號(hào)大小、橫豎位置、字距行距、段間段首的留空等等都要做到易認(rèn)易讀。排版中,還要注意視覺(jué)要素與畫(huà)面空間環(huán)境的密切配合??臻g寬敞,能更多地吸引瀏覽者的目光。越是主體,周?chē)目臻g要越大,猶如寬敞海面上的一頁(yè)小帆,才能更加突出主題。第二是頁(yè)面的條理性。頁(yè)面排版特別要求符合瀏覽者的閱讀習(xí)慣、心理順序和思維發(fā)展的邏輯順序。例如,一般在頁(yè)面的上面或左面安排導(dǎo)航或目錄,就是這個(gè)道理。頁(yè)面排版切勿讓人看得眼花繚亂,不知其所以然。第三是頁(yè)面布局中“形”的美學(xué)追求。對(duì)稱(chēng)性:對(duì)稱(chēng)具有靜態(tài)的秩序美,可表現(xiàn)一種恬靜、莊重的風(fēng)格。在網(wǎng)頁(yè)排版上對(duì)稱(chēng)的例子屢見(jiàn)不鮮。但絕對(duì)的對(duì)稱(chēng),會(huì)使人感到呆板,因此往往需要一些變化。平衡性:平衡重在感覺(jué)。除了形的平衡外,還有色彩的平衡。點(diǎn)線面的完美結(jié)合:運(yùn)用點(diǎn)、線、面時(shí),要考慮到頁(yè)面在力量分布上的主次關(guān)系,不要三者平均分配。充分利用網(wǎng)頁(yè)的表格、線條和一些小圖片,可構(gòu)建相當(dāng)精致的頁(yè)面。動(dòng)靜結(jié)合:網(wǎng)頁(yè)的重要特點(diǎn)是可以放置動(dòng)態(tài)圖片。這時(shí),要充分利用圖片“動(dòng)”的效果,來(lái)活躍頁(yè)面。但千萬(wàn)記?。簞?dòng)的東西千萬(wàn)不能太多,否則,會(huì)弄巧成拙,讓人生厭。此外,頁(yè)面排版還要把握好對(duì)比、比例的應(yīng)用,空間的應(yīng)用以及統(tǒng)一和變化的關(guān)系。第四是協(xié)調(diào)好布局與色彩的關(guān)系。完全撇開(kāi)頁(yè)面的顏色談排版布局是不合適的。所謂“遠(yuǎn)看色,近看花”,也說(shuō)明了色彩的重要性。色彩能給人產(chǎn)生冷暖、厚薄、輕重等感覺(jué)。形式上不均衡的頁(yè)面,我們通常會(huì)通過(guò)顏色來(lái)調(diào)節(jié)。此外,色彩還是決定網(wǎng)頁(yè)風(fēng)格的一個(gè)重要因素。網(wǎng)站配色網(wǎng)站配色方案:1. 紅色。紅色的色感溫暖,性格剛烈而外向,是一種對(duì)人刺激性很強(qiáng)的色。紅色容易引起人的注意,也容易使人興奮、激動(dòng)、緊張、沖動(dòng),還是一種容易造成人視覺(jué)疲勞的色。(1)在紅色中加入少量的黃,會(huì)使其熱力強(qiáng)盛,趨于躁動(dòng)、不安。(2)在紅色中加入少量的藍(lán),會(huì)使其熱性減弱,趨于文雅、柔和。(3)在紅色中加入少量的黑,會(huì)使其性格變得沉穩(wěn),趨于厚重、樸實(shí)。(4)在紅色中加入少量的白,會(huì)使其性格變得溫柔,趨于含蓄、羞澀、嬌嫩。2. 黃色。黃色的性格冷漠、高傲、敏感,具有擴(kuò)張和不安寧的視覺(jué)印象。黃色是各種色彩中,最為嬌氣的一種色。只要在純黃色中混入少量的其他色,其色相感和色性格均會(huì)發(fā)生較大程度的變化。(1)在黃色中加入少量的藍(lán),會(huì)使其轉(zhuǎn)化為一種鮮嫩的綠色。其高傲的性格也隨之消失,趨于一種平和、潮潤(rùn)的感覺(jué)。(2)在黃色中加入少量的紅,則具有明顯的橙色感覺(jué),其性格也會(huì)從冷漠、高傲轉(zhuǎn)化為一種有分寸感的熱情、溫暖。(3)在黃色中加入少量的黑,其色感和色性變化最大,成為一種具有明顯橄欖綠的復(fù)色印象。其色性也變得成熟、隨和。(4)在黃色中加入少量的白,其色感變得柔和,其性格中的冷漠、高傲被淡化,趨于含蓄,易于接近。3. 藍(lán)色。藍(lán)色的色感較冷,性格樸實(shí)而內(nèi)向,是一種有助于人頭腦冷靜的色。藍(lán)色的樸實(shí)、內(nèi)向性格,常為那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩,提供一個(gè)深遠(yuǎn)、廣泛、平靜的空間,成為襯托活躍色彩的友善而謙虛的朋友。藍(lán)色還是一種在淡化后依然能保持較強(qiáng)個(gè)性的色。如果在藍(lán)色中分別加入少量的紅、黃、黑、橙、白等色,均不會(huì)對(duì)藍(lán)色的性格構(gòu)成較明顯的影響力。4. 綠色。綠色是具有黃色和藍(lán)色兩種成份的色。在綠色中,將黃色的擴(kuò)張感和藍(lán)色的收縮感相中和,將黃色的溫暖感與藍(lán)色的寒冷感相抵消。這樣使得綠色的性格顯得較為平和、安穩(wěn)。是一種柔順、恬靜、優(yōu)美的色。(1)在綠色中黃的成份較多時(shí),其性格就趨于活潑、友善,具有幼稚性。(2)在綠色中加入少量的黑,其性格就趨于莊重、老練、成熟。(3)在綠色中加入少量的白,其性格就趨于潔凈、清爽、鮮嫩。5. 紫色。紫色的明度在有彩的色料中是最低的。紫色的低明度給人一種沉悶、神秘的感覺(jué)。(1)在紫色中紅的成份較多時(shí),其知覺(jué)具有壓抑感、威脅感。(2)在紫色中加入少量的黑,其感覺(jué)就趨于沉悶、傷感、恐怖。(3)在紫色中加入白,可使紫色沉悶的性格消失,變得優(yōu)雅、嬌氣,并充滿(mǎn)女性的魅力。6. 白色。白色的色感光明,性格樸實(shí)、純潔、快樂(lè)。白色具有圣潔的、不容侵犯的性質(zhì)。如果在白色中加入其他任何色,都會(huì)影響其純潔性,使其性格變得含蓄。(1)在白色中混入少量的紅,就成為淡淡的粉色,鮮嫩而充滿(mǎn)誘惑。(2)在白色中混入少量的黃,則成為一種乳黃色,給人一種香膩的印象。(3)在白色中混入少量的藍(lán),給人感覺(jué)清冷、潔凈。(4)在白色中混入少量的橙,有一種干燥的氣氛。(5)在白色中混入少量的綠,給人一種稚嫩、柔和的感覺(jué)。(6)在白色中混入少量的紫,可誘導(dǎo)人聯(lián)想到淡淡的芳香。第三單元 完善網(wǎng)頁(yè)【教學(xué)目標(biāo)】知識(shí)與技能 學(xué)會(huì)運(yùn)用表格進(jìn)行頁(yè)面布局,插入所需的組件與素材。 學(xué)會(huì)郵件鏈接、網(wǎng)頁(yè)間的鏈接,了解網(wǎng)頁(yè)內(nèi)的鏈接(書(shū)簽)。過(guò)程與方法 有創(chuàng)意地設(shè)計(jì)并制作網(wǎng)頁(yè)。情感態(tài)度價(jià)值觀 培養(yǎng)學(xué)生合作交流、展示表達(dá)能力。 培養(yǎng)學(xué)生觸類(lèi)旁通的學(xué)習(xí)能力。 能主動(dòng)對(duì)活動(dòng)項(xiàng)目的實(shí)施過(guò)程及成果進(jìn)行反思和小結(jié)。 注明信息的來(lái)源和制作版權(quán),加強(qiáng)知識(shí)版權(quán)保護(hù)的意識(shí)?!窘虒W(xué)重點(diǎn)與難點(diǎn)】 組件、素材的插入。 超級(jí)鏈接的使用?!菊n時(shí)安排建議】4課時(shí)?!窘虒W(xué)準(zhǔn)備】一些技術(shù)幫助(可制成學(xué)件或提供學(xué)生查找?guī)椭木W(wǎng)站或是軟件幫助等)?!窘虒W(xué)過(guò)程】1. 圖片文字的導(dǎo)入。2. 所需組件的插入。教師活動(dòng):引導(dǎo)學(xué)生自己看書(shū)查找、學(xué)習(xí),教會(huì)學(xué)生利用“幫助”菜單來(lái)解決困難。同時(shí)可以引導(dǎo)學(xué)生觀察一下“插入”菜單,看看在網(wǎng)頁(yè)中還可以插入什么元素?提示:由于學(xué)生已學(xué)習(xí)過(guò)文字處理軟件,因此對(duì)文字、圖片的插入已不成問(wèn)題。插入菜單與Word中有很多類(lèi)似的地方,可以引導(dǎo)學(xué)生進(jìn)行比較學(xué)習(xí),以自主探究為主。關(guān)于組件的插入:在FrontPage中提供了很多組件,學(xué)生并不需要都掌握,最常用的“字幕”、“懸停按鈕”由學(xué)生去嘗試性地學(xué)習(xí),就學(xué)生現(xiàn)有的水平,彼此交流,或是通過(guò)查看書(shū)本,或是簡(jiǎn)單的幫助,一定能完成。注意插入的圖形在瀏覽時(shí)開(kāi)天窗問(wèn)題,教師有必要抓住個(gè)案進(jìn)行重點(diǎn)講解,加深同學(xué)們的印象。本節(jié)課也是可以讓一部分基礎(chǔ)較好同學(xué)展現(xiàn)才能的好機(jī)會(huì),可以調(diào)動(dòng)他們的積極性,在班內(nèi)、組內(nèi)進(jìn)行互幫互學(xué)。3. 建立網(wǎng)頁(yè)的超鏈接。(1)要求學(xué)生在自己的網(wǎng)站中至少要有一個(gè)郵件鏈接(若使用了懸停按鈕,則再設(shè)置懸停按鈕的超鏈接)。(2)在此基礎(chǔ)上請(qǐng)學(xué)生觀察“創(chuàng)建超鏈接”對(duì)話(huà)框,討論各網(wǎng)頁(yè)間的鏈接的創(chuàng)建方法,并創(chuàng)建網(wǎng)頁(yè)中各頁(yè)面間的鏈接。(3)檢查每一頁(yè)的超鏈接是否正常。(4)嘗試建立頁(yè)面中的書(shū)簽鏈接。(5)建立Internet鏈接。(6)檢查所有鏈接的正確性。提示:超級(jí)鏈接在一個(gè)網(wǎng)站中起著重要的作用,要實(shí)現(xiàn)超鏈接,在技術(shù)上是非常容易的,關(guān)鍵是要讓學(xué)生建立一個(gè)整體的觀念,網(wǎng)站的設(shè)計(jì)是這樣,超鏈接的設(shè)計(jì)也應(yīng)如此。因此建議在學(xué)生進(jìn)行頁(yè)面布局的設(shè)計(jì)時(shí),就應(yīng)引導(dǎo)他們將導(dǎo)航欄考慮在內(nèi)。鏈接是否正確,可以通過(guò)學(xué)生作品的演示來(lái)檢驗(yàn)。有同一網(wǎng)頁(yè)內(nèi)的鏈接,不同網(wǎng)頁(yè)間的鏈接,不同電腦間的鏈接,電子郵件鏈接等等。對(duì)于有較多鏈接的網(wǎng)站,當(dāng)然可以通過(guò)一一檢驗(yàn)效果。但也可以打開(kāi)整個(gè)網(wǎng)站,在視圖窗口中選擇“超鏈接”模式,編輯窗口中將出現(xiàn)當(dāng)前網(wǎng)頁(yè)的超鏈接情況,可以很方便地查看當(dāng)前網(wǎng)頁(yè)的鏈接關(guān)系。超鏈接問(wèn)題一直是初學(xué)者最容易出錯(cuò)的問(wèn)題。建議讓學(xué)生搞清楚鏈接和被鏈接對(duì)象的對(duì)應(yīng)關(guān)系,避免出現(xiàn)張冠李戴的錯(cuò)誤。另外鏈接時(shí)所用路徑問(wèn)題要引起教師的高度重視。很多學(xué)生的鏈接往往是絕對(duì)路徑的鏈接,在學(xué)生本人電腦上使用和查看時(shí),錯(cuò)誤不容易被發(fā)現(xiàn)。因此可以建議學(xué)生間交換所做網(wǎng)頁(yè)或網(wǎng)站,進(jìn)行異機(jī)相互檢查。既能查出其他同學(xué)的鏈接錯(cuò)誤,也能知道錯(cuò)的原因,從而糾正自己可能所存在的錯(cuò)誤。4. 交流完善。提示:網(wǎng)頁(yè)制作是一個(gè)不斷完善的過(guò)程,要培養(yǎng)學(xué)生這一意識(shí)。學(xué)生在交流中發(fā)現(xiàn)自己的優(yōu)勢(shì)和不足,同時(shí)給予伙伴自己的建議和意見(jiàn),并能從他人的作品中找到亮點(diǎn)。另外在交流后,能制定自己作品的完善方案,并能予以實(shí)施。在這里,可以讓學(xué)生明白網(wǎng)頁(yè)制作是要不斷更新的,同時(shí)可以讓學(xué)生自行制定評(píng)價(jià)一個(gè)網(wǎng)頁(yè)的標(biāo)準(zhǔn),在制定的過(guò)程中,學(xué)生也能發(fā)現(xiàn)自己作品對(duì)于他的觀眾而言存在哪些不足,同樣能給學(xué)生在后期的作品修改中打上一定的基礎(chǔ)。第四單元 制作框架頁(yè)面【教學(xué)目標(biāo)】知識(shí)與技能 學(xué)會(huì)框架網(wǎng)頁(yè)的使用。 編輯設(shè)置框架網(wǎng)頁(yè)的屬性。 建立框架網(wǎng)頁(yè)的鏈接。 正確保存框架網(wǎng)頁(yè)。過(guò)程與方法 有創(chuàng)意地設(shè)計(jì)并制作網(wǎng)頁(yè)。情感態(tài)度價(jià)值觀 培養(yǎng)學(xué)生合作交流、展示表達(dá)能力?!窘虒W(xué)重點(diǎn)與難點(diǎn)】 框架網(wǎng)頁(yè)的建立和設(shè)置。 框架網(wǎng)頁(yè)的鏈接。 框架網(wǎng)頁(yè)的保存?!菊n時(shí)安排建議】3課時(shí)?!窘虒W(xué)準(zhǔn)備】框架網(wǎng)頁(yè)的樣例。【教學(xué)過(guò)程】1. 認(rèn)識(shí)框架網(wǎng)頁(yè)。提示:教師可以展示一個(gè)已經(jīng)完成的框架網(wǎng)頁(yè),讓學(xué)生分析框架網(wǎng)頁(yè)的組成。框架網(wǎng)頁(yè)的不同視圖切換和視圖的作用,可以讓學(xué)生與普通網(wǎng)頁(yè)進(jìn)行對(duì)比學(xué)習(xí)。通過(guò)瀏覽新建窗口中的說(shuō)明文字,了解框架網(wǎng)頁(yè)的多個(gè)模板。2. 框架網(wǎng)頁(yè)的制作。提示:在創(chuàng)建一個(gè)框架網(wǎng)頁(yè)后,必須為每一個(gè)框架設(shè)置初始網(wǎng)頁(yè),這樣,在瀏覽器中查看框架網(wǎng)頁(yè)時(shí),框架中才會(huì)有網(wǎng)頁(yè)顯示出來(lái)。否則,瀏覽器會(huì)顯示一空白框架。3. 框架網(wǎng)頁(yè)的保存。教師活動(dòng):以實(shí)例的方式,讓學(xué)生發(fā)現(xiàn)框架網(wǎng)頁(yè)保存的特殊性(保存的頁(yè)面比選擇的框架數(shù)量多1)。提示:框架網(wǎng)頁(yè)是一種特別的 HTML 網(wǎng)頁(yè),本身并不包含實(shí)際的屬性 : 它只是一個(gè)指定其他網(wǎng)頁(yè)且如何顯示網(wǎng)頁(yè)的容器。你可以保存框架網(wǎng)頁(yè)本身及框架中顯示的各個(gè)網(wǎng)頁(yè)。在單擊“保存文件”按鈕后,在 “另存為” 對(duì)話(huà)框中會(huì)出現(xiàn)框架網(wǎng)頁(yè)布局的縮略圖。所保存的部分會(huì)以深藍(lán)色框來(lái)突出顯示:若突出顯示的是框架網(wǎng)頁(yè)的全部外框,則保存的是框架網(wǎng)頁(yè)本身;若突出顯示的是單個(gè)框架,則保存的是框架所顯示的網(wǎng)頁(yè)。4. 為框架網(wǎng)頁(yè)創(chuàng)建超鏈接。提示:注意超鏈接對(duì)話(huà)框中,目標(biāo)框架的使用。5. 相關(guān)屬性的設(shè)定。學(xué)生活動(dòng):嘗試活用右鍵,修改每個(gè)屬性,發(fā)現(xiàn)頁(yè)面的變化,以此總結(jié)屬性設(shè)定的內(nèi)容和目的。教師活動(dòng):引導(dǎo)學(xué)生組內(nèi)進(jìn)行探討,通過(guò)發(fā)現(xiàn)總結(jié)的能力。【教學(xué)參考】1FrontPage中的圖形地圖:給圖片加熱區(qū),然后對(duì)熱區(qū)進(jìn)行超級(jí)鏈接。2改變超級(jí)鏈接的屬性:script語(yǔ)言的簡(jiǎn)單輸入(下段為鏈接點(diǎn)沒(méi)有下滑線)。放在之間。第五單元 制作表單【教學(xué)目標(biāo)】知識(shí)與技能 了解各表單域及其作用。 設(shè)計(jì)制作一個(gè)交友的互動(dòng)界面。 使用向?qū)?chuàng)建一評(píng)價(jià)表單網(wǎng)頁(yè)。過(guò)程與方法 通過(guò)嘗試,發(fā)現(xiàn)變化,總結(jié)各種表單域及其屬性。 模擬表單的發(fā)布,體驗(yàn)表單確認(rèn)頁(yè)的制作。情感態(tài)度價(jià)值觀 體驗(yàn)成功的喜悅?!窘虒W(xué)重點(diǎn)與難點(diǎn)】 表單的制作。 表單確認(rèn)頁(yè)的制作?!菊n時(shí)安排建議】2課時(shí)?!窘虒W(xué)準(zhǔn)備】 制作完畢的表單頁(yè)。 局域網(wǎng)絡(luò),便于模擬表單的提交。【教學(xué)過(guò)程】1. 瀏覽交互式頁(yè)面,認(rèn)識(shí)表單。教師活動(dòng):將事先制作好的頁(yè)面演示給學(xué)生。學(xué)生活動(dòng):通過(guò)操作,嘗試羅列表單域的類(lèi)型,制作交互頁(yè)面所牽涉的內(nèi)容。提示:可以讓學(xué)生通過(guò)操作,切身體會(huì),通過(guò)交流,總結(jié)歸納表單域。例如:當(dāng)學(xué)生在使用一個(gè)用戶(hù)注冊(cè)界面時(shí),可能牽涉到輸入昵稱(chēng)、密碼、選擇性別等相關(guān)信息。學(xué)生會(huì)發(fā)現(xiàn)用于輸入文本的單行文本框、單選按鈕等等。然后讓學(xué)生各
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 砂石采購(gòu)個(gè)人合同協(xié)議
- 租用噴氣飛機(jī)合同協(xié)議
- 監(jiān)理框架協(xié)議合同協(xié)議
- 消費(fèi)升級(jí)與家電需求-全面剖析
- 高山族文學(xué)的海洋文明探索-全面剖析
- 版權(quán)保護(hù)技術(shù)發(fā)展-全面剖析
- 胸主動(dòng)脈夾層病理機(jī)制-全面剖析
- 高性能樹(shù)脂研發(fā)與應(yīng)用-全面剖析
- 磷肥生產(chǎn)環(huán)境監(jiān)測(cè)與優(yōu)化-全面剖析
- 軟件工程方法-全面剖析
- GB/T 4326-2006非本征半導(dǎo)體單晶霍爾遷移率和霍爾系數(shù)測(cè)量方法
- 酒水購(gòu)銷(xiāo)合同范本(3篇)
- GCP培訓(xùn)考試題庫(kù)及參考答案(完整版)
- 乒乓球社團(tuán)活動(dòng)記錄
- 新時(shí)代中小學(xué)教師職業(yè)行為十項(xiàng)準(zhǔn)則考核試題及答案
- 數(shù)據(jù)結(jié)構(gòu)-第6章-圖課件
- 《變態(tài)心理學(xué)與健康心理學(xué)》考試復(fù)習(xí)題庫(kù)150題(含答案)
- DB15T 489-2019 石油化學(xué)工業(yè)建設(shè)工程技術(shù)資料管理規(guī)范
- 皮內(nèi)針講課課件
- 村衛(wèi)生室靜脈輸液準(zhǔn)入申請(qǐng)審批表
- 提高鋼柱安裝垂直度合格率QC成果PPT
評(píng)論
0/150
提交評(píng)論