信息專業(yè)技術(shù)備課_7692

1、學(xué)校：花園中學(xué)年級：八年級學(xué)科：信息技術(shù)授課人 : 殷軍授課班級 : 八年級一班課題 : 創(chuàng)建自己的網(wǎng)站課型：新授課授課時間 : 2009 年月日（第 10-11 周（ 2 課時）教學(xué)目標(biāo)：1.使學(xué)生掌握網(wǎng)站的建立；2.使學(xué)生掌握網(wǎng)頁背景的設(shè)置。3.學(xué)生熟練掌握網(wǎng)頁背景的設(shè)置。教學(xué)重點 : 如何建立一個簡單網(wǎng)站。難點 :. 網(wǎng)頁框架的設(shè)置。教學(xué)方法：案例法、討論法。板書設(shè)計：一、建立自己的網(wǎng)站二、新建主頁三、設(shè)置網(wǎng)頁背景和標(biāo)題四、保存網(wǎng)頁。主頁的名字必須是index 。五、瀏覽網(wǎng)頁六、打開網(wǎng)頁七、刪除網(wǎng)站八、練習(xí)教學(xué)場所：在計算機(jī)房中完成教學(xué)。教材分析及教學(xué)過程第一課時創(chuàng)建自己的網(wǎng)站導(dǎo)課：隨著

2、 Internet 的發(fā)展，越來越多的人開始上網(wǎng)，有些人甚至有了自己的網(wǎng)站，還有很多人希望在網(wǎng)上擁有自己的一片天空。我想問大家，你們想不想制作一個屬于自己的網(wǎng)站呢？那好，下來和我一塊開始創(chuàng)建自己的網(wǎng)站吧。新課：首先在硬盤上建立一個文件夾。例如我想制作一個關(guān)于旅游方面的網(wǎng)站，那么，就給這個文件夾取名為 tour 。一、建立自己的網(wǎng)站首先啟動 FrontPage 軟件，在新建里選擇 “空白 學(xué)生活動：網(wǎng)站 ”，然后在 “指定新站點位置 ”里選擇剛才在硬盤跟著一起做上建立的 tour 文件夾。此時，一個空白網(wǎng)站建立好了，大家發(fā)現(xiàn)里面只有兩個文件夾。再到硬盤上看 tour 文件夾里面，會發(fā)現(xiàn)還有兩個隱

3、藏的文件夾，這些文件夾都不能刪除。二、新建主頁網(wǎng)站的第一頁我們把它叫做主頁，即 Homepage 。因此，我們制作的網(wǎng)站首先應(yīng)該建立主頁。在文件菜單中選擇新建網(wǎng)頁，系統(tǒng)默認(rèn)的網(wǎng)頁名叫做 new_page_1.htm 。FrontPage 可以讓我們在三種不同模式下顯示同一網(wǎng)頁，一般用戶在“普通”模式下編輯，懂得html 代碼的用戶可以在“ html ”模式下編輯，很早以前用戶用“記事本”來編輯網(wǎng)頁， html 叫做“超文本標(biāo)記語言”。三、設(shè)置網(wǎng)頁背景和標(biāo)題在網(wǎng)頁的空白處單擊鼠標(biāo)右鍵，選擇“網(wǎng)頁屬性”，在“常規(guī)”標(biāo)簽里的標(biāo)題中輸入 “旅游風(fēng)光” ，還可以給網(wǎng)頁添加“背景音樂”。此時的網(wǎng)頁背景是白

4、色，如果我們想用圖片作為背景，要在“背景”標(biāo)簽里選擇“背景圖片”，通過瀏覽選擇自己喜歡的圖片。建議：作為背景的圖片一定要顏色暗淡一些，并且顏色不要雜亂，這樣才能保證網(wǎng)頁的美觀性。要用顏色填充背景，在顏色背景中選擇自己喜歡的， 選擇的顏色也不要過于艷麗，我們一般看到的網(wǎng)站還是白色。四、保存網(wǎng)頁當(dāng)我們設(shè)置好網(wǎng)頁的標(biāo)題和背景之后，必須保存，此時電腦會把第一張網(wǎng)頁的名字自動取名為 index ，這就是我們一個網(wǎng)站中主頁的名字，必須是這個名字，我們不能更改，否則將來別人無法瀏覽網(wǎng)站。其它網(wǎng)頁的名字可以隨便，如果剛才用圖片設(shè)置的背景，電腦也會彈出圖片保存對話框，我們一般把圖片保存到網(wǎng)站最先給的文件夾 im

5、ages 里，這樣做的好處在于便于管理。五、瀏覽網(wǎng)頁當(dāng)我們編輯好一個網(wǎng)頁，可以有兩種方法預(yù)覽：一種方法直接使用 “預(yù)覽 ”模式，另一種使用瀏覽器預(yù)覽。觀察瀏覽器標(biāo)題欄上顯示的名字，我們會發(fā)現(xiàn)是我們設(shè)置網(wǎng)頁的標(biāo)題名“旅游風(fēng)光 ”。六、打開網(wǎng)頁我們可以把別人制作好的網(wǎng)頁打開從而進(jìn)行學(xué)習(xí)。今天，我們打開 “新浪的主頁 ”，看看設(shè)計者是如何完成版面布局的。我們發(fā)現(xiàn)版面布局全部使用的是表格完成的，然后在單元格里放入圖片、文字等其他內(nèi)容。七、刪除網(wǎng)站選擇網(wǎng)站的文件夾，按鼠標(biāo)右鍵中的刪除命令，最后選擇刪除整個網(wǎng)站。看看硬盤上的那個文件夾還在不在。八、練習(xí)下來大家練習(xí)新建網(wǎng)站和主頁，更改主頁的標(biāo)學(xué)生活動：題和

6、背景，還可以在網(wǎng)頁上添加表格，最后保存。開始練習(xí)教學(xué)反思：學(xué)校：花園中學(xué)年級：八年級學(xué)科：信息技術(shù)授課人 : 殷軍授課班級 : 八年級一班課題 : 網(wǎng)頁中的表格課型：新授課授課時間 : 2009 年月日（第 12-13 周（ 2 課時）教學(xué)目的：1.使學(xué)生掌握如何在網(wǎng)頁中添加表格；2.使學(xué)生掌握表格屬性的設(shè)置。教學(xué)重點 : 設(shè)置表格的邊框。難點 : 表格和單元格背景顏色的優(yōu)先級。教學(xué)方法：案例法、講授法。板書設(shè)計：一、添加表格二、調(diào)整表格寬度和單元格寬度三、設(shè)置表格和單元格的背景單元格背景的級別要比表格背景的級別高。四、表格的邊框把表格的邊框設(shè)置為0。教學(xué)場所：在計算機(jī)房中完成教學(xué)。教材分析及

7、教學(xué)過程第一課時網(wǎng)頁中的表格導(dǎo)課：大家上節(jié)課學(xué)習(xí)了如何創(chuàng)建網(wǎng)站， 并且我們看到了著名 “新浪 ”網(wǎng)站設(shè)計者設(shè)計的新浪主頁，版面布局用表格來完成的，因此，今天我們首先來學(xué)習(xí)與表格有關(guān)的知識。新課：請同學(xué)們回憶一下在Word 中是如何添加表格的？一、添加表格在“表格 ”菜單中選擇插入選項，輸入相應(yīng)的行數(shù)和列數(shù)，對齊方式選擇 “水平居中 ”。除了這種方法，我們還可以手工繪制表格。二、調(diào)整表格寬度和單元格寬度首先選中表格，單擊鼠標(biāo)右鍵，選擇 “表格屬性 ”， 可以用 “百分比 ”和“像素 ”來表示寬度， 例如在數(shù)據(jù)框中輸入 50，表格的寬度占屏幕寬度的50% 。還有種最簡單的方法，像在Word 中直接

8、調(diào)學(xué)生活動：跟著一起做整寬度和高度。如果要設(shè)置單元格的寬度，只需選擇 “單元格屬性 ”，在指定寬度中輸入具體的值， 和表格屬性一樣，但是最簡單的方法還是直接調(diào)整單元格的高和寬。三、設(shè)置表格和單元格的背景我們首先改變表格屬性中的背景， 用一種顏色填充，然后我們在改變單元格的背景，你們發(fā)現(xiàn)誰的屬性級別高呢？如果我們不想改變整個表格的屬性，只須改變單元格的背景。四、表格的邊框我們主要用表格來完成版面布局。 因此為了不讓用戶在網(wǎng)上看到表格的邊框， 我們把它設(shè)置為 0。教學(xué)反思：學(xué)校：花園中學(xué)年級：八年級學(xué)科：信息技術(shù)授課人 : 殷軍授課班級 : 八年級一班課題 : 網(wǎng)頁中的文字與圖片課型：新授課授課時

9、間 : 2009 年月日（第 14-15 周（ 2 課時）教學(xué)目的：1.使學(xué)生掌握用格式工具欄改變文字的屬性；2.使學(xué)生掌握圖片屬性的設(shè)置。教學(xué)重點 :1、文章自然段的劃分。教學(xué)難點 :1、如何用文本來代替圖片。教學(xué)方法：案例法、討論法。：板書設(shè)計：一、添加文字二、修飾文字用格式工具欄美化文字。三、自然段的劃分回車鍵換行并另起一段， Shift 鍵+回車鍵只換行不另起一段。四、添加圖片五、修飾圖片用圖片工具欄美化圖片。六、用文本替代圖片“圖片 ”屬性中的 “常規(guī) ”標(biāo)簽，在 “替代表示 ”中 “文本 ”里輸入文字。教學(xué)場所：在計算機(jī)房中完成教學(xué)。教材分析及教學(xué)過程第一課時網(wǎng)頁中的文字與圖片導(dǎo)課

10、：我們首先復(fù)習(xí)一下以前學(xué)習(xí)的知識。請一位同學(xué)給大家用 “空白站點 ”模板建立一個網(wǎng)站，然后看一個例子，大家思考它是如何制作的。首先看瀏覽器標(biāo)題欄上的文字，請問在哪里可以完成設(shè)置。我們可以用什么完成版面布局，這張網(wǎng)頁添加的是幾行幾列的表格，表格的邊框是如何變成虛線的。當(dāng)我們把骨架搭好以后，最后就可以在單元格里面添加文字與圖片了。新課：一、添加文字學(xué)生活動：直接在光標(biāo)閃爍處輸入文字。跟著一起做二、修飾文字當(dāng)我們把文字輸入以后， 更希望文字變得漂亮，我們用哪一個工具欄可以完成文字的美化。三、自然段的劃分我們首先看這個例子。這篇文章有很多自然段，大家想想輸入什么可以換行并另起一段，如果只想換行不想另起

11、一段，那該如何做呢？看書上第33 頁小知識。四、添加圖片在“插入 ”菜單中選擇 “圖片 ”里面的 “來自文件 ” 選項。五、修飾圖片調(diào)用 “圖片 ”工具欄或者單擊鼠標(biāo)右鍵選擇 “圖片 ”屬性。六、用文本替代圖片單擊鼠標(biāo)右鍵選擇 “圖片 ”屬性中的 “常規(guī) ”標(biāo)簽，在“替代表示 ”中“文本 ”里輸入文字， 這些文字內(nèi)容的含義主要用來說明或解釋圖片。最后用瀏覽器瀏覽制作效果。教學(xué)反思：學(xué)校：花園中學(xué)年級：八年級學(xué)科：信息技術(shù)授課人 : 殷軍授課班級 : 八年級一班課題 : 創(chuàng)造更加舒適的環(huán)境課型：新授課授課時間 : 2009 年月日（第 16-17周（ 2 課時）教學(xué)目的：1.使學(xué)生掌握水平線的運(yùn)

12、用；2.使學(xué)生掌握在網(wǎng)頁中加入滾動字幕；3.使學(xué)生掌握時間戳的運(yùn)用。教學(xué)要求：1.學(xué)生熟練掌握水平線和滾動字幕相關(guān)屬性的設(shè)置。教學(xué)重點 : 滾動字幕表現(xiàn)方式的區(qū)別。教學(xué)難點 :表示水平線寬度的兩種方法。教學(xué)方法：案例法、討論法。板書設(shè)計：一、添加水平線水平線寬度的兩種表示方法二、添加滾動字幕三種表現(xiàn)方式的區(qū)別三、時間戳教學(xué)場所：在計算機(jī)房中完成教學(xué)。教材分析及教學(xué)過程第一課時創(chuàng)造更加舒適的環(huán)境導(dǎo)課：我們上節(jié)課復(fù)習(xí)了建立網(wǎng)站的基本流程，但我們希望網(wǎng)站能夠給瀏覽者提供更加舒適的環(huán)境。比方說我們?yōu)榱朔乐箘e人侵權(quán)，在網(wǎng)站上添加版權(quán)信息；重要的話語想吸引瀏覽者的目光，可以使用滾動字幕；想要讓瀏覽者了解網(wǎng)

13、頁內(nèi)容的更新，可以使用時間戳。下面我們一塊來欣賞幾個例子。新課：學(xué)生活動：一、添加水平線跟著一起做我們一般都會在網(wǎng)頁的最下方添加制作單位、版權(quán)信息等內(nèi)容，可以使用水平線把這些和網(wǎng)頁內(nèi)容隔開。單擊 “插入 ”菜單，選擇 “水平線 ”，編輯窗口中立即出現(xiàn)一條水平線。當(dāng)我們想改變水平線的高度、寬度、對齊方式和顏色時，必須選中水平線，單擊鼠標(biāo)右鍵，選擇 “水平線屬性 ”。水平線的高度、對齊方式和顏色很容易理解，但是它的寬度相對來說不是很好理解，有兩種表示方法：一種使用絕對值，單位為像素，比如可將水平線寬度設(shè)為 500 像素，當(dāng)改變?yōu)g覽器窗口大小時，水平線的寬度不會發(fā)生變化；另一種方法是使用相對值，單位是百分比，比如將水平線寬度設(shè)為50% ，意思是水平線寬度始終占窗口的 50% ，隨窗口大小的變化而變化?？磿系?38 頁小知識。二、添加滾動字幕我們?yōu)榱俗尭匾男畔⑽秊g覽者，可以使用滾動字幕。單擊 “插