【正文】 確認(rèn)無(wú)誤后，把制作的網(wǎng)站發(fā)布到本地或者 Internt上，然后測(cè)試發(fā)布結(jié)果。信息驗(yàn)證無(wú)誤后，返回工作窗口，窗口中顯示連接成功信息； 5. 在窗口右上區(qū)域的本地文件夾中選擇要發(fā)布的網(wǎng)站，在本地文件夾下顯示網(wǎng)站文件和文件夾列表，選取所有網(wǎng)站文件和文件夾，用鼠標(biāo)拖動(dòng)到左邊的FTP 站點(diǎn)。 FTP 軟件有很多種，比如 CuteFtp、 FlashFxp、 LeapFtp 等。 45 {所謂發(fā)布站點(diǎn)，就是將網(wǎng)站內(nèi)容復(fù)制到遠(yuǎn)程服務(wù)器上的過(guò)程。 完成網(wǎng)站內(nèi)所有網(wǎng)頁(yè)的編輯后，經(jīng)過(guò)檢查無(wú)誤，就可以發(fā)布站點(diǎn)了。 3. 復(fù)制已經(jīng)作好的動(dòng)畫(huà)網(wǎng)頁(yè)，粘貼后，更改動(dòng)畫(huà)標(biāo)題及插件數(shù)據(jù)源，使其成為新的動(dòng)畫(huà)網(wǎng)頁(yè)，并保存； 4. 所有的動(dòng)畫(huà)網(wǎng)頁(yè)都制作完成后，完成 “上一個(gè) ”、 “下一個(gè) ”的超級(jí)鏈接即可。 } 1. 打開(kāi)網(wǎng)站及文件夾列表，選中要建立新文件夾的站點(diǎn) 文件夾 E:\wxjy； 2. 單擊 “文件 ”→“ 新建 ”→“ 文件夾 ”，在文件夾列表中就會(huì)出現(xiàn)一個(gè)新的文件夾。 六 .思考與練習(xí) 1. 導(dǎo)入圖片有什么好處？ 2. 將自己的計(jì)算機(jī)繪畫(huà)作品制作成一個(gè)網(wǎng)頁(yè) 第十四課 動(dòng)畫(huà)世界 ——Flash動(dòng)畫(huà)的插入 教學(xué)目的與要求： 1. 掌握在網(wǎng)站內(nèi)建立新文件夾的方法； 2. 掌握插入 Flash動(dòng)畫(huà)的方法； 3. 制作 “動(dòng)畫(huà)世界 ”網(wǎng)頁(yè)。有什么更方便的辦法更換單元格中的圖片呢？ 由于要更換的圖片在網(wǎng)站外，我們可以將它們導(dǎo)入到網(wǎng)站的 images 文件夾內(nèi)，之后在調(diào)用更方便多了。 教學(xué)重難點(diǎn)： 1. 制作 “小小畫(huà)廊 ”網(wǎng)頁(yè) 教學(xué)過(guò)程： 一 .復(fù)習(xí)鞏固 41 二 .引入新 課 “風(fēng)采展示 ”下的 “小小畫(huà)廊 ”頁(yè)面可以充分展示同學(xué)們的繪畫(huà)作品，今天我門(mén)就來(lái)學(xué)習(xí)如何制作 “小小畫(huà)廊 ”。選中需要建立超級(jí)鏈接的文字，即文章頂端的小標(biāo)題 “孫悟空三考李西歌 ”。將光標(biāo)定位在超級(jí)鏈接的目標(biāo)位置，即文章第一部分 “孫悟空三考李西歌 ”的前面。 四 .在習(xí)作一創(chuàng)建書(shū)簽 {習(xí)作一的文章 “悟空、八戒油城見(jiàn)聞 ”，文章這么長(zhǎng)，分為 “孫悟空三考李西歌 ”、 “豬八戒逛油城 ”兩部分。 (1)插入一個(gè)表格，并設(shè)置表格背景； (2)再在這一表格內(nèi)插入一個(gè) 8 行 2 列的表格，設(shè)置為水平居中，在相應(yīng)單元格內(nèi)輸入文章標(biāo)題及序號(hào)。 “風(fēng)采展示 ”網(wǎng)頁(yè)下面含有 “習(xí)作園地 ”、 “小小畫(huà)廊 ”、 “動(dòng)物世界 ”等頁(yè)面， “習(xí)作園地 ”頁(yè)面下又含有同學(xué)們的許多篇文章。 制作了許多類(lèi)似的個(gè)人小檔案網(wǎng)頁(yè)，為了使這些相似的網(wǎng)頁(yè)的顯示效果產(chǎn)生一定的變化，我們可以為每位同學(xué)的個(gè)人檔案網(wǎng)頁(yè)設(shè)置網(wǎng)頁(yè)過(guò)渡效果。為 Email 信箱設(shè)置超級(jí)鏈接的方法與文字和圖片設(shè)置超級(jí)鏈接的方法稍有不同。輸入個(gè)人檔案內(nèi)容。 我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)用到網(wǎng)頁(yè)屬性、表格屬性、單元格屬性、圖片屬性等。為了使所有的照片大小一致，我們可以使用 “圖片屬性 ”來(lái)設(shè)置。 教學(xué)重難點(diǎn)： 1. 利用圖片屬性設(shè)置圖片的大??； 2. 制作個(gè)人小檔案。 四 .用模版網(wǎng)頁(yè)制作班級(jí)榮譽(yù)網(wǎng)頁(yè) 1. 復(fù)制模版網(wǎng)頁(yè)。打開(kāi) “”網(wǎng)頁(yè)，將表格定位在第一個(gè)表格，單擊 “表格 ”→“ 選定 ”→“ 表格 ”。怎樣布局呢？ 34 由于網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成的，這些網(wǎng)頁(yè) 中通常有些內(nèi)容是相同的，如標(biāo)志圖片、橫幅廣告、導(dǎo)航條等。首先，將光標(biāo)定位在插入校園風(fēng)光圖片的單元格內(nèi)，然后 1. 單擊 “插入 ”→“ 組件 ”→“ 橫幅廣告管理器 ”，彈出 “橫幅廣告管理器屬性 ”對(duì)話框； 2. 單擊 “添加 ”按鈕，依次添加要顯示的圖片； 3. 單擊 “確定 ”按鈕。接下來(lái)，只要把相應(yīng)的內(nèi)容放到不同的單元格就可以了。 32 2. 將光標(biāo)放到第一個(gè)表格下方，再繼續(xù)插入一個(gè) 1 行 6 列的表格，用于排放欄目。當(dāng)要制作一個(gè)內(nèi)容較復(fù)雜的網(wǎng)頁(yè)時(shí)，可以插入兩個(gè)或多個(gè)規(guī)范的表格來(lái)定位，使每個(gè)表格不過(guò)于復(fù)雜，方便我們的編輯。 教學(xué)過(guò)程： 一 .復(fù)習(xí)鞏固 二 .引入新課 制作了首頁(yè)，我們就好象擁有可一扇大門(mén)，推開(kāi)這扇門(mén)就應(yīng)該看到里面豐富多彩的內(nèi)容。 教學(xué)重難點(diǎn)： 1. 制作歡迎字幕。 五．保存網(wǎng)頁(yè) 1．把 “背景 .gif”更名為 “”，保存在 images 文件夾內(nèi)。 三．為網(wǎng)頁(yè)設(shè)置背景 1．單擊 “格式 ”→“ 背景 ”，打開(kāi) “網(wǎng)頁(yè)屬性 ”對(duì)話框。 第四課 溫馨浪漫的音樂(lè)茶座 29 ——設(shè)置背景圖片和音樂(lè) 教學(xué)目的與要求： 1．掌握設(shè)置背景圖片的方法； 2．掌握設(shè)置背景音樂(lè)的方法； 3．掌握保存背景音樂(lè)的方法。 判斷自己所制作的網(wǎng)頁(yè)是靜態(tài)還是動(dòng)態(tài)由于現(xiàn)在的網(wǎng)站有靜態(tài)和動(dòng)態(tài)網(wǎng)頁(yè)之分，通過(guò)學(xué)生閱讀，理解什么叫靜態(tài)網(wǎng)頁(yè)？什么叫動(dòng)態(tài)網(wǎng)頁(yè)？并能根據(jù)掌握的 28 就叫動(dòng)態(tài)網(wǎng)頁(yè)？ 網(wǎng)頁(yè) 判斷“信息技術(shù)論壇”網(wǎng)站是靜態(tài)還是動(dòng)態(tài)網(wǎng)頁(yè) 概念進(jìn)行區(qū)分。 學(xué)生根據(jù)教學(xué)評(píng)價(jià)表中的評(píng)價(jià)量規(guī)指標(biāo)作自評(píng)和互評(píng)。 上交作業(yè)：通過(guò)FTP 上傳到作業(yè)區(qū) 題的能力。 *任務(wù)三：嘗試在網(wǎng)頁(yè)中添加 下雨特效代碼。 明確小任務(wù)的具體要求，給學(xué)生了解這節(jié)課具體要掌握的知識(shí)技術(shù)。 明確學(xué)習(xí)總?cè)蝿?wù)，選用DreamweaveMX 2020軟件來(lái)完成效果。體會(huì)詩(shī)歌意境，激情增趣。 拓展學(xué)生的眼界，讓他們將所學(xué)知識(shí)應(yīng)用到更廣的網(wǎng)頁(yè)設(shè)計(jì)中去。 學(xué)生參與交流評(píng)價(jià) 培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的審美能力、創(chuàng)新能力。 學(xué)生根據(jù)學(xué)件提示，自主完成超鏈接的設(shè)置，從而體會(huì)框架網(wǎng)頁(yè)的特點(diǎn)與優(yōu)勢(shì)。 學(xué)生依照學(xué)件完善自己的框架網(wǎng)頁(yè)。 解后模仿操作，有效突破。 要求學(xué)生獨(dú)立完成 3個(gè)框的設(shè)計(jì)制作。 請(qǐng)學(xué)生思考：用設(shè)置初始網(wǎng)頁(yè)的方法建立的網(wǎng)頁(yè)需要再單獨(dú)保存一個(gè)網(wǎng)頁(yè)嗎？ 學(xué)生觀察教師操作的內(nèi)容，掌握新建、保存框架網(wǎng)頁(yè)的方法，并對(duì)教師在制作過(guò)程中提出的問(wèn)題進(jìn)行思考猜想。教師簡(jiǎn)單描述這兩個(gè)按鈕的不同。 為了讓學(xué)生能更好的學(xué)習(xí)框架網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，必須要理解框架網(wǎng)頁(yè)的概念、特點(diǎn)及作用。 框架網(wǎng)頁(yè)是一種特殊的網(wǎng)頁(yè)，它將瀏覽器窗口分割成不同的區(qū)域，每一個(gè)區(qū)域我們就稱(chēng)為一個(gè)框，這些框可獨(dú)立顯 示網(wǎng)頁(yè)。 引出主題 展示已做好的“清明節(jié)”框架網(wǎng)頁(yè)，教師點(diǎn) 擊超鏈接做簡(jiǎn)單介紹。 情感態(tài)度與價(jià)值觀 （ 1）通過(guò)以“清明節(jié)”為主題的框架 結(jié)構(gòu)網(wǎng)頁(yè)制作活動(dòng)，了解更多有關(guān)清明節(jié)由來(lái)、習(xí)俗等方面的知識(shí)，呼吁大家一起來(lái)關(guān)注傳統(tǒng)文化。 （ 3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來(lái)制作網(wǎng)頁(yè)。 根據(jù)任務(wù)完成情況進(jìn)行自我評(píng)價(jià)。 傳文件。 提交表單，檢驗(yàn)是否成功、所填寫(xiě)的信息是否都已正確顯示。 表單的提交 〖講授、提示〗表單的提交。 積極思考，回答問(wèn)題。 20 〖提問(wèn)〗 單擊“提交”按鈕，為何提示出錯(cuò)？ 引導(dǎo)學(xué)生繼續(xù)完成任務(wù)二，為表單的成功發(fā)布做準(zhǔn)備。 修改調(diào)整，上傳文件。 展示學(xué)生作品，反饋任務(wù)一完成情況，分析典型錯(cuò)誤。 完成環(huán)保知識(shí)調(diào)查。 三、課堂小結(jié) 19 第 1 14 課時(shí)： 第 八 課 制作表單網(wǎng)頁(yè) 教學(xué)目標(biāo)： 知識(shí)目標(biāo)：了解表單網(wǎng)頁(yè)的功能與用途，了解表單網(wǎng)頁(yè)從設(shè)計(jì)到發(fā)布的完整過(guò)程。 添加網(wǎng)頁(yè)背景 為了進(jìn)一步美化網(wǎng)頁(yè)，還可以適當(dāng)設(shè)置網(wǎng)頁(yè)的背景。打開(kāi)“創(chuàng)建超鏈接”對(duì)話框。 制作書(shū)簽 師：網(wǎng)頁(yè)的內(nèi)容制作完成了，同學(xué)們現(xiàn)在瀏覽一下這個(gè)網(wǎng)頁(yè)的第二篇、第四篇文章，發(fā)現(xiàn)什么問(wèn)題了嗎？ 生：?? 師：有沒(méi)有什么好辦法？讓我們想找哪篇文章就一下子找到呢？ 師：可以利用 frontpage 的書(shū)簽功能，幫我們實(shí)現(xiàn)這個(gè)想法 制作書(shū)簽的方法： 第一步：在頁(yè)面編輯區(qū)中選定第一篇文章的題目，單擊插入菜單中的書(shū)簽命令。這節(jié)課我們就以制作“星星書(shū)屋”網(wǎng)頁(yè)為例，介紹在網(wǎng)頁(yè)中如何制作和使用書(shū)簽。 過(guò)程與方法：在小組活動(dòng)中培養(yǎng)學(xué)生自我探究、主動(dòng)學(xué)習(xí)、自我創(chuàng)新的能力，培養(yǎng)學(xué)生如何獲取信息、處理信息和應(yīng)用信息的能力。 創(chuàng)建好首頁(yè)到 “班級(jí)簡(jiǎn)介 ”頁(yè)面的超級(jí)鏈接后，我們可以輕松地從首頁(yè)進(jìn)入到“班級(jí)簡(jiǎn)介 ”頁(yè)面。然后 1. 單擊 “插入 ”→“ 超鏈接 ”，彈出 “創(chuàng)建超鏈接 ”對(duì)話框； 2. 選擇超鏈接到的網(wǎng)頁(yè)。如第一個(gè)頁(yè)面中包括 “校園風(fēng)景 ”、 “組織機(jī)構(gòu) ”、 “校園明星 ”、 “師資隊(duì)伍 ”等欄目，“校園風(fēng)景”欄目 又分別鏈接有 “教學(xué)樓 ”網(wǎng)頁(yè)、 “孺子樓 ”網(wǎng)頁(yè)、 “書(shū)山閣 ”網(wǎng)頁(yè) 等六大內(nèi)容。我們把從一個(gè)頁(yè)面到另一個(gè)頁(yè)面的鏈接叫做超級(jí)鏈接。 師：每制作好一個(gè)網(wǎng)頁(yè)，我們都應(yīng)該給這個(gè)網(wǎng)頁(yè)起一個(gè)標(biāo)題，這個(gè)標(biāo)題在瀏覽者瀏覽網(wǎng)頁(yè)會(huì)在標(biāo)題欄里看到。 第七步：用以上方法，在其他單元格中插入圖片和說(shuō)明文字，并為圖片設(shè)置縮略圖技術(shù)。 第三步：把插入點(diǎn)移到第 2 行第 1 列的單元格中，然后單擊常用工具欄中的 “來(lái)自文件”按鈕，插入事先準(zhǔn)備好的教學(xué)樓正面圖片。 制作“教學(xué)樓”網(wǎng)頁(yè) 由于我們要把“教學(xué)樓”圖片按照正面、背面、側(cè)面三個(gè)角度展示給訪問(wèn)者，所以為了使圖片整齊、有序，同樣采用表格布局，把 圖片及說(shuō)明文字放在表格的不同單元格中。 二、新授 制作“校園風(fēng)景”網(wǎng)頁(yè) “校園風(fēng)景”欄目是用來(lái)展示校園各處風(fēng)景的圖片的，為了讓訪問(wèn)網(wǎng)站的人能夠方便的找到自己感興趣的圖片，可以先把收集到的圖片分類(lèi) ，如分成“教學(xué)樓”、“孺子樓”、“書(shū)山閣”等，然后把這些圖片插入不同的網(wǎng)頁(yè)。 四、課堂小結(jié)： 11 第 9 課時(shí)： 第 五 課 制作校園風(fēng)景 欄目 教學(xué)目標(biāo)： 學(xué)會(huì)制作“校園風(fēng)景” 網(wǎng)頁(yè)。 將光標(biāo)定位在要插入字幕的單元格中， 1. 單擊 “插入 ”→“ 組件 ”→“ 字幕 ”，彈出 “字幕屬性 ”對(duì)話框； 2. 輸入文字； 3. 單擊 “確定 ”按鈕。今天，我們學(xué)習(xí)制作滾動(dòng)字 幕的方法。 師演示操作方法： 第一步：選擇主頁(yè)中的第一