官场小说排行榜,女强穿越玄幻完结小说

主頁(yè) > 知識(shí)庫(kù) > 網(wǎng)頁(yè)教案,針對(duì)初學(xué)者的教案

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

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

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

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

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

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

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

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

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

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

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

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

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

課后反思

教案設(shè)計(jì)者

單位/地址/郵編

電子郵件

聯(lián)系電話

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

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

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

三、 實(shí)驗(yàn):體驗(yàn)客戶端動(dòng)態(tài)網(wǎng)頁(yè)效果
實(shí)驗(yàn)要求:
(1) 通過(guò)下面幾個(gè)簡(jiǎn)短的動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)例，了解一些實(shí)現(xiàn)客戶端網(wǎng)頁(yè)動(dòng)態(tài)效果的簡(jiǎn)單方法。
(2) 通過(guò)對(duì)程序中某些對(duì)象屬性的修改，掌握對(duì)網(wǎng)頁(yè)動(dòng)態(tài)效果簡(jiǎn)單的修改方法。
(3) 通過(guò)在網(wǎng)頁(yè)代碼中插入網(wǎng)頁(yè)特效代碼的體驗(yàn)活動(dòng)，掌握制作動(dòng)態(tài)網(wǎng)頁(yè)的一種簡(jiǎn)易方法。
實(shí)驗(yàn)步驟示例：
1．輸入如下的一段動(dòng)態(tài)網(wǎng)頁(yè)的源代碼，在瀏覽器上觀察并體驗(yàn)該代碼段生成的網(wǎng)頁(yè)動(dòng)態(tài)效果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 一個(gè)文字的動(dòng)態(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)移上時(shí)將停止，移開(kāi)時(shí)繼續(xù)移動(dòng)，不妨試一下</marquee>
</body>
</html>
2．描述以上代碼所能實(shí)現(xiàn)的動(dòng)態(tài)效果：

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

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

2

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

4
height=116 width=188

5

表示移動(dòng)文字背景色（可改成下列一些顏色：red,yellow,blue,silver等）
4．實(shí)驗(yàn)評(píng)價(jià)：

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

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

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

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

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

________________________________________
________________________________________
________________________________________
________________________________________

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

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

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

濮阳杆衣贸易有限公司

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