




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、課 題1課 我的第一個網(wǎng)頁教學時間1課時1、 認識frontpage,了解它的界面2、 制作一張文字網(wǎng)頁 3、了解什么是網(wǎng)頁,它的含義教學目標1、 完成活動任務2、 激發(fā)學生學習興趣3、 鼓勵學生自主探索學習和小組協(xié)作學習的能力重、難點重難點:網(wǎng)頁的保存和預覽教學方法任務驅(qū)動法、自主探索學習法、反饋矯正法、互助協(xié)作學習法教具學具教材配套素材包,多媒體教室和網(wǎng)絡演示平臺教學過程一、引入: 同學們都非常喜歡上網(wǎng),喜歡網(wǎng)上的游戲、音樂、電影、動畫等等,那么大家真的了解網(wǎng)絡嗎?每次玩游戲的時候你打開的有趣的網(wǎng)站你知道他是怎么做出來的嗎?那么就和我一起來探索這其樂無窮的網(wǎng)絡世界吧。介紹:什么是WEB介紹
2、:什么是網(wǎng)頁、網(wǎng)站,它們的區(qū)別。(可先打開各種不同類型的網(wǎng)站調(diào)動學生學習主動性)不管是做網(wǎng)站還是網(wǎng)頁,都需要用到專門的制作工具,這就是我們本學期將要學到的一個新工具:frontpage2003.,今天我們要做一張網(wǎng)頁讓我們一起來認識它。二、新課教學: 教師演示:1、 啟動frontpage20032、 認識frontpage2003的工作環(huán)境(講解中可結(jié)合視頻演示)3、 制作文字網(wǎng)頁(1)請同學們仔細觀察frontpage的工作界面,看看與word有什么相同和不同。教師:原來在frontpage里輸入文字和word是一樣的,好吧,大家可以輸入你想說的一句話,同學們,你的網(wǎng)頁就要完成了,大家開始
3、干吧。(生輸入任意文字,先做好的學生可讓其充當小老師幫組其他同學,幫會一個學生有加分) 4、網(wǎng)頁保存 教師:大家都把要說的話錄入完畢了,現(xiàn)在我們要把這張網(wǎng)頁保存起來,因為只有保存起來,這張網(wǎng)頁才算真正的完成。保存的時候,請大家一定要記好:請把你做的這一張網(wǎng)頁文件名改為:index.htm動手吧(個別學生提問:為什么不能取自己想取的名字呢。教師可做解釋)5、網(wǎng)頁預覽好了,大功告成,我們自己動手的第一張網(wǎng)頁就做好了,下面我們來看看它到底是個什么樣子。我們現(xiàn)在需要在IE瀏覽器里看看它的樣子。演示:選擇“文件”菜單中的“在瀏覽器中預覽”下的“microsoft internet explorer 6.
4、0”,這樣,就可以在IE中打開剛才制作的網(wǎng)頁了。怎么樣,你的是不是這個樣子呢?(有個別學生還會發(fā)現(xiàn)另一種更方便的預覽方式,即:軟件視圖工具欄中的“預覽”,可請學生上臺介紹) 問題:可能會有學生想修改文字內(nèi)容,但不會,這時老師可做補充: 我們可通過 視圖工具欄 上的設計標簽切換到文字錄入模式,進行文字的修改。小結(jié):1、你發(fā)現(xiàn)frontpage工具欄上的按鈕和word有什么異同了嗎? 2、通過自己的努力,你學會什么,自己發(fā)現(xiàn)了什么?哪些還沒弄懂? (沒弄懂的由老師進行輔導,時間不夠則放在下節(jié)課解決)課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題2課 讓網(wǎng)頁漂亮起來教學時間1
5、課時活動任務1 學會設置網(wǎng)頁中的文字2 在網(wǎng)頁中插入水平線教學目標1、對網(wǎng)頁文字能進行美化2、熟悉網(wǎng)頁中文字的基本設置3、了解水平線的作用重、難點重點:對文字的基本設置難點:水平線設置教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、新課引入我們的第一個網(wǎng)頁在上節(jié)課已經(jīng)大功告成,想必大家很興奮,今天,讓我們來為自己動手制作的網(wǎng)頁進行一些簡單的美化,讓它更漂亮。首先請同學們啟動frontpage(提示大家啟動的方式)選擇文件菜單中的“打開”,找到上節(jié)課你保存的作品。(此環(huán)節(jié)也是一個復習的環(huán)節(jié),可讓學生自己完成,如果存在問題,可由老師演示
6、)二、新課教學為了讓我們的網(wǎng)頁更生動漂亮,下面我們來對文字進行一些設置,只需簡單的設置,你的網(wǎng)頁就會完全不一樣了。來,一起來看看我們的電腦小博士是怎么操作的。播放教學視頻看完請學生思考:這個操作的步驟有沒有同學能回憶起我們曾在哪兒學過?(學生思考回答,教師提示,進行知識遷移的訓練。)原來,frontpage和word真是一對兄弟,它們的界面不禁相似,連操作都差不多。請大家試著來為你網(wǎng)頁中的文字進行一番美化吧。教師提示:可參考書中的步驟,也可自己進行設置。完成后提問:你還發(fā)現(xiàn)另一種更快捷的設置方式了嗎? 學生發(fā)表見解,教師補充小結(jié):我們可以用這種方法對網(wǎng)頁中的其他文字進行設置。插入修改水平線在網(wǎng)
7、頁制作過程中,為了使網(wǎng)頁條理清晰,美化網(wǎng)頁,我們可以在標題和正文之間插入一條水平線。就像這樣(演示水平線)請大家結(jié)合書中的第3步自己來完成水平線的插入。教師:水平線也是可以美化的,請大家到書中尋求方法。(指定小老師,和教師本人一起其他學生。)保存網(wǎng)頁挑戰(zhàn):建立一個新網(wǎng)頁,輸入五首唐詩或者宋詞,按照自己的喜好設置字體、字號、顏色。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題3課 讓網(wǎng)頁有聲有色教學時間1課時活動任務1、學會設置網(wǎng)頁的背景顏色和背景圖片2、學會給網(wǎng)頁設置背景音樂教學目標完成活動任務重、難點重點:網(wǎng)頁背景圖片和顏色的設置教具學具教材配套資源包,多媒體展示平臺
8、教學過程一、 復習復習文字設置的方法,可讓學生演示,或提問二、 新課教學 同學們,大家都還記得當你打開那個熟悉的4399網(wǎng)頁時,上面充滿了各種美妙的音樂,游戲還有好看的色彩,這些網(wǎng)頁是怎么做出來的呢?今天我們就要給自己的網(wǎng)頁來配配色,插入一首音樂,讓我們的網(wǎng)頁有聲有色,愿意一起來做嗎?好,我們開始吧!1、給網(wǎng)頁設置背景音樂出示一張做好的配有音樂的網(wǎng)頁讓學生實際感受打開上節(jié)課做好的網(wǎng)頁教師演示設置背景音樂的方法提示:將相關(guān)音樂文件放入網(wǎng)絡素材包,讓學生自由選擇自己喜歡的音樂文件。預覽一下,你的網(wǎng)頁有聲音了嗎?(期間可安排小老師及教師本人巡回指導)2、設置背景顏色和圖片網(wǎng)頁有聲了,怎么讓它有色呢?
9、讓我們一起來看看電腦小博士 是怎么做的(觀看教學視頻,)請同學們2人為一組參考教學視頻內(nèi)容和書中的步驟共同來完成顏色和圖片的設置,(2人為小單位,可邊做可討論,教師指導)圖片素材已經(jīng)準備好,學生可訪問素材包來獲取教師解疑:(1) 如何將圖片設為背景?(2) “水印”效果是什么意思?(3)除了用現(xiàn)成的圖片,還能自己制定一種喜歡的顏色嗎?以上可由教師演示,學生示范來解決試一試:網(wǎng)上有很多可愛的動畫GIF圖片,請大家試試 到網(wǎng)上去下載這樣的動畫文件來做你的背景圖片,看看有何效果?(講解如何搜索下載GIF圖片)完成我的記錄課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié)課 題第二單元讓你
10、的網(wǎng)頁充滿動感第1課教學時間1課時活動任務1 了解圖片在網(wǎng)頁中的作用2 學會在frontpage中插入圖片教學目標1、掌握打開網(wǎng)頁的方法2、會在網(wǎng)頁中插入圖片,并對圖片進行簡單設置3、熟悉根據(jù)路徑找到文件的方法重、難點重點:圖片的插入難點:圖片的設置教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、新課引入我們的網(wǎng)頁在同學們的小手的控制下,已經(jīng)變得很漂亮了,從今天開始我們,進入第二單元的學習,讓我們的網(wǎng)頁充滿動感。二、新課教學為了讓我們的網(wǎng)頁更生動漂亮,我們首先要為我們的網(wǎng)頁加上漂亮的圖片讓它圖文并茂。孩子們,我們學習過word,請那
11、位孩子來告訴老師,在word里,是怎樣插入圖片的。請一位同學當一當小老師,我們一起來回憶一下。在word中,我們插入圖片的方法是點擊插入菜單,選擇圖片,然后選擇來自文件。這種方法,在我們網(wǎng)頁制作中適不適用呢?請孩子們打開你們的網(wǎng)頁試試。看在word里適用的方法,在網(wǎng)頁制作中適用嗎?(學生嘗試自主探索方法)這種方法行嗎?(行)frontpage和word真不愧是一對兄弟,許多操作都有它們的共同之處。其實,計算機軟件都有一個很大的特點,就是,如果我們要在文件里插入新的東東,只要點擊“插入”菜單,就會有許多驚喜等著我們。有了圖片,我們還可以對圖片進行許多設置,包括調(diào)整圖片大小,給圖片加鏡框,移動圖片
12、位置等設置,怎么才能完成這些操作呢?打開你的書本到11頁,在書這個聰明的小伙伴的幫助下,試一試。學生參考教材內(nèi)容,對圖片進行簡單設置。同學們都很能干,大部分同學都能對自己的圖片進行簡單設置,讓我們根據(jù)電腦小博士的操作提示,一起來溫習一下在frontpage中插入圖片設置圖片的方法。播放教學視頻。從電腦小博士的操作中,我們可以知道,只要找對了圖片的路徑,在我們的網(wǎng)頁中就可以插入自己喜歡的圖片了。根據(jù)今天的教學內(nèi)容,你可以完成以下操作嗎?將照片的位置挪動到網(wǎng)頁左上角在網(wǎng)頁中插入二到三張圖片,將它們排得更漂亮。學生嘗試試一試的內(nèi)容。讓我們來看看,經(jīng)過同學們的妙手,你的網(wǎng)頁有沒有插入漂亮的圖片。展示學
13、生的作品。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題第2課網(wǎng)頁舞動的文字教學時間1課時活動任務1 能熟練使用滾動字幕來增加網(wǎng)頁效果。2 能使用動態(tài)HTML效果變換文字效果。教學目標1、掌握在網(wǎng)頁中插入滾動字幕的方法。2、會對字幕屬性時行簡單設置3、掌握動態(tài)HTML效果在網(wǎng)頁正文中的應用。重、難點重點:滾動字幕的插入與設置難點:動態(tài)HTML效果的應用。教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、新課引入同學們,在瀏覽別人網(wǎng)站時,經(jīng)常都可以看到一些特殊的效果,如舞動文字,隨機應變的文字等,今天,就讓我們一
14、起走進Frontpage世界,讓我們的網(wǎng)頁中添加上舞動的文字。二、新課教學在frontpage中,我們可以添加上滾動的文字。怎樣添加呢?今天,我們考一考大家對教材的自學能力,請孩子們打開教材19頁,給大家五分鐘時間,自學第一節(jié)內(nèi)容,邊看,邊想,在這一節(jié)內(nèi)容中,包含幾個操作要點?學生自學教材。請一位會看書的孩子來告訴老師,在插入滾動字幕的操作過程,我們應該注意幾個操作要點,并板書:插入菜單WEB組件;動態(tài)效果字幕字幕的屬性設置:如字幕的文字,速度,出現(xiàn)方式,重復次數(shù),背景顏色,大小,出來方向等設置。有了操作要點,孩子們,你能根據(jù),黑板上提示的操作要點,在你的網(wǎng)頁中插入一幅你喜歡的滾動字幕嗎?學生
15、根據(jù)操作要求進行嘗試操作??磥?,同學們的自學能力確實不錯,請兩位小朋友,將你的自學成果展示給大家看看。請學生演示操作,并大聲說一說,你的做法。插入的字幕究竟有沒有在滾動呢?讓我們選擇預覽視圖來看看成果。有了滾動文字,我們的網(wǎng)頁一下就增加了許多的動感。其實,frontpage還可以為文字變魔術(shù),我們鼠標移上去,文字的顏色就會改變,鼠標移走又會變回原來的顏色。(展示有動態(tài)HTML效果的網(wǎng)頁)想學這個魔術(shù)嗎?讓我們看看電腦小博士是怎么做的。播放教學視頻??戳穗娔X小博士的講解,你有什么疑惑嗎?學生提出在這一操作上存在的困難,教師適時解疑。小小魔術(shù)師們,根據(jù)電腦小博士的提示,用你的小手,在你的網(wǎng)頁上變一
16、變文字變色小魔術(shù)。學生嘗試動態(tài)HTML效果的設置。拓展:字幕的屬性有許多設置,請大家打開你的字幕屬性里,看看,為日后特殊字幕的設置打下良好的基礎(chǔ)。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題第3課更多的炫酷效果教學時間1課時活動任務1 了解網(wǎng)頁中的行為。2 會使用Frontpage中的行為制作彈出消息和交換圖片。教學目標1、掌握制作彈出消息的方法。2、知道onclick的含義。3、會利用交換圖形的方法,改變鼠標指向時的圖片。重、難點重點:彈出消息的制作難點:行為中交換圖片的應用。教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體
17、展示平臺教學過程一、復習引入孩子們,我們在上一節(jié)課同大家一起變了一個小魔術(shù),有哪個孩子能告訴老師,是怎樣變這個魔術(shù)的嗎?應用了哪個菜單?學生演示動態(tài)HTML效果的設置方法。根據(jù)孩子的操作,引入格式下的“行為”菜單。格式中的“行為”菜單,可以為我們網(wǎng)頁中制作許多的炫酷效果,今天,就讓我們更進一步走進“行為”菜單,看看,在“行為”菜單中,我們可能制作哪些效果。二、新課教學首先,我們來看看利用“行為”菜單為標題添加彈出消息的方法:我們打開書本15頁,一起來讀一讀,彈出消息的設置。教師同學生一起通過讀教材,領(lǐng)悟書本知識的操作要點。光說不做,可不行,我們一起讀了這段文字,大家理解到了?知道在我們的網(wǎng)頁里
18、為標題添加彈出消息的方法了嗎?現(xiàn)在落實行動,打開我們保存的網(wǎng)頁,為我們的網(wǎng)頁標題上添加彈出消息。學生嘗試操作。教師巡視指導。請學生演示操作。并說一說,他是怎樣做的。如果我們要讓這個彈出消息只有在我們單擊鼠標時出現(xiàn),該怎么做呢?先讓我們來認識兩個專業(yè)詞語:onmouseover,它的意思是當鼠標放在上面時,onclick,它的意思是在按鼠標時,如果要完成剛才的單擊鼠標時出現(xiàn)彈出消息時,需要在行為窗格中,將onmouseover替換成onclick即可。教師演示操作?,F(xiàn)在我們來看看,通過行為菜單制作的另一個有趣的效果,教師演示,當我們鼠標指到站長圖片時變成一個笑臉圖片的效果。這個效果是通過行為菜單
19、中的交換圖像命令來完成的。請大家打開書看到書P16頁圖2.3.5,在電腦小博士的講解下,來看看,這一效果的完成。播放教學視頻。學生在教學視頻后嘗試操作。我們利用了行為菜單完成了許多特殊效果,究竟有沒有達到我們所設想的效果呢?現(xiàn)在讓我們通過預覽視圖來檢驗一下。小組成員相互檢測一下。教師小結(jié):在這一單元的教學中,我們利用行為菜單制作了許多特殊效果,讓我們自己來評一評,這一單元的學習成果。請大家根據(jù)書本P17頁我的記錄表的講解,完成對本單元內(nèi)容學習成果的自評。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題第3單元 表格與超級鏈接第1課 在網(wǎng)頁中插入表格教學時間1課時活動任務1
20、、學會在網(wǎng)頁中插入表格2、學會修改表格屬性教學目標1使學生掌握在網(wǎng)頁中生成表格的方法。2使學生掌握填寫表格內(nèi)容的方法。3使學生掌握調(diào)整表格的方法。重點怎樣在網(wǎng)頁中插入表格難點更改表格的屬性教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、引入教師展示插入表格后的網(wǎng)頁作品。提問:插入表格后,起到哪些作用?學生討論后,教師歸納:插入表格可以使網(wǎng)頁中的內(nèi)容條理清晰。瀏覽者在訪問你的網(wǎng)站時,可以更方便地找到感興趣的材料。二、新授今天,我們就來制作一個小站長的個人資料網(wǎng)頁。1、新建網(wǎng)頁步驟:a) 打開FrontPage,新建一個網(wǎng)頁 b) 輸入
21、文字,“我的個人資料”。(網(wǎng)頁的第一行是這一頁的主題)2、在網(wǎng)頁中插入表格我們用表格來介紹站長的個人資料。提問:想一想,以前我們在學習Word的時候是怎樣插入表格的?學生討論后,教師總結(jié)演示。設疑:那我們可以用同樣的方法在FrontPage中插入表格嗎?答疑:在FrontPage中插入表格和在Word中插入表格很相似。步驟:a) 單擊“表格”菜單b) 單擊“插入”命令c) 單擊“表格”選項 如P18d) 在彈出的“插入表格”對話框中,輸入“行數(shù)”和“列數(shù)”e) 單擊確定 如P19f) 這樣一個表格就做好了。(學生操作練習)3、在表格中輸入數(shù)據(jù)完成了表格的創(chuàng)建以后,接下來我們就該在表格中添加上內(nèi)
22、容了。如:P19步驟:鼠標單擊單元格,在里面完成相應的資料輸入(學生自主完成)4、更改表格的屬性提問:1、怎樣把表格改為7行4列(即增加兩行兩列) 2、怎樣為表格設置邊框 3、怎樣設置背景為黃色解答:通過“表格屬性”對話框來更改表格的樣式。步驟: a) 在表格上單擊鼠標右鍵b) 在彈出的快捷菜單中選擇“表格屬性”c) 打開“表格屬性”對話框,進行設置。(學生自主完成)試一試:你能把表格背景改為圖片嗎?能讓表格沒有邊框嗎?5、保存網(wǎng)頁設置號以后要將網(wǎng)頁保存起來以便下節(jié)課使用,保存的位置為“我的文檔”,文件名為show.htm6、課堂小結(jié)師生共同小節(jié)本課所學內(nèi)容,強調(diào):在網(wǎng)頁中使用表格,可以使網(wǎng)頁
23、內(nèi)容更加清晰,提高網(wǎng)頁的瀏覽效率;在表格中輸入內(nèi)容與Word相同。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題第2課 更多的表格插入教學時間1課時活動任務1、 能熟練地對單元格進行合并和拆分2、能設置單元格的屬性教學目標1、進一步熟悉對單元格的操作方法2、重點熟悉“單元格屬性”的設置方法。重、難點重點:對單元格的操作難點:對表格單元格屬性的設置目的理解和操作方法。教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、引入同學們,上一課我們學習了表格的一些操作,今天我們來學習更多的表格操作。二、新授1、打開網(wǎng)頁用F
24、rontPage打開show.htm網(wǎng)頁。2、拆分單元格任務一:我想在“我的個人資料”“愛好”一欄,增加一個 “體育” 選項,如何實現(xiàn)呢?看書P21,學生自學!任務實質(zhì)拆分單元格。有時候,按照行列數(shù)生成的表格,不能滿足我們的需要,就要對表格進行改造。我們可以把一個單元格拆成若干個單元格。請學生來演示,教師點評指導步驟:a) 把光標放到表格中“電腦”所在的單元格b) 選擇“表格”菜單中的“拆分單元格”c) 在彈出的“拆分單元格”對話框中選擇拆分方式并選擇要拆分的列數(shù)或行數(shù)d) 單擊“確定”后,選中的單元格就被拆分好了,在信單元格中填入“體育”3、合并單元格任務二:將第三列的單元格合并成一個??磿?/p>
25、P22,學生自主完成,教師巡視指導。表格的合并和表格的拆分操作方法大致相同。在合并好的單元格中插入一個笑臉圖片。(復習、回顧第二單元中學過的插入圖片的方法。)4、更改單元格屬性同學們,大家覺得我們做的這個表格美不美?漂亮不漂亮?生討論,回答我們可以對表格進行一些修飾,讓它看起來更生動、漂亮嗎?更改單元格屬性不僅表格的屬性可以更改,表格中的每一個單元格的屬性都可以更改,只要我們需要都可以將單元格更改成我們需要的樣式。教師演示步驟:a) 在單元格上單擊鼠標右鍵b) 選擇“單元格屬性”c) 在彈出的“單元格屬性”對話框中設置表格布局、設置邊框、設置背景d) 最后單擊確定至此,一個有個性的單元格就誕生
26、了。任務三:試試將表格設置成P23上的樣式。試一試在單元格中再插入一個表格,看看表格中可不可以實現(xiàn)“表格嵌套表格”5、保存網(wǎng)頁保存好你修改完的網(wǎng)頁,下節(jié)課我們還要繼續(xù)使用哦!課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題第3課 超級鏈接和懸停按鈕教學時間1課時活動任務熟練地使用超級鏈接把兩個網(wǎng)頁連起來教學目標1、認識超級鏈接的強大功能,2、會建立各種類型的超級鏈接重、難點重點:認識了解超級鏈接難點:如何建立超級鏈接教學方法任務驅(qū)動法、自主探索學習法、教師演示、互助協(xié)作學習法教具學具教材配套素材包,多媒體展示平臺教學過程一、引入先演示已鏈接好的任務網(wǎng)站(也可適當演示因特網(wǎng)
27、上的網(wǎng)站),點擊各種超鏈接,讓學生看到方便自如的頁面切換,從而體會超鏈接的作用。P24。超級鏈接是網(wǎng)頁制作中重要的內(nèi)容,它能夠把很多網(wǎng)頁文件鏈接到一張網(wǎng)頁上。同學們,今天我們就一起走進“超級鏈接”!二、新授1、將兩個網(wǎng)頁鏈接起來到現(xiàn)在為止,我們做的還不算一個真正的網(wǎng)站,只是單獨的網(wǎng)頁,多個網(wǎng)頁連起來才算一個網(wǎng)站?,F(xiàn)在我們就來嘗試把兩個網(wǎng)頁連起來。1)用FrontPage打開我們保存的index.htm文件。在站長照片的下面加入文字“我的資料”和“我的郵箱”。結(jié)果如P24。2)選中“我的資料”這幾個字,選擇“插入”菜單中的“超鏈接”,彈出“插入超級鏈接”對話框。在“插入超鏈接”對話框中選擇當前文
28、件夾中的show.htm這個網(wǎng)頁文件,單擊“確定”,這個鏈接就做好了!3)單擊“確定”后,保存文件。在瀏覽器中預覽,看看是否鏈接到了“我的資料”這張網(wǎng)頁上!2、用懸停按鈕制作超級鏈接同學們,剛才我們是用文字做了超級鏈接,那我們還可以用什么來做超級鏈接呢?學生看書學習P25 用懸停按鈕制作超級鏈接懸停按鈕(也叫交互式按鈕),可以實現(xiàn)按鈕平常時是一種狀態(tài),鼠標移動到按鈕上是一種狀態(tài),鼠標鍵按下時又是一種狀態(tài)。下面我們用懸停按鈕來制作“我的資料”到主頁的超級鏈接。a) 將光標放到標題的后面按回車鍵。使光標位于第二行的中間。選擇“插入”菜單中的“交互式按鈕”。b) 在彈出的“交互式按鈕”對話框中可以設
29、置懸停按鈕的效果,在“按鈕”選項中設置按鈕樣式、按鈕文字、超級鏈接,并可在預覽窗口中看到效果。在“字體”選項中設置字體、字形、字號、文字效果等,并可在預覽窗口中看到效果。c) 最后單擊“確定”,完成設置。這樣一個懸停按鈕就做好了。d) 保存文件,在瀏覽器中預覽效果。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):第四單元 規(guī)劃和建立一個環(huán)保網(wǎng)站課 題1課 規(guī)劃我的環(huán)保網(wǎng)站教學時間1課時活動任務3、 學會簡單設計網(wǎng)站的首頁4、 能根據(jù)自己的愛好確定網(wǎng)站風格教學目標4、 完成活動任務5、 激發(fā)學生學習興趣6、 鼓勵學生自主探索學習和小組協(xié)作學習的能力重、難點使用表格來制定自己的網(wǎng)站
30、首頁教具學具教材配套素材包,多媒體教室和網(wǎng)絡演示平臺教學過程一、引入:要制作一個好的網(wǎng)站,就要有好的規(guī)劃和好的設計,在制作之前要明確自己的思路,這樣制作出來的網(wǎng)站才能準確表達你的設計意圖,達到你的目的,吸引其他閱讀者支持你。二、新課教學:(一)、設計欄目在制作網(wǎng)站之前我們要設計好自己網(wǎng)站的欄目,自己好好想一想,動手把你設計的欄目寫下來。(二)、設計網(wǎng)站首頁設計好欄目后我們就要設計網(wǎng)站的首頁了。我們一起來設計幾種方案,看哪一種方案適合你。教師演示:(1)使用frontpage模板3、 啟動frontpage20032、使用模板直接制作我們的首頁(2)、使用表格來制定自己網(wǎng)站首頁1、啟動front
31、page20032、利用表格制作工具來設計自己有個性的網(wǎng)站首頁學生根據(jù)教師演示制作過程,自己選擇方法完成首頁的制作。(三)、欄目網(wǎng)頁的設計設計完首頁以后,就要設計各個欄目的網(wǎng)頁,通過首頁的設計,請同學們自己根據(jù)教師的演示完成漂亮的欄目頁設計。1、 教師演示一下怎樣制作欄目頁。2、 提醒學生注意以下幾點: 欄目頁下面是否有內(nèi)容頁 是否要設計返回按鈕 網(wǎng)站的風格是否統(tǒng)一(四)設計內(nèi)容頁請同學們根據(jù)老師的演示,自己設計出時尚、實用、美觀的網(wǎng)頁。課堂安全提醒:課間活動注意安全,防止安全事故發(fā)生本課反思或總結(jié):課 題2課 搜集網(wǎng)站所需素材教學時間1課時活動任務1、 能使用百度進行素材搜集2、 能對素材進行規(guī)劃整理教學目標1、完成活動任務2、能用搜索工具完成要用的素材的收集重、難點能用搜索工具完成要用的素材的收集教具學具教材配套素材包,多媒體教室和網(wǎng)絡演示平臺教學過程一、引入:要制作一個好的網(wǎng)站,就要有好的規(guī)劃和好的設計,在網(wǎng)站樣式設計好后,但還不能急著制作網(wǎng)頁,還需要足夠的素材。二、新課教學:(一)、確定素材的來源在制作網(wǎng)站的素材要很多,這么多的素材從哪來呢?1、自己設計制作網(wǎng)站的LOGO、banner等可以自己制作,用“畫圖”工具就可以制作出有自己特色的LOGO2、向同學搜集3、網(wǎng)上搜索(二)、網(wǎng)上搜索資料教師演示如何利用百度進行資料的搜索1、用百度進行
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 產(chǎn)品度合同范例
- 單位租憑員工車輛合同范本
- 中糧銷售合同范本
- 化工散水出售合同范本
- seb采購合同范本
- 華為銷售合同范本
- 農(nóng)業(yè)采購合同范本格式
- 伐樹施工合同范本
- 代理業(yè)主房屋合同范本
- 寫作委托協(xié)議合同范本
- 地理-天一大聯(lián)考2025屆高三四省聯(lián)考(陜晉青寧)試題和解析
- 小巴掌童話課件
- 教科版六年級科學下冊全冊教學設計教案
- 初中數(shù)學新課程標準(2024年版)
- GB/T 19342-2024手動牙刷一般要求和檢測方法
- 2024年山東鐵投集團招聘筆試參考題庫含答案解析
- 8款-組織架構(gòu)圖(可編輯)
- 《鋼鐵是怎樣煉成的》讀書報告
- 中學生班干部培訓方案(共4頁)
- 凈土資糧——信愿行(11)第六講凈業(yè)三福變化氣質(zhì)
- 美的集團公司分權(quán)手冊
評論
0/150
提交評論