【教學目標】:
1、知識與技能:進一步熟練掌握網(wǎng)頁文字、圖片的插入和格式設置,能根據(jù)創(chuàng)意制作內容較為豐富的個人網(wǎng)站首頁;進一步掌握網(wǎng)頁制作軟件的表格、字幕等功能。
2、過程與方法:任務驅動,讓學生根據(jù)自己的網(wǎng)站規(guī)劃,參考教科書,以探究的方式掌握知識與技能,實現(xiàn)網(wǎng)站其他頁面的制作。
3、情感、態(tài)度、價值觀:培養(yǎng)學生的審美能力和創(chuàng)造能力,在小組協(xié)作學習中,培養(yǎng)學生的團隊精神。
【教學重點】:
1、根據(jù)網(wǎng)站規(guī)劃,獨立設計網(wǎng)站的各子頁面;
2、學習FrontPage2000制作網(wǎng)頁的技巧:字幕、表格、圖片陰影。
【教學難點】:
1、字幕的設計和表格的使用;
2、文本和圖片格式的更多設置。
【教學準備】:
大屏幕投影、多媒體網(wǎng)絡教室、相關圖片及文檔素材
【教學過程】:
一、創(chuàng)設情景,引入課題:
同學們上節(jié)課已經(jīng)在FrontPage中制作出了網(wǎng)站的首頁,但一個網(wǎng)站一般都有許多頁,(展示兩個例子)大家看,除首頁外,其它各頁面都有些什么特點?
(有滾動字幕、有圖片,有排列整齊的表格等)
小學信息技術教案:《制作網(wǎng)站頁面》
個人主頁“小星之家”
小學信息技術教案:《制作網(wǎng)站頁面》
個人主頁“風采圖片社”
教師引入:在一個網(wǎng)站中,除首頁外,還應當有更多的子頁面詳細表達各欄目的具體內容,這些頁面一般比首頁內容簡練,但也可以加入一些滾動字幕,繪制表格以便排列圖片和數(shù)據(jù)等。這節(jié)課我們就在FrontPage中試試這些功能。
二、新課教學
任務一:制作第一個子頁面,并添上滾動字幕
1、學生探究:用以上節(jié)課學過的方法,根據(jù)自己的網(wǎng)站規(guī)劃,新建一個空白網(wǎng)頁,輸入標題正文,再添加圖片等使頁面內容豐富。
2、教師提示學生,在插入菜單中,有“組件”子菜單,請大家試用其中的“字幕”功能,看看它有什么用途。
3、小組內交流試探結果,教師選兩名學生通過網(wǎng)絡廣播(或大屏幕)示范插入滾動文字的步驟和效果。
4、保存網(wǎng)頁,提醒學生要用英文字為文件命名。
教師提醒學生要記住關閉已編輯并保存的網(wǎng)頁。
任務二:制作其他子網(wǎng)頁,根據(jù)需要插入表格
1、師:有時候,我們需要將文字或圖片按行列排整齊,好的方法就是先插入一個表格(展示“卡通動物欣賞”網(wǎng)頁實例),然后在表格內輸入文字或者插入圖片,這樣就很容易排列整齊了。
小學信息技術教案:《制作網(wǎng)站頁面》
你的哪一個網(wǎng)頁需要使用表格呢?試試看,根據(jù)在word中學過的方法,參考課本“吃在四川”子網(wǎng)頁的設計方法,為自己的網(wǎng)頁也插入一個表格,再向單元格里添加文字或圖片。
2、學生上機操作,新建一個空白網(wǎng)頁,輸入本頁應有的標題及正文文字,然后插入一個表格,并在表格內插入圖片,將圖片大小調至合適大小。小組內交流:插入表格時,你是怎樣設置表格參數(shù)的,為什么這樣做?能改變單元格的大小和背景效果嗎?你是怎樣找到動態(tài)圖片的?又是怎樣把它們的尺寸設置成一樣的呢?3、討論后,學生繼續(xù)操作,并保存新制作的網(wǎng)頁。然后制作自己所規(guī)劃網(wǎng)站的其他子網(wǎng)頁。
任務三:進一步美化各網(wǎng)頁。
師:為了使我們的網(wǎng)頁更漂亮,我們可采用改變背景、使用動畫或滾動字幕,改變文字或圖片的格式等方法美化網(wǎng)頁。多數(shù)功能都可以通過“格式”工具欄或“插入——組件”菜單來實現(xiàn)。
綜合實踐:
1、選擇漂亮的圖片作為子網(wǎng)頁的背景。
2、嘗試利用格式菜單,為網(wǎng)頁的文本加上邊框。
3、從網(wǎng)上找一些與網(wǎng)頁內容相關的gif動畫,插入到自己的網(wǎng)頁中。
4、為圖片加上凹凸或沖蝕效果。談談探究學習的收獲:以上效果你實現(xiàn)了哪幾種?你是怎樣做的?四、拓展練習
運用所學的表格布局技巧,制作一個“可愛的卡通形象”網(wǎng)頁,要求網(wǎng)頁內有多個卡通形象,每個卡通的大小一致,并在頁面上方添加一行滾動文字“卡通樂園歡迎你!”。
教材分析
教學內容:高中信息技術第五章第二節(jié)《網(wǎng)頁的制作》。
教學重點:網(wǎng)頁文字處理、插入圖片、動畫、水平線以及設置背景的方法。
教學難點:通過網(wǎng)站自主學習,讓學生自己建立網(wǎng)頁。
學生分析
本課對象是高一學生,學生通過前面WORD和INTERNET的學習,對網(wǎng)頁內容編輯、結構和效果等設計有了一定的感性認識。
教學目標
熟悉網(wǎng)頁中的各種元素及其制作方法,初步了解網(wǎng)頁制作過程,培養(yǎng)學生的自學能力和創(chuàng)新探索精神。
教學環(huán)境
設計“網(wǎng)頁制作”網(wǎng)站,是學生通過網(wǎng)站在教師的引導下,實現(xiàn)自主學習,完成網(wǎng)站中每一知識點的學習,教師借助投影儀及時反饋學生在完成目標時出現(xiàn)的問題。
教學方法
通過網(wǎng)站引導學生自主學習,解決教師提出的實際問題。
教學過程
。ㄒ耄┻呏v邊演示
展示一個簡單的網(wǎng)頁
你現(xiàn)在正在上網(wǎng),一定去了不少站點吧!這些站點的頁面都設計得非常精美,讓你在瀏覽信息的同時,還可以得到美的享受。這么吸引人的頁面,是怎么制作出來的呢?你想不想也做一個精美的個人主頁呢?如果你的回答是肯定的,那我們就一起學一下FrontPage的使用。FrontPage是優(yōu)秀的專業(yè)化網(wǎng)頁設計軟件之一,使用FrontPage你只要幾分鐘就可以建立一個自己的網(wǎng)頁,這可是一件令人激動的事喲!
。ㄐ抡n)教師引導學生根據(jù)網(wǎng)站自學,完成教師提出具體操作要求
模塊一、教師引導學生自學“網(wǎng)頁制作知識準備”,提出問題:
1、啟動FRONTPAGE?
2、FRONTPAGE的三種顯示模式?
3、在e:\下新建空站點,取名為abc站點文件夾。
模塊二、教師引導學生自學“新建網(wǎng)頁”,提出要求:
1、新建普通網(wǎng)頁。
4、打開e:\網(wǎng)站制作素材\可愛的家鄉(xiāng)高郵.htm網(wǎng)頁。
模塊三、教師引導學生自學“文字編輯”,提出要求:
1、把高郵.htm網(wǎng)頁中的標題設置為“5號”、綠色,“加粗”字體,“居中”對齊。
2、把高郵.htm網(wǎng)頁中的正文字體設置為“3號”,綠色。
模塊四、教師引導學生自學“圖片動畫”,提出要求:
1、在網(wǎng)頁中插入e:\網(wǎng)站制作素材\高郵風景\高郵湖.jpg
2、在網(wǎng)頁中插入e:\網(wǎng)站制作素材\高郵風景\welcome.gif
模塊五、教師引導學生自學“水平線”,提出要求:
1、在網(wǎng)頁中標題與正文之間插入水平線。
2、水平線寬度設置為100%,高度為3像素,水平居中,顏色改為綠色。
模塊六、教師引導學生自學“設置背景”,提出要求:
設置網(wǎng)頁背景為e:\網(wǎng)頁制作\網(wǎng)站制作素材\高郵風景\背景2文件
模塊七、教師引導學生自學“保存”,提出要求:
將當前網(wǎng)頁另存到e:\abc\高郵.htm,,并將圖片保存到images文件夾中。
模塊七、教師引導學生自學“小結”,提出要求把學生分為兩組,一組練習制作個人網(wǎng)頁,一組練習制作班級網(wǎng)頁。制作素材在e:\網(wǎng)站制作素材\練習素材中。對學生作品點評,小結。