【正文】 下編輯，懂得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)頁背景是白色，如果我們想用圖片作為背景，要在“背景”標(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)站最先給的文件夾images里，這樣做的好處在于便于管理。 五、瀏覽網(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è)計(jì)者是如何完成版面布局的。我們發(fā)現(xiàn)版面布局全部使用的是表格完成的，然后在單元格里放入圖片、文字等其他內(nèi)容。七、刪除網(wǎng)站選擇網(wǎng)站的文件夾，按鼠標(biāo)右鍵中的刪除命令，最后選擇刪除整個網(wǎng)站?？纯从脖P上的那個文件夾還在不在。八、練習(xí)下來大家練習(xí)新建網(wǎng)站和主頁，更改主頁的標(biāo)題和背景，還可以在網(wǎng)頁上添加表格，最后保存。第二節(jié) 制作框架網(wǎng)頁目的要求：使學(xué)生初步掌握用Frontpage制作網(wǎng)頁的基本操作步驟，學(xué)會輸入文字，插入活動字幕，插入背景、圖片和音樂，能制作一個圖文并茂的網(wǎng)頁，有能力的學(xué)生可以編輯超級鏈接。培養(yǎng)學(xué)生動手操作能力、靈活的思維能力和創(chuàng)新能力。培養(yǎng)學(xué)生的合作意識和勇于探索創(chuàng)新的精神。滲透愛家鄉(xiāng)、愛學(xué)校教育。重點(diǎn)：掌握制作網(wǎng)頁的操作步驟。難點(diǎn)：圖、文、聲音、動畫并茂，體驗(yàn)成功的快樂。教具準(zhǔn)備：圖片、文字、聲音素材。教學(xué)過程：一、激情導(dǎo)入 （ 5分）打開圖片和聲音文件夾，最小化放在任務(wù)欄上；再打開Frontpage窗口。同學(xué)們做夢都想上網(wǎng)，到網(wǎng)上查資料、看動畫、開闊眼界，同學(xué)們的夢想不久的明天準(zhǔn)會實(shí)現(xiàn)。下面先請同學(xué)們欣賞一組簡單的網(wǎng)頁。以次激發(fā)學(xué)生的興趣，調(diào)動創(chuàng)作欲。欣賞之后，你最想說什么？用一句話表達(dá)。（可能說家鄉(xiāng)美；學(xué)校可愛等）。心動不如手動，這節(jié)課咱們就用學(xué)到的有關(guān)操作方法來制作一個漂亮的網(wǎng)頁。先別急，請告訴大家：（1）你會輸入網(wǎng)頁標(biāo)題保存網(wǎng)頁嗎？ （ 到前面來演示）打開網(wǎng)頁 輸入文字 編輯文字 保存D盤網(wǎng)頁文件夾中 取名 點(diǎn)擊保存。（2）你會插入活動字幕嗎？ 定好光標(biāo)位置 插入組件 字幕 文本中輸入文字 確定 單擊文字選中編輯 保存 預(yù)覽有補(bǔ)充的嗎？（3）你會設(shè)計(jì)背景嗎？有補(bǔ)充的嗎？格式 背景 網(wǎng)頁屬性中點(diǎn)擊背景 背景顏色 確定（4）你會插入圖片嗎？定好光標(biāo)位置 插入圖片 D盤網(wǎng)頁文件夾雙擊 選一張確定 。 還有更簡便的方法？（5）你會插入聲音嗎？格式 背景 常規(guī) 背景音樂 瀏覽 D盤聲音素材 選一個確定 預(yù)覽二、制作網(wǎng)頁 實(shí)踐操作利用現(xiàn)有的資料你打算做什么網(wǎng)頁？怎么設(shè)計(jì)？指名說 ， 然后小組中交流你的構(gòu)思，合作設(shè)計(jì)個網(wǎng)頁。（3分）設(shè)計(jì)好了嗎？大家一定是急不可待了。趕緊創(chuàng)作， 遇到麻煩請教老師和同學(xué)，互幫互學(xué)。操作過程中要大膽實(shí)踐，發(fā)現(xiàn)快捷方式隨時介紹給大家分享，可別獨(dú)自受用啊。 （20分）展示作品，互相觀看、交流。 （5分） 評議優(yōu)秀作品、展示并簡單介紹。 （5分）你最欣賞誰的作品？好在哪兒？某某同學(xué)的作品深受好評，你能向大家介紹介紹你是怎么做的嗎？請到前面來演示。 三、全課總結(jié)。 （2分）這節(jié)課你有什么收獲?學(xué)生總結(jié)。師：同學(xué)們在短時間內(nèi)不僅掌握了制作網(wǎng)頁的基本方法，還自主探究、合作學(xué)習(xí)，大膽實(shí)踐，發(fā)現(xiàn)了那么多的快捷方式，網(wǎng)頁制作得漂亮極了。老師只想說：同學(xué)們Very good!四、關(guān)閉計(jì)算機(jī)，唱著歌離開微機(jī)室。第三節(jié) 美化網(wǎng)頁教學(xué)目的：；。教學(xué)要求：。教學(xué)重點(diǎn): 。教學(xué)難點(diǎn):。教學(xué)方法：、討論法。教學(xué)場所：在計(jì)算機(jī)房中完成教學(xué)。導(dǎo)課：我們首先復(fù)習(xí)一下以前學(xué)習(xí)的知識。請一位同學(xué)給大家用“空白站點(diǎn)”模板建立一個網(wǎng)站，然后看一個例子，大家思考它是如何制作的。首先看瀏覽器標(biāo)題欄上的文字，請問在哪里可以完成設(shè)置。我們可以用什么完成版面布局，這張網(wǎng)頁添加的是幾行幾列的表格，表格的邊框是如何變成虛線的。當(dāng)我們把骨架搭好以后，最后就可以在單元格里面添加文字與圖片了。新課：一、添加文字直接在光標(biāo)閃爍處輸入文字。二、修飾文字當(dāng)我們把文字輸入以后，更希望文字變得漂亮，我們用哪一個工具欄可以完成文字的美化。三、自然段的劃分我們首先看這個例子。這篇文章有很多自然段，大家想想輸入什么可以換行并另起一段，如果只想換行不想另起一段，那該如何做呢？看書上第33頁小知識。四、添加圖片在“插入”菜單中選擇“圖片”里面的“來自文件”選項(xiàng)。五、修飾圖片調(diào)用“圖片”工具欄或者單擊鼠標(biāo)右鍵選擇“圖片”屬性。六、用文本替代圖片 單擊鼠標(biāo)右鍵選擇“圖片”屬性中的“常規(guī)”標(biāo)簽，在“替代表示”中“文本”里輸入文字，這些文字內(nèi)容的含義主要用來說明或解釋圖片。最后用瀏覽器瀏覽制作效果。第四節(jié) 制作動態(tài)網(wǎng)頁教學(xué)目的：；。教學(xué)要求：。教學(xué)重點(diǎn): 。教學(xué)難點(diǎn):。教學(xué)方法：、講授法。教學(xué)場所：在計(jì)算機(jī)房中完成教學(xué)。導(dǎo)課：大家上節(jié)課學(xué)習(xí)了如何創(chuàng)建網(wǎng)站，并且我們看到了著名“新浪”網(wǎng)站設(shè)計(jì)者設(shè)計(jì)的新浪主頁，版面布局用表格來完成的，因此，今天我們首先來學(xué)習(xí)與表格有關(guān)的知識。新課：請同學(xué)們回憶一下在Word中是如何添加表格的？一、添加表格在“表格”菜單中選擇插入選項(xiàng)，輸入相應(yīng)的行數(shù)和列數(shù)，對齊方式選擇“水平居中”。除了這種方法，我們還可以手工繪制表格。二、調(diào)整表格寬度和單元格寬度 首先選中表格，單擊鼠標(biāo)右鍵，選擇“表格屬性”，可以用“百分比”和“像素”來表示寬度，例如在數(shù)據(jù)框中輸入50，表格的寬度占屏幕寬度的50%。還有種最簡單的方法，像在Word中直接調(diào)整寬度和高度。 如果要設(shè)置單元格的寬度，只需選擇“單元格屬性”，在指定寬度中輸入具體的值，和表格屬性一樣，但是最簡單的方法還是直接調(diào)整單元格的高和寬。三、設(shè)置表格和單元格的背景我們首先改變表格屬性中的背景，用一種顏色填充，然后我們在改變單元格的背景，你們發(fā)現(xiàn)誰的屬性級別高呢？如果我們不想改變整個表格的屬性，只須改變單元格的背景。四、表格的邊框我們主要用表格來完成版面布局。因此為了不讓用戶在網(wǎng)上看到表格的邊框，我們把它設(shè)置為0。第五節(jié) 發(fā)布網(wǎng)站教學(xué)目標(biāo)：了解獲取站點(diǎn)空間的基本方法。學(xué)會測試、檢查站點(diǎn)。掌握發(fā)布站點(diǎn)的操作方法。教學(xué)重點(diǎn)：發(fā)布站點(diǎn)的基本方法。課堂導(dǎo)入：如何將制作完成的網(wǎng)站信息發(fā)布到互聯(lián)網(wǎng)上？網(wǎng)站建好后，可在Internet上申請免費(fèi)的網(wǎng)頁空間。只有將站點(diǎn)發(fā)布到服務(wù)器上，才能通過Internet聯(lián)機(jī)訪問。教學(xué)過程：獲取站點(diǎn)空間。獲取站點(diǎn)空間的三種途徑：一是向ISP租用站點(diǎn)空間。二是在網(wǎng)上申請免費(fèi)的網(wǎng)站空間。三是把自己的計(jì)算機(jī)建成一個網(wǎng)絡(luò)服務(wù)器，并與Internet建立連接。測試網(wǎng)站。A、檢查網(wǎng)頁的內(nèi)容。瀏覽每一個網(wǎng)頁，查看網(wǎng)頁中使用的圖像是否清晰，鏈接是否有效，文字與背景的配合是否協(xié)調(diào)，詞語和句子是否正確和規(guī)范等。B、 檢查超鏈接的可靠性。單擊“超鏈接”按鈕，切換工作模式到“超鏈接”視圖方式，查看網(wǎng)站中是否存在無效的超鏈接。C、 查找慢速網(wǎng)頁和未鏈接的文件。單擊“報表”按鈕，切換工作模式到“報表”視圖方式，檢查網(wǎng)站中是否存在下載較慢的網(wǎng)頁，未鏈接無法訪問的網(wǎng)頁和組件錯誤的網(wǎng)頁，并對這些網(wǎng)頁進(jìn)行修改和調(diào)整。學(xué)生練習(xí)：測試制作完成的網(wǎng)站。發(fā)布網(wǎng)站。自主探索?！斑h(yuǎn)程網(wǎng)站屬性”對話框的“發(fā)布”選項(xiàng)卡“常規(guī)”區(qū)有三個選項(xiàng)，它們各自的作用不同，與同學(xué)交流，在什么情況下應(yīng)該使用何種選項(xiàng)？實(shí)踐與提高：在Internet上申請一個免費(fèi)網(wǎng)站空間，并把制作完成的“美麗家鄉(xiāng)”網(wǎng)站上傳到該網(wǎng)站服務(wù)器上。