国产乱码精品一区二区亚洲,亚洲国产欧美日韩在线观看第一区 ,色婷婷综合中文久久一本

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

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

教學(xué)主題
網(wǎng)頁
適用年級(jí)
高二年級(jí)
教學(xué)課時(shí)
1課時(shí)
教材分析
重點(diǎn)：靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的組成方式及其工作過程
難點(diǎn)：動(dòng)態(tài)網(wǎng)頁的工作過程
學(xué)習(xí)目標(biāo)
了解網(wǎng)頁、主頁、網(wǎng)站的基本概念以及它們之間的關(guān)系，理解靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的概念，了解靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的技術(shù)，能解釋其工作過程
所需資源和環(huán)境
數(shù)字化資源
1. 搜索引擎(www.google.com,www.baidu.com)
2. 若干演示網(wǎng)頁（靜態(tài)網(wǎng)頁和動(dò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)境
計(jì)算機(jī)網(wǎng)絡(luò)教室、多媒體網(wǎng)絡(luò)教室軟件或液晶投影儀
教學(xué)設(shè)計(jì)

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

網(wǎng)站由什么構(gòu)成的？
了解網(wǎng)站的各個(gè)組成部分
網(wǎng)站標(biāo)志，頁眉區(qū)，熱點(diǎn)推薦區(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)頁在瀏覽器中的工作過程
瀏覽器對(duì)HTML代碼的解釋過程
那些有交互操作的網(wǎng)頁是由什么組成的？
讓學(xué)生了解靜態(tài)網(wǎng)頁的構(gòu)成
理解腳本語言
動(dòng)態(tài)網(wǎng)頁是如何在用戶的交互下顯示在瀏覽器中的？
掌握動(dòng)態(tài)網(wǎng)頁在瀏覽器中的工作過程
動(dò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)頁叫動(dòng)態(tài)網(wǎng)頁。
今天我就來討論一下關(guān)于網(wǎng)頁的問題。
二、教學(xué)內(nèi)容：
通過搜索引擎搜索一些典型的網(wǎng)站，展示給學(xué)生。
1．網(wǎng)站、網(wǎng)頁、主頁的概念及三者關(guān)系
當(dāng)今人們?cè)L問的國際互聯(lián)網(wǎng)，是由一個(gè)個(gè)的網(wǎng)站組成的，而網(wǎng)站是由一張張具體的網(wǎng)頁組成的，主頁則相當(dāng)于網(wǎng)站的起始頁，起著引導(dǎo)連接作用，一般來說，用戶可以通過主頁訪問到網(wǎng)站的大部分網(wǎng)頁。

設(shè)問：什么是網(wǎng)站？什么是網(wǎng)頁？什么是主頁？
活動(dò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ū)、推薦熱點(diǎn)區(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)頁是由什么組成的?
活動(dòng)：教師講解靜態(tài)網(wǎng)頁的組成，超文本標(biāo)記語言（HTML）的特點(diǎn)。
探索：學(xué)生操作，瀏覽一張網(wǎng)頁時(shí)查看網(wǎng)頁的源文件。

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

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

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

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

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

課后反思

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

單位/地址/郵編

電子郵件

聯(lián)系電話

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

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

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

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

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

動(dòng)態(tài)網(wǎng)頁中的代碼
代碼所起的作用
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)頁中代碼的作用分析，十分明確
6

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

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

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

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

________________________________________
________________________________________
________________________________________
________________________________________

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

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

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

婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

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