第一篇：網(wǎng)站欣賞與創(chuàng)建網(wǎng)頁-教案（大全）
網(wǎng)站欣賞與創(chuàng)建網(wǎng)頁教學(xué)設(shè)計(jì)
一、教材分析
本節(jié)課選自清華大學(xué)出版社出版的初中信息技術(shù)八年級下冊第一單元第1課。本教材貫徹“以學(xué)生為主體，教師為主導(dǎo)”的方針，把提高學(xué)生的積極性，培養(yǎng)學(xué)生的創(chuàng)新能力作為教育的根本目標(biāo)。本節(jié)課所學(xué)的《網(wǎng)站欣賞與創(chuàng)建網(wǎng)頁》是第一單元的首要內(nèi)容，本單元是學(xué)生初次接觸用于制作網(wǎng)站的軟件Dreamweaver，讓學(xué)生了解網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作等的基本知識是必要的，是在學(xué)生掌握了計(jì)算機(jī)基礎(chǔ)知識后的能力提高訓(xùn)練，激發(fā)學(xué)生制作出更加精彩的個(gè)人網(wǎng)頁。
二、學(xué)生分析：
八年級的學(xué)生思維活躍，想象力豐富，好奇心強(qiáng)，同時(shí)又有了一定的自學(xué)能力和動手能力。大多數(shù)學(xué)生都有QQ號，會使用QQ空間、微博等，學(xué)生有一定的信息技術(shù)基礎(chǔ)和實(shí)踐操作能力。特別是通過對Internet相關(guān)知識的介紹及大量網(wǎng)站的瀏覽，對網(wǎng)頁內(nèi)容、網(wǎng)頁結(jié)構(gòu)、效果等設(shè)計(jì)的優(yōu)劣都有了一定的感性認(rèn)識，并且有了一定的分析、評判的能力，基本上完成了知識和能力的積累。學(xué)生對網(wǎng)絡(luò)學(xué)習(xí)都有著強(qiáng)烈的好奇心和興趣，但對網(wǎng)絡(luò)知識的認(rèn)識不夠全面，需要教師在教學(xué)實(shí)踐中加以引導(dǎo)。
三、教學(xué)目標(biāo)
知識與技能：掌握瀏覽網(wǎng)頁的方法；掌握互聯(lián)網(wǎng)、網(wǎng)站、網(wǎng)頁、首頁等術(shù)語的含義，以及它們之間的關(guān)系；學(xué)會使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁。
過程與方法：通過讓學(xué)生瀏覽并介紹他們感興趣的優(yōu)秀網(wǎng)站，讓學(xué)生掌握瀏覽網(wǎng)頁的方法。結(jié)合啟發(fā)、設(shè)問、打比喻等方法，使學(xué)生盡可能地自己總結(jié)出相關(guān)知識。通過打字比賽，讓學(xué)生積極的錄入HTML代碼。讓學(xué)生在此過程中，初步認(rèn)識HTML語言。在修改文檔的過程中，探索標(biāo)簽的含義及其與屬性值的對應(yīng)關(guān)系。
情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生的自學(xué)探究能力、合作競爭意識和創(chuàng)新精神；引導(dǎo)學(xué)生正確地理解網(wǎng)絡(luò)用途，充分地利用網(wǎng)絡(luò)為學(xué)習(xí)服務(wù)。
四、教學(xué)重難點(diǎn)
重點(diǎn)：網(wǎng)頁設(shè)計(jì)與網(wǎng)站制作的基本知識是本課的教學(xué)重點(diǎn)。
難點(diǎn)：學(xué)會使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁。
五、教學(xué)過程
（一）激趣導(dǎo)入
提問：同學(xué)們最喜歡的在線小游戲網(wǎng)站是什么？ 學(xué)生回答，然后選擇學(xué)生演示瀏覽網(wǎng)頁的過程。師生一起歸納瀏覽網(wǎng)頁的方法：
1、利用導(dǎo)航網(wǎng)頁；
2、利用百度搜索；
3、直接輸入網(wǎng)址。設(shè)計(jì)意圖：通過小游戲網(wǎng)站講解瀏覽網(wǎng)頁的方法，吸引所有學(xué)生的注意力，從而提高了學(xué)習(xí)興趣。如果不講解打開網(wǎng)頁的方法，會有一部分學(xué)生產(chǎn)生疑問，但是如果由老師演示，基礎(chǔ)好的學(xué)生會因?yàn)樘唵味W(xué)習(xí)動力，所以我選擇讓學(xué)生演示。這樣安排既照顧到不經(jīng)常接觸網(wǎng)絡(luò)的學(xué)生，又給操作熟練地學(xué)生一個(gè)展示自己的機(jī)會。
（二）自主學(xué)習(xí)
任務(wù)1：瀏覽“學(xué)生科技網(wǎng)：http://代碼，記事本保存為index.html。
提問2：打開index.html文檔,瀏覽網(wǎng)頁,查找頁面中的不同？（字體、字號、顏色等的設(shè)置）
設(shè)計(jì)意圖：讓學(xué)生復(fù)制粘貼代碼，通過在頁面中尋找不同，引導(dǎo)學(xué)生去讀代碼，初步認(rèn)識HTML語言的結(jié)構(gòu)。
在操作中感受擴(kuò)展名對文件的影響。
教師演示作比較，引導(dǎo)學(xué)生思考擴(kuò)展名對文件的影響，既包括其對文件圖標(biāo)的影響，也包括調(diào)用應(yīng)用程序的影響，并引出HTML語言。
（三）合作交流
任務(wù)3：觀察HTML代碼，找找HTML語言有什么特點(diǎn)？修改代碼，改變網(wǎng)頁。
學(xué)生能觀察到都是“成對”出現(xiàn)的?！俺蓪Α背霈F(xiàn)的代碼叫標(biāo)簽。每個(gè)標(biāo)簽的含義都不一樣，對照你的網(wǎng)頁，大家能不能猜出這些標(biāo)簽的含義？現(xiàn)在因?yàn)榇a都相同，所以大家的網(wǎng)頁都是一樣的。是不是覺得這個(gè)網(wǎng)頁不是完全屬于自己？大家試著通過修改、添加、刪除代碼，讓自己的第一個(gè)網(wǎng)頁和別人的都不同。
設(shè)計(jì)意圖：教師的分析點(diǎn)到為止，引導(dǎo)學(xué)生自主探索標(biāo)簽的含義及其與屬性值的對應(yīng)關(guān)系。如果直接講解然后讓他們修改，大部分學(xué)生會因?yàn)橛X得沒有挑戰(zhàn)性，而降低了學(xué)習(xí)的積極性。這同時(shí)是對課本“創(chuàng)作天地”板塊中的練習(xí)。
（四）展示評價(jià)
教師挑出幾個(gè)比較有代表性的網(wǎng)頁，讓學(xué)生去欣賞作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時(shí)教師適當(dāng)評價(jià)成功之處，對不足的地方加以完善。
學(xué)生通過比較作品體驗(yàn)創(chuàng)造的快樂并且反思自身作品，迸發(fā)靈感，二次創(chuàng)作，這樣在整個(gè)班級中將會產(chǎn)生更多的富有創(chuàng)意的優(yōu)秀作品。
（五）布置作業(yè)
在index.html文件中增加標(biāo)題“遵義市第十六中學(xué)簡介”，正文字體設(shè)為“宋體”，字號設(shè)為14pt，顏色設(shè)為紅色。
第二篇：《網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)》教案
《網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)》
教案
學(xué)期：2014-2015-1 班級：2012軟件工程
2012計(jì)算機(jī)科學(xué)與技術(shù)
課時(shí)：44學(xué)時(shí) 教師：李念
第1講 HTML基礎(chǔ)
1.1 教學(xué)目的和要求
1.了解HTML的發(fā)展歷史和HTML5的特性；
2.掌握HTML的文檔結(jié)構(gòu)、代碼規(guī)范和網(wǎng)頁文件的創(chuàng)建過程； 3.掌握搭建支持HTML5瀏覽器環(huán)境的方法。
1.2 教學(xué)重點(diǎn)和難點(diǎn)
1.HTML5的新特點(diǎn)； 2.HTML5的新元素；
1.3 教學(xué)方法及手段
實(shí)例教學(xué)，講授與演示結(jié)合。
1.4 教學(xué)內(nèi)容
1.4.1 HTML簡介
HTML是HyperText Markup Language（超文本置標(biāo)語言）的縮寫，是一種為普通文件中某些字句加上標(biāo)簽的語言，其目的在于運(yùn)用標(biāo)簽（tag）對文件達(dá)到預(yù)期的效果。
HTML5的特性及元素：
(1)實(shí)現(xiàn)Web應(yīng)用程序：繪畫的Canvas元素，該元素就像在瀏覽器中嵌入一塊畫布，程序可以在畫布上繪畫；更好的用戶交互操作，包括拖放、內(nèi)容可編輯等；擴(kuò)展的HTMLDOM API（Application Programming Interface，應(yīng)用程序編程接口）。
(2)更好地呈現(xiàn)內(nèi)容：基于Web表現(xiàn)的需要，HTML5引入了更好地呈現(xiàn)內(nèi)容的元素；用于視頻、音頻播放的video元素和audio元素；用于文檔結(jié)構(gòu)的article、footer、header、nav、section等元素。
1.4.2 HTML編寫規(guī)范
HTML文檔由標(biāo)簽和被標(biāo)簽的內(nèi)容組成。標(biāo)簽?zāi)墚a(chǎn)生所需要的各種效果。其功能類似于一
個(gè)排版軟件，將網(wǎng)頁的內(nèi)容排成理想的效果。其格式為：
<標(biāo)簽> 受標(biāo)簽影響的內(nèi)容 每個(gè)標(biāo)簽都有一系列的屬性。標(biāo)簽通過屬性來制作出各種效果，格式為： <標(biāo)簽
屬性1=“屬性值1” 屬性2=“屬性值2” ?> 受標(biāo)簽影響的內(nèi)容 。不推薦使用的標(biāo)簽：在HTML中，某些標(biāo)簽不推薦使用，例如，、、、、、、、、、等標(biāo)簽。
代碼的縮進(jìn)：在編寫HTML代碼時(shí)要注意使用代碼縮進(jìn)來提高程序的結(jié)構(gòu)性和層次性。
1.4.3 網(wǎng)頁文件的創(chuàng)建過程
用記事本創(chuàng)建網(wǎng)頁 用DW軟件創(chuàng)建網(wǎng)頁
1.4.4 搭建支持HTML5的瀏覽器環(huán)境
目前，Microsoft的IE系列（僅有IE9及其以上版本）瀏覽器，以及Opera Software的Opera與Google的Chrome瀏覽器。
1.4.5 小結(jié)
本次課主要講述了網(wǎng)頁設(shè)計(jì)的步驟和要點(diǎn)以及HTML5的新特征。
第2講 HTML標(biāo)簽
2.1 教學(xué)目的和要求
1.掌握基本的文字與段落標(biāo)簽的使用；
2.掌握超鏈接、圖像、表格和列表標(biāo)簽的使用方法和基本屬性； 3.能夠進(jìn)行基本的網(wǎng)頁排版。
2.2 教學(xué)重點(diǎn)和難點(diǎn)
1.各類標(biāo)簽的使用方法和屬性設(shè)置； 2.嵌套列表的使用。
2.3 教學(xué)方法及手段
實(shí)例教學(xué)，講授與演示結(jié)合。
2.4 教學(xué)內(nèi)容
2.4.1 文字與段落排版
注釋標(biāo)簽 強(qiáng)制換行標(biāo)簽
段落標(biāo)簽
?
定位標(biāo)簽第三篇：網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)
《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》實(shí)驗(yàn)教學(xué)大綱
課程編號070105007
學(xué)時(shí)學(xué)分：總學(xué)時(shí)：64總學(xué)分：4實(shí)驗(yàn)學(xué)時(shí)：
32適用對象：計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)本科專業(yè)
課程屬性：專業(yè)方向課
實(shí)驗(yàn)屬性：非獨(dú)立設(shè)課
一、課程的性質(zhì)與任務(wù)
隨著Internet的普及，網(wǎng)頁已經(jīng)成為人們信息發(fā)布及獲取、思想交流和商務(wù)往來最重要的途徑，網(wǎng)頁制作已成為當(dāng)今社會上一種比較熱門的技術(shù)，本課程突出實(shí)用技術(shù)和應(yīng)用技能，是計(jì)算機(jī)專業(yè)學(xué)生的一門必選課，同時(shí)又可作為相關(guān)專業(yè)學(xué)生的選修課。
網(wǎng)頁設(shè)計(jì)課程是學(xué)生在學(xué)習(xí)了高級程序設(shè)計(jì)語言、數(shù)據(jù)庫原理及應(yīng)用等課程的基礎(chǔ)上開設(shè)的一門實(shí)用性較強(qiáng)的課程，實(shí)驗(yàn)課的任務(wù)是通過實(shí)驗(yàn)加深對理論知識的理解，基本掌握WEB應(yīng)用的規(guī)劃、設(shè)計(jì)和動態(tài)網(wǎng)頁制作中對于內(nèi)容的動態(tài)顯示與更新技術(shù)，培養(yǎng)學(xué)生的動手能力和設(shè)計(jì)能力。
二、實(shí)驗(yàn)的目的與基本要求
實(shí)驗(yàn)?zāi)康模和ㄟ^實(shí)驗(yàn)讓學(xué)生掌握網(wǎng)站的配置方式和網(wǎng)頁設(shè)計(jì)的基本方法。
基本要求：
（1）掌握頁面的設(shè)計(jì)與布局的基本方法；
（2）掌握J(rèn)S腳本語言的使用方法；
（3）掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。
三、實(shí)驗(yàn)考核方式及辦法
實(shí)驗(yàn)成績根據(jù)學(xué)生的實(shí)驗(yàn)完成情況、實(shí)驗(yàn)紀(jì)律、實(shí)驗(yàn)報(bào)告進(jìn)行綜合評定，給出優(yōu)（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。實(shí)驗(yàn)成績占本課程總成績的20%，對缺實(shí)驗(yàn)成績或不及格者，《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程不予通過。
四、實(shí)驗(yàn)項(xiàng)目一覽表
網(wǎng)頁制作實(shí)驗(yàn)項(xiàng)目一覽表
序 號2 3 4
5實(shí)驗(yàn)項(xiàng)目 名稱
div布局 css層疊樣式單
JS腳本 asp.net控件 ado.net數(shù)據(jù)庫連接
實(shí)驗(yàn) 類型
驗(yàn)證性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性
實(shí)驗(yàn) 要求
必做 必做 必做 必做 必做
適用 專業(yè)
理工類 理工類 理工類 理工類 理工類
學(xué) 時(shí)6 6 6 8
五、實(shí)驗(yàn)項(xiàng)目的具體內(nèi)容：
實(shí)驗(yàn)一div布局
1．本次實(shí)驗(yàn)的目的和要求
掌握網(wǎng)頁設(shè)計(jì)的DIV布局方式，能夠使用DIV進(jìn)行層布局，認(rèn)真撰寫實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。
2．實(shí)驗(yàn)內(nèi)容或原理
掌握dream weaver軟件的基本功能，熟悉dream weaver的工具箱,使用DIV做層布局。
3．需用的儀器或試劑等
多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，搭建好asp.net的開發(fā)環(huán)境。
4．實(shí)驗(yàn)步驟
（1）打開dream weaver軟件；（2）使用div布局設(shè)計(jì)網(wǎng)頁；（3）div的布局設(shè)計(jì)與修改。
5．教學(xué)方式
學(xué)生主要通過上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。
6．考核要求
實(shí)驗(yàn)過程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績記入平時(shí)成績。
7．實(shí)驗(yàn)報(bào)告要求
實(shí)驗(yàn)報(bào)告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。
實(shí)驗(yàn)二css層疊樣式單
1．本次實(shí)驗(yàn)的目的和要求
通過dream weaver軟件的使用，掌握使用css層疊樣式單做布局樣式控制的方法，要求認(rèn)真撰寫實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理
通過dream weaver軟件的使用，使用css層疊樣式單做布局樣式控制。3．需用的儀器或試劑等
多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，建好asp.net的開發(fā)環(huán)境。4．實(shí)驗(yàn)步驟
（1）打開dream weave軟件。
（2）用css層層疊樣式單做布局樣式控制。（3）css層疊樣式單編寫與調(diào)用。5．教學(xué)方式
學(xué)生主要通過上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求
實(shí)驗(yàn)過程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績記入平時(shí)成績。7．實(shí)驗(yàn)報(bào)告要求
實(shí)驗(yàn)報(bào)告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。
實(shí)驗(yàn)三JS腳本
1．本次實(shí)驗(yàn)的目的和要求
掌握J(rèn)S腳本的基本用法、變量、函數(shù)、DOM文檔對象的操作。要求認(rèn)真撰寫實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理
JS腳本的基本用法、變量、函數(shù)、DOM文檔對象的操作。3．需用的儀器或試劑等
多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weave軟件。4．實(shí)驗(yàn)步驟
（1）打開dream weave軟件。
（2）新建JS文件，編寫腳本程序?qū)崿F(xiàn)對JS腳本的變量、函數(shù)、DOM文檔對象的操作。
（3）外部調(diào)用JS文件。5．教學(xué)方式
學(xué)生主要通過上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求
實(shí)驗(yàn)過程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績記入平時(shí)成績。7．實(shí)驗(yàn)報(bào)告要求
實(shí)驗(yàn)報(bào)告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。
實(shí)驗(yàn)四 asp.net控件
1．本次實(shí)驗(yàn)的目的和要求
掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。實(shí)驗(yàn)后要求認(rèn)真撰寫實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程中嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理
運(yùn)用所學(xué)知識，用HTML控件與服務(wù)器端控件進(jìn)行編程，實(shí)現(xiàn)簡單功能。3．需用的儀器或試劑等
多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開發(fā)平臺。4．實(shí)驗(yàn)步驟
（1）打開asp.net開發(fā)平臺。（2）新建空白頁面或者空站點(diǎn)。
（3）用HTML控件與服務(wù)器端控件進(jìn)行編程并調(diào)試。5．教學(xué)方式
學(xué)生主要通過上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求
實(shí)驗(yàn)過程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績記入平時(shí)成績。7．實(shí)驗(yàn)報(bào)告要求
實(shí)驗(yàn)報(bào)告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。
實(shí)驗(yàn)五ado.net數(shù)據(jù)庫連接
1．本次實(shí)驗(yàn)的目的和要求
掌握ado.net數(shù)據(jù)庫連接的基本概念、ADO.NET對象模型、SqlConnection對象。
2．實(shí)驗(yàn)內(nèi)容或原理
建立ado.net數(shù)據(jù)庫連接，ADO.NET對象模型、SqlConnection對象。3．需用的儀器或試劑等
多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開發(fā)平臺。4．實(shí)驗(yàn)步驟
（1）打開asp.net開發(fā)平臺。（2）建立ado.net數(shù)據(jù)庫連接。
（3）通過SqlCommand對象提供的方法傳遞對數(shù)據(jù)庫操作的命令，并返回命令執(zhí)行的結(jié)果。5．教學(xué)方式
學(xué)生主要通過上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求
實(shí)驗(yàn)過程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績記入平時(shí)成績。7．實(shí)驗(yàn)報(bào)告要求
實(shí)驗(yàn)報(bào)告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。
六、實(shí)驗(yàn)教材及主要參考資料
翁健紅編著，基于C#的ASP.NET程序設(shè)計(jì)(第2版)，機(jī)械工業(yè)出版社
七、教改說明及其他
在實(shí)驗(yàn)教學(xué)過程中可以結(jié)合優(yōu)秀網(wǎng)站分析、優(yōu)秀作業(yè)點(diǎn)評、作業(yè)中普遍存在的主要問題及改正方法的分析等方法相互穿插結(jié)合進(jìn)行教學(xué)。
第四篇：07創(chuàng)建超鏈接和網(wǎng)頁教案
案例名稱
創(chuàng)建超鏈接和網(wǎng)頁模板
一、教材內(nèi)容分析
本課主要有三個(gè)教學(xué)內(nèi)容：制作“超鏈接”，設(shè)置超鏈接顏色和設(shè)置超鏈接熱區(qū)。學(xué)生對超鏈接的內(nèi)容是比較陌生的，所以首先讓學(xué)生明確超鏈接的概念。學(xué)生明確超鏈接后教師再講如何創(chuàng)建超鏈接的創(chuàng)建。字超鏈接是最普通的一種超鏈接形式，教師在講解這個(gè)操作時(shí)重點(diǎn)要說明的是要確定超鏈接的目標(biāo)。超鏈接的目標(biāo)有多種，如網(wǎng)頁、圖片、音樂、視頻等，本課要求學(xué)生掌握鏈接到網(wǎng)頁就可以了。圖片超鏈接和文字超鏈接建立的方法是一樣的。超鏈接熱區(qū)的建立重點(diǎn)是自選圖形的使用。本課重點(diǎn)是超鏈接的建立，學(xué)好本課為后面的網(wǎng)頁、網(wǎng)站的設(shè)計(jì)打下基礎(chǔ)。
二、教學(xué)目標(biāo)（知識，技能，情感態(tài)度、價(jià)值觀）
知識與技能：1． 建立文字超鏈接、圖片超鏈接、電子郵件的超鏈接； 2． 學(xué)會設(shè)置超鏈接顏色和設(shè)置超鏈接熱區(qū)。
過程與方法：1．通過創(chuàng)建網(wǎng)頁超鏈接的操作，使學(xué)生了解網(wǎng)頁中創(chuàng)建超鏈接的基本方法，消除對網(wǎng)頁鏈接的神秘感；
2．通過教師講解、演示，學(xué)生觀察、動手操作、理解記憶等學(xué)習(xí)方法，使學(xué)生學(xué)會正確建立和修改文字及圖片超鏈接的操作。
情感態(tài)度與價(jià)值觀：1．完成文字和圖片超鏈接的創(chuàng)建，使學(xué)生感受成功的喜悅和快樂。2．培養(yǎng)學(xué)生勤于思考和自己動手探索新知識的良好學(xué)習(xí)品質(zhì)。
三、學(xué)習(xí)者特征分析
1．該班級學(xué)生基礎(chǔ)知識比較扎實(shí)，思維活躍，學(xué)習(xí)興趣濃厚，課堂參與積極、主動。2．該班級學(xué)生能熟練掌握電腦的基本操作，能夠在網(wǎng)絡(luò)環(huán)境下順利的開展自主和合作探究活動。
3．該班級學(xué)生對超鏈接這部分內(nèi)容還不熟悉，對于超鏈接及超鏈接熱區(qū)的創(chuàng)建的實(shí)際操作能力有待提升。
四、教學(xué)策略選擇與設(shè)計(jì)
直觀演示與自主學(xué)習(xí)相結(jié)合，合作練習(xí)與教師的講授相結(jié)合五、教學(xué)環(huán)境及資源準(zhǔn)備
多媒體教室、自制教學(xué)課件
六、教學(xué)過程
教學(xué)過程
教師活動
學(xué)生活動
設(shè)計(jì)意圖及資源準(zhǔn)備
質(zhì)疑導(dǎo)入
首先，老師演示自己制作的網(wǎng)站，用超鏈接預(yù)覽所有的網(wǎng)頁，讓學(xué)生仔細(xì)觀察。然后，讓學(xué)生按照老師的方法，演示自己的作品，看能不能進(jìn)行，為什么？ 對，有“手”形的地方，就是“超級鏈接”。
學(xué)習(xí)自主練習(xí)
學(xué)生踴躍發(fā)言，說老師的網(wǎng)頁上有“手”的形狀
教師制作完成《介紹我自己》網(wǎng)站（含有超級鏈接）。學(xué)生：已制作完成，共4張網(wǎng)頁。
拉進(jìn)學(xué)生與知識點(diǎn)的距離，讓學(xué)生對超鏈接產(chǎn)生神秘感。
引入網(wǎng)頁制作中
合作探究
（超鏈接的建立及超鏈接顏色的設(shè)置）
一、超鏈接的建立 提問：“這些超鏈接（文字、圖片）是怎么制作的？” 教師巡視
指出操作要點(diǎn)：建立文字超鏈接時(shí)需要選中制作超鏈接的文本！提問：超鏈接制作的方法？ 提問：超鏈接的對象是什么呢？
二、設(shè)置超鏈接顏色
讓同學(xué)們觀察建立文字超鏈接后文字有什么變化？我們能夠修改超鏈接的顏色嗎？
按照書本上的圖示，討論、探究超鏈接制作的方法。學(xué)生嘗試制作超鏈接
小組發(fā)言并演示超鏈接的建立方法
學(xué)生回答超鏈接的對象可以是網(wǎng)頁、文件、網(wǎng)址、電子郵件等 學(xué)生通過觀察后回答并按照書上嘗試改變超鏈接文字的顏色 小組成員間合作練習(xí)掌握超鏈接文字的顏色的的設(shè)置方法
培養(yǎng)學(xué)生的自學(xué)能力、他人交流合作的能力、語言表達(dá)能力 讓學(xué)生動手制作、體驗(yàn)超鏈接，提高學(xué)生的動手操作能力。培養(yǎng)學(xué)生與他人交流合作能力
演示講解
三、設(shè)置超鏈接熱區(qū)
課件演示（設(shè)置超鏈接熱區(qū)后）“米老鼠” 單擊“米老鼠”的頭鏈接到“第一個(gè)網(wǎng)頁”，單擊“米老鼠”的手鏈接到“第二個(gè)網(wǎng)頁”，單擊“米老鼠”的腳鏈接到“第三個(gè)網(wǎng)頁”。教師提問：這是怎么制作出來的？
教師講解演示：通過借助自選圖形來建立熱區(qū)。
指出操作要點(diǎn)：先建立自選圖形，并設(shè)置自選圖形的超鏈接，再設(shè)置自選圖形為透明。鼓勵(lì)學(xué)生嘗試實(shí)踐
學(xué)生觀察教師的操作，掌握操作的方法后自己實(shí)踐操作
加強(qiáng)學(xué)生對超鏈接的理解。消除對超鏈接的神秘感。
展示與評價(jià)
組織學(xué)生將自己的優(yōu)秀制作向全班同學(xué)進(jìn)行展示，并以組為單位評價(jià)作品。
各小組推薦優(yōu)秀作品進(jìn)行展示并自評，其他小組對作品進(jìn)行評價(jià)
通過作品展示與評價(jià)能夠相互取長補(bǔ)短
課后拓展 同學(xué)們，今天我們學(xué)習(xí)了網(wǎng)頁間的超鏈接的制作方法，那么，能不能鏈接到其他格式的文件，如doc,exe等？
課后學(xué)生合作或獨(dú)立完成。
拓展、作業(yè)。
教學(xué)流程圖
七、教學(xué)評價(jià)設(shè)計(jì)
1、在學(xué)習(xí)的過程中你遇到了哪些困難，你是怎樣解決的？
2、對于熟練的學(xué)生，探究：如何制作“電子郵件”的超鏈接？
3、你能為熟練設(shè)置文字和圖片的超鏈接嗎？
八、幫助和總結(jié)
學(xué)習(xí)了各種超鏈接的使用方法，同學(xué)生都做的非常好。通過本節(jié)課的學(xué)習(xí)你應(yīng)該能使自己的網(wǎng)頁更加充實(shí)和美妙。
第五篇：《網(wǎng)頁制作與網(wǎng)站管理》培訓(xùn)總結(jié)
《網(wǎng)頁制作與網(wǎng)站管理》 省級培訓(xùn)總結(jié)
劉玉貞
在學(xué)校領(lǐng)導(dǎo)，老師的關(guān)心支持下。我于2009.7.19---2009.7.28赴德州齊河職業(yè)中專參了“網(wǎng)頁制作與網(wǎng)站管理”專題培訓(xùn)。
德州齊河職業(yè)中專位于齊河縣，是國家級重點(diǎn)職業(yè)中專，數(shù)控專業(yè)較好。課程主講人是來自濰坊貝通網(wǎng)絡(luò)公司的技術(shù)主管李學(xué)軍。網(wǎng)站的應(yīng)用領(lǐng)域
? 公司，企業(yè)，事業(yè)單位的宣傳
? 電子商務(wù)（如阿里巴巴，淘寶網(wǎng)）
? 辦公系統(tǒng)的應(yīng)用（電大教務(wù)系統(tǒng)）
? 在線考試系統(tǒng)的應(yīng)用（山東省中職生計(jì)算機(jī)考試系統(tǒng)）? 其他系統(tǒng)的應(yīng)用
動態(tài)網(wǎng)頁的概念
目前頗受關(guān)注的動態(tài)網(wǎng)頁技術(shù)：
1、ASP 即Active Server Pages，它是微軟開發(fā)的一種類似HTML(超文本標(biāo)識語言)、Script(腳本)與CGI(公用網(wǎng)關(guān)接口)的結(jié)合體。它是在Web服務(wù)器端運(yùn)行，運(yùn)行后再將運(yùn)行結(jié)果以HTML格式傳送至客戶端的瀏覽器。
通過使用ASP的組件和對象技術(shù)，用戶可以直接使用ActiveX控件，調(diào)用對象方法和屬性，以簡單的方式實(shí)現(xiàn)強(qiáng)大的交互功能。但ASP技術(shù)也非完美無缺，由于它基本上是局限于微軟的操作系統(tǒng)平臺之上，主要工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，又因
ActiveX對象具有平臺特性，所以ASP技術(shù)不能很容易地實(shí)現(xiàn)在跨平臺Web服務(wù)器上工作。
2、PHP 即Hypertext Preprocessor(超文本預(yù)處理器)，它是當(dāng)今Internet上最為火熱的腳本語言，其語法借鑒了C、Java、PERL等語言，但只需要很少的編程知識你就能使用PHP建立一個(gè)真正交互的Web站點(diǎn)。主要運(yùn)行在linux，Unix系統(tǒng)上
3、JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技術(shù)，是基于Java Servlet以及整個(gè)Java體系的Web開發(fā)技術(shù)。公認(rèn)安全性較高。
4、ASP.NET是ASP的升級版本，但和ASP存在很大區(qū)別。ASP.NET是建立在公共語言運(yùn)行庫上的編程框架，可用于在服務(wù)器上生成功能強(qiáng)大的Web應(yīng)用程序。
培訓(xùn)所學(xué)
? 本次培訓(xùn)學(xué)習(xí)了ASP動態(tài)網(wǎng)頁技術(shù)。
? ASP環(huán)境配置，基本語法
? ASP基本對象，組件的使用
? 用戶登錄模塊
? 新聞發(fā)布模塊（添加，刪除，修改）
? 新聞顯示模塊
? 用戶留言模塊
心得體會
? 在培訓(xùn)之前，我管理著學(xué)校的網(wǎng)站，對網(wǎng)站管理有一定的了解，但也有很多困惑。在培訓(xùn)中，專心聽講，遇到不明白的問題及平時(shí)管理中遇到的問題，能夠及時(shí)的向老師請教，進(jìn)一步提高了網(wǎng)站管理水平。
? 網(wǎng)站管理涉及編程，數(shù)據(jù)庫，操作系統(tǒng)等諸多領(lǐng)域，并且新技術(shù)層出不窮。只有不斷的學(xué)習(xí)，才能保持不被淘汰。
? 就業(yè)前景廣闊。網(wǎng)絡(luò)公司，軟件開發(fā)公司等。
文檔為doc格式
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，工作人員會在5個(gè)工作日內(nèi)聯(lián)系你，一經(jīng)查實(shí)，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
網(wǎng)站規(guī)劃書與網(wǎng)頁制作實(shí)驗(yàn)報(bào)告
網(wǎng)站規(guī)劃書 一、主題選擇 本次網(wǎng)站設(shè)計(jì)大作業(yè)我們選擇了建立一個(gè)個(gè)人主頁的主題，最后綜合實(shí)際電腦操作水平，決定主要由***進(jìn)行實(shí)際的操作，我輔助進(jìn)行素材整理和網(wǎng)站規(guī)劃書和網(wǎng)......
網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布 學(xué)習(xí)心得（范文）
《網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布》 學(xué)習(xí)心得 今天上了第一堂選修課，課程內(nèi)容很簡單，講了一些關(guān)于網(wǎng)頁的基本內(nèi)容，Internet是一個(gè)覆蓋幾乎全球的計(jì)算機(jī)網(wǎng)絡(luò)，WWW服務(wù)是互聯(lián)網(wǎng)上最為先......
《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)制作》學(xué)習(xí)心得
《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)制作》的總結(jié) 不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會了網(wǎng)......
網(wǎng)站建設(shè)與網(wǎng)頁制作結(jié)業(yè)論文
網(wǎng)站建設(shè)與網(wǎng)頁制作結(jié)業(yè)論文 簡介： 本課程的考查方法采用選題課程論文進(jìn)行，學(xué)生選擇的題目可重復(fù)，但是內(nèi)容不可雷同，如果內(nèi)容雷同將取消相關(guān)學(xué)生本課程的最終成績。為避免出現(xiàn)非......
《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》教學(xué)總結(jié)
《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》教學(xué)總結(jié)本學(xué)期11網(wǎng)絡(luò)1班的網(wǎng)絡(luò)程序設(shè)計(jì)基礎(chǔ)課程采用的是人民郵電出版社的 《動態(tài)網(wǎng)頁設(shè)計(jì)與制作——CSS+JavaScript》吳以欣 陳小寧主編。這本教材......
網(wǎng)頁制作與網(wǎng)站建設(shè)0586-教學(xué)大綱
南京理工大學(xué)編 (高綱號 0586) I、課程性質(zhì)與設(shè)置目的要求 《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程是江蘇省高等教育自學(xué)考試信息管理與信息系統(tǒng)專業(yè)（獨(dú)立本科段）的必修課，是信息管理類......
站點(diǎn)的創(chuàng)建與網(wǎng)頁制作
第4周 站點(diǎn)的創(chuàng)建與網(wǎng)頁制作 【計(jì)劃課時(shí)】：3課時(shí) 【授課班級】：10班 【教學(xué)目的與要求】 ? 熟悉Dreamweaver8工作界面中各個(gè)工具的作用 ? 熟悉Dreamweaver8工作界面中各個(gè)面板的......
創(chuàng)建網(wǎng)頁-初二信息技術(shù)教案[5篇材料]
初一 信息技術(shù) 2008-2009學(xué)年度第二學(xué)期教案 創(chuàng)建網(wǎng)頁 一、課型：新授課 二、教學(xué)目標(biāo)： 1．知識與技能：了解網(wǎng)頁模板的作用。 能根據(jù)需要選擇合適的模板快速創(chuàng)建網(wǎng)頁。 會對網(wǎng)頁的......
點(diǎn)擊咨詢 