初二上學(xué)期：第三章主題網(wǎng)站設(shè)計(jì)與制作-文庫(kù)吧資料
2025-03-30 12:38本頁(yè)面
【正文】 學(xué)目標(biāo)：：（1）理解動(dòng)態(tài)網(wǎng)頁(yè)與網(wǎng)頁(yè)動(dòng)態(tài)效果的區(qū)別。你更喜歡怎樣的頁(yè)面布局？提出問(wèn)題，有什么辦法可以到達(dá)第一個(gè)頁(yè)面的效果 ，內(nèi)容同第一個(gè)頁(yè)面，但顯現(xiàn)第一個(gè)頁(yè)面的表格邊框 學(xué)生討論，交流（學(xué)生可能會(huì)想很多復(fù)雜的方法） 幡然領(lǐng)悟：原來(lái)是利用“WPS文字“程序中學(xué)習(xí)過(guò)的表格，從而明白表格在Dreamweaver中的作用新授一、分析表格結(jié)構(gòu)展示一些由表格布局的網(wǎng)頁(yè)，引導(dǎo)學(xué)生分析其表格結(jié)構(gòu)，自然過(guò)渡到教材例子（），分析結(jié)構(gòu)，得出表格的布局（幾行幾列，哪些行做了哪些處理）任務(wù)一：規(guī)劃網(wǎng)頁(yè)表格布局分層次完成該任務(wù)，基礎(chǔ)相對(duì)弱一些的同學(xué)，僅要求讀懂教材上的網(wǎng)頁(yè)表格布局，知道規(guī)則表格的行數(shù)與列數(shù)，如何再調(diào)整至最終樣式；基礎(chǔ)扎實(shí)、操作能力較強(qiáng)的同學(xué)要求跳出教材，自行設(shè)計(jì)表格網(wǎng)頁(yè)布局，并將自己的表格設(shè)計(jì)繪制在教材上建議：使用多個(gè)非嵌套的表格來(lái)布局二、完成表格布局 Dreamweaver中表格的操作和“WPS文字”軟件中的表格操作類似，教師應(yīng)著重引導(dǎo)學(xué)生進(jìn)行知識(shí)遷移，對(duì)具體的操作方法，無(wú)需做過(guò)多講解 任務(wù)二：新建一個(gè)頁(yè)面，用表格布局該網(wǎng)頁(yè)，并在該網(wǎng)頁(yè)總放入相應(yīng)內(nèi)容A．打開(kāi)站點(diǎn)，新建一網(wǎng)頁(yè)，保存為：“”B．按前面分析的要求插入一個(gè)表格C．調(diào)整表格結(jié)構(gòu)（主要是行列的插入、刪除、單元格的合并、拆分、調(diào)整大小等）三、充實(shí)網(wǎng)頁(yè)頁(yè)面內(nèi)容 任務(wù)三：在表格中插入圖片、輸入文字 建議：插入圖片對(duì)象前，對(duì)圖片做一定處理，如選擇風(fēng)格統(tǒng)一的圖片，調(diào)整圖片大小至同一尺寸等 友情提醒：圖片的保存四、調(diào)整表格屬性，美化頁(yè)面 預(yù)覽制作的網(wǎng)頁(yè)，修飾網(wǎng)頁(yè)，讓網(wǎng)頁(yè)看起來(lái)更美觀 任務(wù)四：表格屬性以及單元格屬性的編輯A．表格屬性的調(diào)整：去除網(wǎng)格線、設(shè)置表格背景色等 B．單元格屬性的調(diào)整：使用不同的顏色區(qū)分各板塊 強(qiáng)調(diào)：學(xué)會(huì)利用屬性窗口設(shè)置表格、單元格屬性五、表格的嵌套 有時(shí)為了制作出更加美觀的網(wǎng)頁(yè)，我們可以使用表格的嵌套來(lái)實(shí)現(xiàn) 任務(wù)五：加入橫向目錄導(dǎo)航條，嘗試使用表格嵌套的方法解決問(wèn)題 根據(jù)自己的實(shí)際情況選擇任務(wù)難度，并動(dòng)手分析與創(chuàng)意設(shè)計(jì) 請(qǐng)操作熟練的同學(xué)來(lái)演示規(guī)則表格的插入，聯(lián)想“WPS文字”軟件中的表格操作來(lái)演示網(wǎng)頁(yè)制作中表格的基本編輯，如行列的插入、刪除、單元格的合并、拆分、調(diào)整大小等，以達(dá)到調(diào)整表格結(jié)構(gòu)的目的 認(rèn)真操作（耗時(shí)較長(zhǎng)） 在表格相應(yīng)位置放入相應(yīng)文字、圖片等 根據(jù)自己的實(shí)際情況選擇任務(wù)難度，可按教師具體要求修飾調(diào)整表格，也可根據(jù)自己的意圖修飾調(diào)整表格（但表格邊框的調(diào)整都需掌握） 學(xué)生動(dòng)手制作網(wǎng)頁(yè)總結(jié) 本節(jié)課我們學(xué)習(xí)了在Dreamweaver中插入表格、編輯表格以及表格嵌套的基本方法。三、教學(xué)難點(diǎn)： 表格的嵌套在網(wǎng)頁(yè)布局中的應(yīng)用。（2）掌握插入、編輯表格的方法及表格的屬性設(shè)置方法。（3）通過(guò)“動(dòng)物——人類的朋友”網(wǎng)站的設(shè)計(jì)與制作，激發(fā)關(guān)愛(ài)動(dòng)物、保護(hù)動(dòng)物的責(zé)任感，從而進(jìn)一步樹(shù)立共同改善人類生存環(huán)境的意識(shí)。（1）通過(guò)對(duì)比學(xué)習(xí)體驗(yàn)軟件學(xué)習(xí)的一般方法及規(guī)律，提高自主學(xué)習(xí)的能力。（2）通過(guò)用表格布局網(wǎng)頁(yè)，進(jìn)一步理解表格的作用、功能及網(wǎng)頁(yè)設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力。（2）掌握網(wǎng)頁(yè)中表格的制作方法、表格屬性的設(shè)置方法以及單元格的修飾與編輯方法，能夠在單元格中正確插入文字和圖片（3）能夠根據(jù)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，正確設(shè)計(jì)表格的結(jié)構(gòu)，掌握表格嵌套的設(shè)計(jì)方法。五、教學(xué)過(guò)程：教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)引入 以學(xué)生一進(jìn)機(jī)房就上網(wǎng)、瀏覽網(wǎng)頁(yè)為切入點(diǎn)，提問(wèn)：同學(xué)們非常喜歡上網(wǎng)，大家一般登錄哪些網(wǎng)站呢？以此提問(wèn)網(wǎng)站、網(wǎng)頁(yè)和首頁(yè) 喜歡上網(wǎng)瀏覽別人制作的精美網(wǎng)站、獲取豐富的信息，是否想過(guò)直接制作網(wǎng)頁(yè)供別人去瀏覽呢如今網(wǎng)頁(yè)制作的軟件有很多，如Dreamweaver、Frontpage、東方網(wǎng)頁(yè)王等。（2）網(wǎng)頁(yè)的保存。（4）掌握設(shè)置頁(yè)面屬性的一般方法。（2）掌握建立、刪除網(wǎng)站的基本方法。（3）通過(guò)創(chuàng)建“動(dòng)物——人類的朋友”網(wǎng)站，樹(shù)立人與動(dòng)物和諧相處，真愛(ài)、善待和保護(hù)動(dòng)物的觀念。3．情感態(tài)度與價(jià)值觀：（1）通過(guò)對(duì)比，了解軟件學(xué)習(xí)的一般方法及規(guī)律，提高學(xué)習(xí)信息技術(shù)的信心。：（1）通過(guò)對(duì)比，掌握軟件的使用方法，達(dá)到舉一反三的功效。（3）掌握新建簡(jiǎn)單網(wǎng)頁(yè)的方法，能夠在網(wǎng)頁(yè)中插入文字并進(jìn)行排版，掌握?qǐng)D片、水平線的插入方法及屬性的設(shè)置方法，能夠靈活應(yīng)用“頁(yè)面屬性”對(duì)話框，設(shè)置頁(yè)面屬性，如背景顏色、背景圖像等。 優(yōu)秀網(wǎng)站的特點(diǎn) 規(guī)劃網(wǎng)站需要思考的問(wèn)題四、教學(xué)反思：第2節(jié) 網(wǎng)站的制作（共6課時(shí)）站點(diǎn)創(chuàng)建與首頁(yè)制作 第1課時(shí)一、教學(xué)目標(biāo)：：（1）認(rèn)識(shí)Dreamweaver窗口結(jié)構(gòu)。 作品展示，點(diǎn)評(píng)。 學(xué)生分組討論，并完成P47表格 5）欣賞“動(dòng)物——人類的朋友”網(wǎng)站，思考他的結(jié)構(gòu) 學(xué)生分組討論，并說(shuō)出自己的看法 師生總結(jié)： 欄目名網(wǎng)頁(yè)文件名主要內(nèi)容
高考資料相關(guān)推薦
鄂ICP備17016276號(hào)-1