第一篇：計算機網(wǎng)頁教案

五年級上冊計算機教案(一課時)學(xué)習(xí)目標(biāo)：

1、了解Frontpage2003的主要作用，了解網(wǎng)頁的初步知識，對網(wǎng)頁制作頁面工具的作用具有初步了解；

2、學(xué)會將搜集的圖片文本素材存放相關(guān)文件夾，并了解設(shè)計網(wǎng)頁的基本理念，學(xué)會做網(wǎng)頁制作規(guī)劃圖；

3、學(xué)會根據(jù)規(guī)劃創(chuàng)建網(wǎng)站，能夠根據(jù)規(guī)劃設(shè)計簡單首頁并進行保存。

德育目標(biāo)：

通過學(xué)習(xí)網(wǎng)頁制作理解網(wǎng)絡(luò)設(shè)計工作者的辛苦勞動，在設(shè)計規(guī)劃時學(xué)生可以了解到做事前需要提前準(zhǔn)備的重要性。

新課講授：

1、導(dǎo)入：多媒體展示部分設(shè)計新穎的網(wǎng)頁頁面，點擊超級鏈接轉(zhuǎn)換不同頁面帶起學(xué)生的興趣，提問學(xué)生對網(wǎng)頁的個人了解，之后引入網(wǎng)頁制作的概念，進入主題。

2、新授：

(1)多媒體展示網(wǎng)頁制作的相關(guān)知識，并由學(xué)生討論設(shè)計網(wǎng)頁需要哪些內(nèi)容。總結(jié)并補充學(xué)生回答，引導(dǎo)學(xué)生打開Frontpage2003，介紹網(wǎng)頁制作頁面相關(guān)工具，并由學(xué)生自主操作試驗它們的作用；

(2)展示多媒體，使學(xué)生了解需要準(zhǔn)備各類素材并存入相應(yīng)文件夾。由學(xué)生搜集并存入個人設(shè)置文件夾內(nèi)，通過自己構(gòu)思的設(shè)計形式繪制網(wǎng)頁設(shè)計規(guī)劃圖，并由學(xué)生分享他們的規(guī)劃；

（3）講解如何創(chuàng)建一個網(wǎng)站，指導(dǎo)學(xué)生創(chuàng)建網(wǎng)站，并個人保存相應(yīng)路徑。之后引導(dǎo)學(xué)生設(shè)計自我規(guī)劃的特色首頁，進行簡單自我設(shè)計后保存頁面，師生共同評價部分首頁設(shè)計。

3、總結(jié)作業(yè)： 總結(jié)本課知識點，提問學(xué)生本課主要內(nèi)容檢查目標(biāo)達成情況。布置學(xué)生準(zhǔn)備其他頁面資料，并在其他渠道了解網(wǎng)頁設(shè)計方面知識。

反思總結(jié)：

第二篇：計算機網(wǎng)頁與動畫_公開課教案

計算機網(wǎng)頁與動畫_公開課教案

[教學(xué)課題]：第十五章 FLASH在網(wǎng)頁中的應(yīng)用實例制作

[教學(xué)課型]：實驗課 [教學(xué)目的]： 知識目標(biāo)——了解AS代碼的作用，掌握應(yīng)用外部文件到FLASH制作當(dāng)中，熟練動畫制作的界面和制作步驟。

2．能力目標(biāo)——培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，能夠聽老師演示一次就大致能夠按課件的制作步驟說明制作出動畫成品。

3．德育目標(biāo)——培養(yǎng)學(xué)生制作動畫的的創(chuàng)造性思維，探究能力。[教學(xué)重點和難點]：

教學(xué)重點：學(xué)生按照課件的步驟制作出動畫作品 2

教學(xué)難點：動畫的原件命名以及AS代碼部分

教學(xué)關(guān)鍵：講解步驟清晰，一步一步制作，教師巡堂解決疑難。[教學(xué)方法]：任務(wù)驅(qū)動法? 演示法

[實驗及教具]：包含完整的硬軟件資源的多媒體計算機 [教學(xué)課時]：1 [教學(xué)過程]：

課前準(zhǔn)備

已制作了相應(yīng)的網(wǎng)絡(luò)版教學(xué)課件，內(nèi)容完整，包括簡介，教學(xué)設(shè)計，步驟，效果，感想等。可供學(xué)生任何時候?qū)W習(xí)。并準(zhǔn)備了若干張本班級的JPG格式照片，供學(xué)生動畫制作時使用。

做好了教學(xué)站點（http://192.16.9.254）的建設(shè)工作，包括課件的網(wǎng)絡(luò)訪問配置，文件上傳模塊的制作，自動生成動態(tài)網(wǎng)頁觀看學(xué)生作品模塊的制作等。

學(xué)生學(xué)習(xí)的主頁面快捷方式已經(jīng)放在學(xué)生機桌面，名字是“06軟件計機網(wǎng)頁制作學(xué)習(xí)全記錄” 雙擊打開即可學(xué)習(xí)。

引入新課：（_2_分鐘）

1、講述：FLASH動畫設(shè)計是伴隨著計算機互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計新課題，同時也是網(wǎng)頁設(shè)計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動，表面上看，它不過是關(guān)于版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。本次教學(xué)實例運用FLASH8設(shè)計制作了當(dāng)今網(wǎng)絡(luò)上十分流行的一些動畫效果，采用ACTIONSCRIPT2.0和FLASH8的發(fā)布格式，最后以網(wǎng)頁格式將案例集合到同一平臺上（http://192.168.9.254）。觀看時安裝了FLASHPLAYER9.0或者以上版本以便在網(wǎng)頁上顯示。

2、講述：本次課程我們將學(xué)習(xí)制作漂移效果的動畫作品。并把做好后把動畫文件作為作業(yè)上傳到教師機上。

教學(xué)演示（__8_分鐘）

1、講述：學(xué)生可打開教學(xué)頁面“點擊開始學(xué)習(xí)”按照課件步驟進行制作！

2、演示步驟：打開多媒體教學(xué)系統(tǒng)，進行廣播教學(xué)：

（1）<下載素材>打開教學(xué)頁面，點擊“素材下載”，選擇保存，選擇桌面，確定，在桌面上解壓縮文件“picture”可得到動畫制作的素材。

（2）<導(dǎo)入圖片>打開FLASH8，創(chuàng)建新文檔，設(shè)置屬性大小為980×590，背景為黑色，ctrl＋L打開元件庫，保存文檔為自己學(xué)號如：48.fla，然后ctrl+f8新建圖形元件命名為“1”，這時要求把給出的圖片用PS改成自己選擇的照片，覆蓋掉給出的101至109.jpg圖片。然后ctrl＋r導(dǎo)入桌面上的圖片文件101.jpg，在彈出的窗口選擇“否”，以此類推，把102至109.jpg一張一張分別導(dǎo)入到圖形元件2至9當(dāng)中。

（3）<制作影片> ctrl+f8新建圖形元件命名為“b”，畫一個無邊白色矩形。ctrl+f8新建影片元件命名為“mcb”，拖元件b進舞臺，分別在3，6，9，12幀處按f6，在屬性里的ALPHA分別設(shè)置為80，60，30，0.在13幀處點擊按f7，添加“stop()；”動作。

ctrl+f8新建影片元件命名為“mc1”，拖元件1進舞臺，在第二幀按f5，插入圖層二，在圖層二的第二幀按f7，拖元件mcb進舞臺，修改屬性的大小與位置與元件1一樣（即覆蓋圖片），插入圖層三，在第一幀添加“stop()；”動作。

以此類推ctrl+f8新建影片元件命名為“mc2”，mc3至mc9，分別拖圖形元件2，3至9到舞臺當(dāng)中。新建圖層二，在圖層二的第二幀按f7，拖元件mcb進舞臺，修改屬性的大小與位置與元件2，3至9一樣，插入圖層三，在第一幀添加“stop()；”動作。這時完成了所有影片的制作工作。

（4）<添加代碼>ctrl+f8新建影片元件命名為“mcall”，分別拖影片元件“mc1”至“mc9”進舞臺，分別把屬性欄里的“實例名稱”改為“m1”至“m9”，各個影片元件稍微相連在一起。插入圖層二，點擊第一幀，把桌面上的文本文件“課件AS代碼.txt”里面的文本全部復(fù)制粘帖到這一幀的動作里面。

（5）<保存上交> 返回場景一，拖影片元件“mcall”進舞臺，插入圖層二，用文字工具寫上“06軟件班（學(xué)號）如48號（姓名）如姚明”，大小為36，白色。『選作這一步：插入圖層三，ctrl＋f8新建影片元件命名mc，ctrl＋r導(dǎo)入音樂mp3文件，在圖層三第一幀拖音樂mc進舞臺。』 文檔保存到桌面如48.fla，ctrl＋enter運行得到48.swf生成目標(biāo)文件。重新打開教學(xué)主頁面，點擊“瀏覽”選擇48.swf，點擊“上傳”，等待15秒完成。

課堂練習(xí)（_25_分鐘）

題目：按照課件步驟動手制作自己的照片的漂移動畫效果。

要求：用自己的照片，加上名字學(xué)號，聲音模塊選做，做好上交作品。

這時教師巡堂與學(xué)生互動，解決學(xué)生的與提問疑難。

課堂小結(jié)（_5_分鐘）

評講：這時大部分同學(xué)已經(jīng)做好作品上交了，教師打開教學(xué)主頁面，點擊進入“06軟件FLASH動畫作品欣賞”頁面，這時可以看見頁面內(nèi)有1至36號的矩形區(qū)域，點擊某一個號碼可打開該學(xué)號的學(xué)生上交的動畫作品觀看效果，點擊“返回”回到欣賞主頁面。這時選擇幾個作品重點講解評論。： [制作步驟流程圖]

第三篇：計算機網(wǎng)頁設(shè)計畢業(yè)論文（范文）

計算機網(wǎng)頁設(shè)計畢業(yè)論文

計算機網(wǎng)頁設(shè)計畢業(yè)論文

asp技術(shù)在交互式網(wǎng)頁設(shè)計中的運用

一、asp技術(shù)簡介

asp技術(shù) asp（active server pages動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代cgi（common gateway interface通用網(wǎng)關(guān)接口）的技術(shù)。目前，internet上的許多基于windows平臺的web站點已開始應(yīng)用asp來替換cgi。簡單地講，asp是一個位于服務(wù)器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式web服務(wù)器應(yīng)用程序，如交互式動態(tài)網(wǎng)頁，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前internet 上的許多站點，仍然提供'靜態(tài)'（static）的主頁內(nèi)容。所謂'靜態(tài)'，指的就是站點的主頁內(nèi)容是'固定不變'的。當(dāng)瀏覽器通過internet 的http(hypertext transport protocol)協(xié)議，向站點服務(wù)器(web server)要求提供主頁的內(nèi)容時，站點服務(wù)器收到要求后，就傳送原已設(shè)計好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。一個'靜態(tài)'的站點，若要更新主頁的內(nèi)容，必須手動的來更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動態(tài)生成的主頁，例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求、生成報表等。當(dāng)在瀏覽器上填好表單(form)的輸入數(shù)據(jù)，以提供http要求時，可以在站點服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個html 文件。

站點服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單(form)的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以html的格式傳送給瀏覽器。根據(jù)用戶請求生成動態(tài)主頁的傳統(tǒng)方法有cgi、isapi等。cgi是根據(jù)瀏覽器端的http請求激活響應(yīng)進程，每一個請求對應(yīng)一個進程。當(dāng)同時有很多請求時，程序擠占系統(tǒng)資源，造成效率低下；isapi針對這一缺點進行改進，利用dll（動態(tài)鏈接庫）技術(shù)，以線程代替進程，提高了性能和速度，但要考慮線程的同步問題，而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動態(tài)網(wǎng)頁的技術(shù)java都還存在著另外一個問題，那就是開發(fā)困難，程序的開發(fā)和html寫作是兩個完全不同的過程，需要專門的程序員開發(fā)。而較簡單的開發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限，不敷使用。

asp使用的activex技術(shù)基于開放設(shè)計環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴充能力，這是傳統(tǒng)的cgi等程序所遠(yuǎn)遠(yuǎn)不及的地方。asp與常見的在client端實現(xiàn)動態(tài)主頁的技術(shù)如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的web頁面并送到瀏覽器；而client端技術(shù)的script命令則是由瀏覽器來解釋執(zhí)行。由于asp是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持asp；同時由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。

asp通過后綴名為.asp的asp文件來實現(xiàn)，一個.asp文件相當(dāng)于一個可執(zhí)行文件，因此必須放在web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個url請求發(fā)給web server，如果web server上裝了asp，就調(diào)用asp。asp讀出相應(yīng).asp文件，解釋并執(zhí)行命令，動態(tài)生成一個html頁面回傳web server，然后web server再把結(jié)果發(fā)送給瀏覽器。asp文件的制作和html類似，且和html開發(fā)集成，可以在同一個過程完成，利用asp將可以執(zhí)行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫與腳本的開發(fā)融合在一起。通過asp內(nèi)置的對象、服務(wù)器組件（server component）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴展模式有著以下優(yōu)點：

(1)完全與html文件融合在一起；

(2)容易創(chuàng)建，不需要其它編譯、鏈接程序；

(3)面向?qū)ο蟮牟⑼ㄟ^activex server對象可擴展。

二、電子商務(wù)數(shù)據(jù)訪問方式

電子商務(wù)是指通過電子方式，并在網(wǎng)絡(luò)基礎(chǔ)上實現(xiàn)物資、人員過程的協(xié)調(diào)，以便商業(yè)交換的活動。在電子商務(wù)系統(tǒng)中，web提供了與客戶進行通信聯(lián)絡(luò)的有效手段，利用web技術(shù)，實現(xiàn)web服務(wù)器與數(shù)據(jù)庫系統(tǒng)的連接，完成對數(shù)據(jù)的處理與查詢，用戶可以通過操作簡單易學(xué)的瀏

覽器來查詢處理所需要的各種數(shù)據(jù)。實現(xiàn)web服務(wù)器與數(shù)據(jù)庫的連接一般有兩種方法：一種是利用中間件技術(shù)在兩者之間建立連接和通信，如cgi(通用網(wǎng)關(guān)接口)和api(應(yīng)用程序編程接口)。

web服務(wù)器通過調(diào)用cgi程序?qū)崿F(xiàn)與web瀏覽器的交互，即cgi程序接受瀏覽器發(fā)給web服務(wù)器的信息，進行處理后，將相應(yīng)結(jié)果再送回給web服務(wù)器，通過web服務(wù)器將信息傳送給瀏覽器。但cgi程序在響應(yīng)速度和資源利用等方面有較大局限性，客戶端每請求一個cgi程序，服務(wù)器端便打開一個進程，當(dāng)請求的數(shù)量較大時容易引起瓶頸現(xiàn)象，開發(fā)人員常利用api編程來擴展服務(wù)器功能，api程序占系統(tǒng)資源少，運行效率較高，但它的編程較cgi程序更為復(fù)雜；另一種是由瀏覽器中的java小應(yīng)用程序(java applet)通過瀏覽器訪問web服務(wù)器上的數(shù)據(jù)庫，利用了jdbc(java database connectivity)技術(shù)，它通過jdbc提供的api實現(xiàn)對web server的訪問。由于java applet本身的局限性，目前大多數(shù)的應(yīng)用是基于中間件技術(shù)的。asp也是屬于中間件的一種模式，但在windows平臺上它比較網(wǎng)關(guān)及服務(wù)器擴展模式有著較大的優(yōu)點。網(wǎng)關(guān)的最大特點是它的平臺無關(guān)性，但網(wǎng)關(guān)程序通常較難編寫和改變。網(wǎng)關(guān)程序通常是一個獨立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語言來編寫?yīng)毩⒌膽?yīng)用程序，而asp應(yīng)用改變了這一點。使用asp不僅可以讀取access和 sql server的數(shù)據(jù)庫，而且還可以讀取其他odbc（open database connect 開放式數(shù)據(jù)庫互聯(lián)）兼容的數(shù)據(jù)庫。

在asp中訪問數(shù)據(jù)庫是通過ado(activex database object活動數(shù)據(jù)對象)及事務(wù)處理語句來實現(xiàn)的。ado是一種操作microsoft所支持的數(shù)據(jù)庫的方法，是一項容易使用并且可擴展的將數(shù)據(jù)庫訪問添加到 web 頁的技術(shù)。ado對象的使用與dao（數(shù)據(jù)訪問對象）、rdo（遠(yuǎn)程數(shù)據(jù)對象）的方式相似。在asp中，ado可以看作是一個服務(wù)器組件，更簡單點說，是一系列的對象，應(yīng)用這些功能強大的對象，即可輕松完成對數(shù)據(jù)庫復(fù)雜的操作。

三、asp在電子商務(wù)中的應(yīng)用

在電子商務(wù)中，對用戶而言，進行網(wǎng)上信息查詢的目的是尋找自己需要的產(chǎn)品或服務(wù)，而對于商品或服務(wù)提供者來說，其目的則是向用戶推銷自己的產(chǎn)品或服務(wù)。因此，讓用戶通過瀏覽器查詢服務(wù)器的后端數(shù)據(jù)庫是許多web服務(wù)提供者必需有的服務(wù)，asp通過內(nèi)置的adodb組件來實現(xiàn)這一功能。可以使用ado去編寫緊湊簡明的腳本以便連接到odbc 兼容的數(shù)據(jù)庫和 ole db 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：

① 創(chuàng)建數(shù)據(jù)庫源名（dsn）adodb通過odbc工作，因此要在odbc中設(shè)置dsn（數(shù)據(jù)源名）。打開windows的'控制面板'，雙擊'odbc'的圖標(biāo)，然后選擇'文件 dsn '的屬性頁，單擊<添加，選擇數(shù)據(jù)庫驅(qū)動程序，然后單擊'下一步'，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱，然后單擊'下一步'，再單擊'完成'創(chuàng)建數(shù)據(jù)源。

②創(chuàng)建數(shù)據(jù)庫鏈接 鏈接用以保持一些關(guān)于正在訪問的數(shù)據(jù)的動態(tài)信息，以及鏈接者信息。利用adodb的成員函數(shù)open和先前設(shè)定的dsn與數(shù)據(jù)庫連接，其語法如下：

setconnect=server.createobject('adodb.connection')’創(chuàng)建了鏈接對象connect。connect.open('dsn=dsnname；uid=userid；pwd=password')’打開鏈接。dsnname為數(shù)據(jù)源名；userid為用戶名；password為用戶口令。③創(chuàng)建數(shù)據(jù)對象 ado中的數(shù)據(jù)對象通常保存的是查詢結(jié)果。recordset 是ado中最復(fù)雜的對象，有許多屬性和方法，靈活運用，可以達到許多好的效果。其創(chuàng)建方法如下： set recordset =connect.execute(sqtstr)’創(chuàng)建并打開了對象recordset，sqtstr是一個串，代表一條標(biāo)準(zhǔn)的sql語句。例如： sqlstr='select*from b1' set recordset =connect.execute(sqlstr)這條語句執(zhí)行后，對象recordset中就保存了b1中的所有記錄。

④操作數(shù)據(jù)庫 可利用execute方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。如執(zhí)行插入操作： sqlstr='insert into b1values(1,2)' connect.execute(sqlstr)⑤關(guān)閉數(shù)據(jù)對象和鏈接 在使用了ado對象之后，一定要關(guān)閉數(shù)據(jù)對象和鏈接。在asp中通過調(diào)用方法close實現(xiàn)關(guān)閉。關(guān)閉創(chuàng)建的數(shù)據(jù)對象：record set.close set record set=nothing 關(guān)閉創(chuàng)建的鏈接對象：connect.close set connect=nothing 完整的程序片段：

//產(chǎn)生組件實例

<％

setconnect=server.createobject('adodb.connection')//連接數(shù)據(jù)庫

connect.open('dsn=dsnname;uid=userid;pwd=password')//執(zhí)行查詢

sql=select＊fromtablename setrs=connect.execute(sql)％

//顯示結(jié)果

<％dowhile not rs.eof％

<％=rs(fieldname)％ <％

rs.movenext

loop ％

上述是用asp訪問數(shù)據(jù)庫的全過程，由于應(yīng)用面向?qū)ο笏枷耄胁僮鞫急容^簡單，用戶需要注意的僅是對數(shù)據(jù)結(jié)構(gòu)的了解、當(dāng)前所操作的對象及對象的屬性等等，只要對這些有了清晰的認(rèn)識，再加上asp強大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫，實現(xiàn)用戶與頁面間交換信息，就再也不是什么難事了。

第四篇：下載網(wǎng)頁教案

下載網(wǎng)頁教案

一、學(xué)習(xí)目標(biāo)：

(1)學(xué)會下載網(wǎng)頁的方法。

(2)學(xué)會移動文件（文件夾）的方法。

(3)以教師演示講授、引導(dǎo)啟發(fā)和學(xué)生討論嘗試、自主學(xué)習(xí)相結(jié)合的方式，學(xué)會在因特網(wǎng)上下載有用的網(wǎng)頁。

(4)通過導(dǎo)入展示的精美網(wǎng)頁激發(fā)學(xué)生學(xué)習(xí)下載網(wǎng)頁的興趣，并進一步提高學(xué)生使用信息技術(shù)的能力。

(5)在保存圖片的自主探究中，培養(yǎng)學(xué)生發(fā)現(xiàn)問題并自我解決問題的能力，提升學(xué)生的自學(xué)能力。

二、教學(xué)重點、難點：

1、學(xué)會下載網(wǎng)頁和移動文件（文件夾）的方法。

2、保存網(wǎng)頁后應(yīng)該有兩個文件，復(fù)制操作和移動操作的區(qū)別。

三、教學(xué)過程：

（一）導(dǎo)入

師：同學(xué)們，我們先一起來欣賞一些網(wǎng)頁吧！這些網(wǎng)頁好看嗎？同學(xué)們一定非常想保留下來吧？好！今天我們就來學(xué)習(xí)下載網(wǎng)頁！（出示課題）

（二）新授

1、下載網(wǎng)頁

師：如果我們作為小小老師，向別人介紹中國兒童資源網(wǎng)的時候，能把完整的網(wǎng)頁也呈現(xiàn)給大家，那同學(xué)們就更容易理解了。回憶一下我們前面學(xué)習(xí)的下載圖片和下載文字的方法，那么能不能把網(wǎng)頁完整的下載下來，即使在斷開網(wǎng)絡(luò)時也能看到完整的網(wǎng)頁呢？

師停頓，生沉思片刻

生回答上臺演示

一生：首先全部選定

一生準(zhǔn)備按住鼠標(biāo)左鍵全部拖動 有學(xué)生插嘴：按Ctrl+A 一生用自己方法選定后，又嘗試了Ctrl+A，非常成功，然后復(fù)制，打開Word文檔，粘貼。

師：非常棒！XX學(xué)生用了我們前面下載文字的方法復(fù)制了網(wǎng)頁中所有的內(nèi)容，真會學(xué)以致用但是，我們小朋友仔細(xì)觀察一下，用這種方法，有沒有把網(wǎng)頁中所有內(nèi)容完整保存下來。

生討論回答，找出不同之處。師：那么怎么辦呢？ 二生：把它添加到收藏夾

師：我們一起回憶一下，在哪兒用過“添加到收藏夾”

生回答

師小結(jié)：添加到收藏夾是幫助我們快速訪問網(wǎng)站的方法，不是把網(wǎng)頁下載到我們計算機里。

三生：文件——另存為

師強調(diào)保存類型

師讓學(xué)生掌聲鼓勵操作正確的三生。

我們來看看保存好的網(wǎng)頁，和前面下載文字的文件有什么不同嗎？出現(xiàn)了兩個文件，一個是網(wǎng)頁文件，一個是同名文件夾。這個文件夾里有些什么文件？（學(xué)生可以點擊文件夾瀏覽）

如果這個文件夾不見了，或者網(wǎng)頁文件放到了其他文件夾里，又會怎樣？（如果有學(xué)生發(fā)生這樣的問題也可以由學(xué)生提出）自己嘗試一下，然后和小組同學(xué)交流或者翻看書本，把你的交流結(jié)果告訴大家。

討論保存網(wǎng)頁的要領(lǐng)。

好，下面同學(xué)們自己來試一試，查找我們江陰一個景點的網(wǎng)頁，然后把網(wǎng)頁保存到“我的文檔”里。

師生解決操作中遇到的問題。

2、移動文件和文件夾。（打開網(wǎng)頁文件夾，用縮略圖方式顯示圖片）這是剛才下載的網(wǎng)頁中的圖片，很漂亮，老師很喜歡，想把它放入自己的文件夾里，可以怎么辦呢？（復(fù)制文件）（前面有復(fù)制文件（文件夾）的基礎(chǔ)）

師讓學(xué)生獨立完成移動文件（文件夾）的操作 四人一小組討論移動的方法 組內(nèi)匯報演示

學(xué)生的匯報實在精彩，方法多種多樣

1、按右鍵剪切——粘貼

粘貼的方法（1）直接在文件夾上按右鍵粘貼

（2）打開文件夾后粘貼

2、直接拖動

3、在菜單欄上選擇“移動到文件夾”

兩人合作探究選定多個文件的方法，教師提示兩個功能鍵Ctrl，Shift 學(xué)生匯報

1、不連續(xù)的選定Ctrl

2、連續(xù)的選定Shift

3、用鼠標(biāo)框住 誤操作帶來的意外發(fā)現(xiàn)

生：按住Ctrl健選定多個文件，不小心進行了“拖動”操作，復(fù)制了多個文件。

師總結(jié)： shift：按住shift鍵，把鼠標(biāo)指針指向最后一個要選定的文件，然后單擊，就可以選定首尾兩個文件之間的所有文件。被選中的文件都是以藍底白字顯示。（廣播演示）ctrl：選定不連續(xù)的文件

學(xué)會這幾種選定文件的方法，有再多的文件要選定我們都不怕了。下面請同學(xué)們將下載的網(wǎng)頁文件夾里的圖片移動到你的文件夾里。

小結(jié)：我們可以用復(fù)制或移動的方法把文件放入其他的文件夾里，也可以同樣的操作把文件夾復(fù)制或移動到其他的文件夾里。

3、比較。

剛才我們用了兩種方法把文件放進自己的文件夾里，那到底復(fù)制文件和移動文件兩種操作有什么不同呢？（學(xué)生歸納總結(jié)）

三、總結(jié)。

通過今天的學(xué)習(xí)，你有了哪些收獲呢？希望同學(xué)們在以后的操作中，靈活運用我們今天學(xué)到的知識！

第五篇：網(wǎng)頁教案

三、DW安裝應(yīng)用

在學(xué)網(wǎng)頁創(chuàng)建中，有一款非常重要的軟件叫ＤＷ軟件，它件全稱：Ｄreamweaver，被稱為網(wǎng)頁三劍客之一． ＤＷ軟件學(xué)習(xí)內(nèi)容： １.ＤＷ軟件下載安裝

２.創(chuàng)建ＨＴＭＬ文檔和ＣＳＳ樣式表并將二者關(guān)聯(lián)起來 ３.ＤＷ軟件的應(yīng)用 Ａ.ＨＴＭＬ文檔的創(chuàng)建 １.打開ＤＷ軟件

２.如果想創(chuàng)建一個ＨＴＭＬ文檔，只要點擊“新建”下面的ＨＴＭＬ，這個就完成了一個ＨＴＭＬ文檔的創(chuàng)建。

３.在當(dāng)前頁面點擊“代碼”，就可以看到我們新建一個ＨＴＭＬ文檔的時候，包括“聲明”、“標(biāo)簽”、“根元素”還有標(biāo)簽及里面的和