蜜臀AV在线播放一区二区三区,国产激情无码一区二区在线看,亚洲日韩久久综合中文字幕

主頁 > 知識庫 > 網(wǎng)頁教案,針對初學(xué)者的教案

網(wǎng)頁教案,針對初學(xué)者的教案

教學(xué)主題
網(wǎng)頁
適用年級
高二年級
教學(xué)課時
1課時
教材分析
重點：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的組成方式及其工作過程
難點：動態(tài)網(wǎng)頁的工作過程
學(xué)習(xí)目標(biāo)
了解網(wǎng)頁、主頁、網(wǎng)站的基本概念以及它們之間的關(guān)系，理解靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的概念，了解靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的技術(shù)，能解釋其工作過程
所需資源和環(huán)境
數(shù)字化資源
1. 搜索引擎(www.google.com,www.baidu.com)
2. 若干演示網(wǎng)頁（靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁）
常規(guī)資源
1. 教材《網(wǎng)絡(luò)技術(shù)應(yīng)用》第五章第1節(jié)；配套光盤
2. 教材配套教師用書
3. 《網(wǎng)頁》學(xué)習(xí)任務(wù)單
教學(xué)支撐環(huán)境
計算機網(wǎng)絡(luò)教室、多媒體網(wǎng)絡(luò)教室軟件或液晶投影儀
教學(xué)設(shè)計

問題
目的
重點/難點/關(guān)鍵點
教學(xué)引導(dǎo)問題設(shè)計
什么是網(wǎng)站？什么是網(wǎng)頁？什么是主頁？
了解網(wǎng)站、網(wǎng)頁、主頁的含義

網(wǎng)站由什么構(gòu)成的？
了解網(wǎng)站的各個組成部分
網(wǎng)站標(biāo)志，頁眉區(qū)，熱點推薦區(qū)
我們平常在因特網(wǎng)上看到的網(wǎng)頁是由什么組成的?
讓學(xué)生了解靜態(tài)網(wǎng)頁的組成代碼——HTML
了解HTML語言的結(jié)構(gòu)及基本標(biāo)簽
靜態(tài)網(wǎng)頁是如何顯示在瀏覽器中的？
掌握靜態(tài)網(wǎng)頁在瀏覽器中的工作過程
瀏覽器對HTML代碼的解釋過程
那些有交互操作的網(wǎng)頁是由什么組成的？
讓學(xué)生了解靜態(tài)網(wǎng)頁的構(gòu)成
理解腳本語言
動態(tài)網(wǎng)頁是如何在用戶的交互下顯示在瀏覽器中的？
掌握動態(tài)網(wǎng)頁在瀏覽器中的工作過程
動態(tài)網(wǎng)頁的執(zhí)行過程
教學(xué)過程
一、新課引入：
凡是接觸過因特網(wǎng)的同學(xué)，都應(yīng)該訪問過網(wǎng)站、看到過網(wǎng)頁。大家所看到的網(wǎng)頁，一般都有一些固定的格式的，比如說標(biāo)題、網(wǎng)站標(biāo)志等，而就網(wǎng)頁的分類來說，一般來說可以分為兩類，一類是不隨用戶的操作而變化的，叫做靜態(tài)網(wǎng)頁，另一類是隨著用戶的操作而變化的，這類網(wǎng)頁叫動態(tài)網(wǎng)頁。
今天我就來討論一下關(guān)于網(wǎng)頁的問題。
二、教學(xué)內(nèi)容：
通過搜索引擎搜索一些典型的網(wǎng)站，展示給學(xué)生。
1．網(wǎng)站、網(wǎng)頁、主頁的概念及三者關(guān)系
當(dāng)今人們訪問的國際互聯(lián)網(wǎng)，是由一個個的網(wǎng)站組成的，而網(wǎng)站是由一張張具體的網(wǎng)頁組成的，主頁則相當(dāng)于網(wǎng)站的起始頁，起著引導(dǎo)連接作用，一般來說，用戶可以通過主頁訪問到網(wǎng)站的大部分網(wǎng)頁。

設(shè)問：什么是網(wǎng)站？什么是網(wǎng)頁？什么是主頁？
活動：教師講解網(wǎng)站、網(wǎng)頁、主頁的含義及三者間的關(guān)系。

2．網(wǎng)頁頁面結(jié)構(gòu)
常見網(wǎng)站的頁面結(jié)構(gòu)一般由頁面標(biāo)題、網(wǎng)站標(biāo)志（LOGO）、頁眉區(qū)、導(dǎo)航欄、登錄區(qū)、搜索區(qū)、推薦熱點區(qū)、主要內(nèi)容區(qū)、頁腳區(qū)等組成。

3．靜態(tài)網(wǎng)頁的概念
靜態(tài)網(wǎng)頁是在服務(wù)器上以文件形式存放并以相同格式發(fā)送給客戶的網(wǎng)頁。
靜態(tài)網(wǎng)頁是用超文本標(biāo)記語言寫的文件。

設(shè)問：我們平常在因特網(wǎng)上看到的網(wǎng)頁是由什么組成的?
活動：教師講解靜態(tài)網(wǎng)頁的組成，超文本標(biāo)記語言（HTML）的特點。
探索：學(xué)生操作，瀏覽一張網(wǎng)頁時查看網(wǎng)頁的源文件。

4．靜態(tài)網(wǎng)頁顯示在瀏覽器中的原理
靜態(tài)網(wǎng)頁從服務(wù)器上以相同格式發(fā)送給客戶的文件，但這個文件在到達瀏覽器后，瀏覽器需要查找文件中的HTML代碼，然后將特定的HTML代碼用特定的形式顯示出來，形成用戶所看到的網(wǎng)頁。

設(shè)問：靜態(tài)網(wǎng)頁是如何顯示在瀏覽器中的？
活動：教師講解瀏覽器對超文本標(biāo)記語言的解釋過程和效果。

5、動態(tài)網(wǎng)頁的概念
動態(tài)網(wǎng)頁是指在用戶用戶瀏覽過程中由計算機系統(tǒng)自動創(chuàng)建的網(wǎng)頁，通常用于顯示實時信息或按照用戶交互顯示特定的內(nèi)容。
動態(tài)網(wǎng)頁的特點：交互性、可自動更新、因地因時因人而變
動態(tài)網(wǎng)頁的常見形式：計數(shù)器、聊天室、討論區(qū)、BBS、校友錄等。
構(gòu)成動態(tài)網(wǎng)頁的常見的兩種情況：純客戶端方式構(gòu)成的動態(tài)網(wǎng)頁與客戶端服務(wù)器模式構(gòu)成的動態(tài)網(wǎng)頁

設(shè)問：那些有交互操作的網(wǎng)頁是由什么組成的？
活動：教師講解，常見的構(gòu)成動態(tài)網(wǎng)頁的兩種情況，純客戶端方式構(gòu)成的動態(tài)網(wǎng)頁與瀏覽器/服務(wù)器模式構(gòu)成的動態(tài)網(wǎng)頁各自的組成方式與特點。
交流：如何利用系統(tǒng)調(diào)色板精確調(diào)色

6、動態(tài)網(wǎng)頁顯示的原理
純客戶端方式構(gòu)成的動態(tài)網(wǎng)頁：這種方式不需要與服務(wù)器交互，通常采用JAVA小程序和腳本語言形式直接嵌在網(wǎng)頁中。它的動態(tài)表現(xiàn)在：用戶通過各種由比如javascript、javaapplet等技術(shù)支持的操作網(wǎng)頁的顯示內(nèi)容或形式。

課后反思

教案設(shè)計者

單位/地址/郵編

電子郵件

聯(lián)系電話

“網(wǎng)頁”學(xué)習(xí)任務(wù)單
一、 網(wǎng)頁相關(guān)概念
學(xué)生瀏覽網(wǎng)頁，查看一個頁面布局清晰、合理、有特色的網(wǎng)站，完成以下操作。
網(wǎng)站名稱：　　　　　　　　　　　　　　　　　　　
主頁網(wǎng)址：　　　　　　　　　　　　　　　　　　　　　　　
頁面標(biāo)題：　　　　　　　　　　　　　　

二、 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁

1、靜態(tài)網(wǎng)頁是用什么語言編寫的?_________________________________________
2、動態(tài)網(wǎng)頁具有哪些特性? ____________________________________
3、常見的動態(tài)網(wǎng)頁技術(shù)有哪些? _____________________________________________

三、 實驗:體驗客戶端動態(tài)網(wǎng)頁效果
實驗要求:
(1) 通過下面幾個簡短的動態(tài)網(wǎng)頁的實例，了解一些實現(xiàn)客戶端網(wǎng)頁動態(tài)效果的簡單方法。
(2) 通過對程序中某些對象屬性的修改，掌握對網(wǎng)頁動態(tài)效果簡單的修改方法。
(3) 通過在網(wǎng)頁代碼中插入網(wǎng)頁特效代碼的體驗活動，掌握制作動態(tài)網(wǎng)頁的一種簡易方法。
實驗步驟示例：
1．輸入如下的一段動態(tài)網(wǎng)頁的源代碼，在瀏覽器上觀察并體驗該代碼段生成的網(wǎng)頁動態(tài)效果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 一個文字的動態(tài)效果</title>
</head>

<body>
<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=50 direction=up height=116 width=188 border=1 bgcolor=Olive>鼠標(biāo)移上時將停止，移開時繼續(xù)移動，不妨試一下</marquee>
</body>
</html>
2．描述以上代碼所能實現(xiàn)的動態(tài)效果：

3．實際運用：根據(jù)表格中的要求，分別對代碼中不同的屬性值進行分析、修改，并通過瀏覽器觀察個性的效果，比較修改前后的變化，根據(jù)自己的觀察結(jié)果把表格填完整。

動態(tài)網(wǎng)頁中的代碼
代碼所起的作用
1
onMouseOver=this.stop() onMouseOut=this.start()

2

表示文字移動速度
3
direction=up（可改成：direction=right direction=left）

4
height=116 width=188

5

表示移動文字背景色（可改成下列一些顏色：red,yellow,blue,silver等）
4．實驗評價：

評價指標(biāo)
自我評價
活動質(zhì)量
客戶端網(wǎng)頁中代碼的作用分析，十分明確
6

客戶端網(wǎng)頁中代碼的作用分析，較為清楚
5

客戶端網(wǎng)頁中代碼的作用分析，大體了解
3

客戶端網(wǎng)頁中代碼的作用分析，有待提高
2

四、 通過學(xué)習(xí)，你還有那些疑惑？

________________________________________
________________________________________
________________________________________
________________________________________

五、 通過學(xué)習(xí)，你對靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的相關(guān)知識有哪些新的設(shè)想？
________________________________________
________________________________________
_________________________________________________________
_________________________________________________________

標(biāo)簽：青海晉中崇左營口河池阜陽眉山北海

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《網(wǎng)頁教案,針對初學(xué)者的教案》，本文關(guān)鍵詞網(wǎng)頁,教案,針對,初學(xué)者,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。