微機九年級上.doc

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