作為一位無(wú)私奉獻(xiàn)的人民教師，總歸要編寫(xiě)教案，借助教案可以有效提升自己的教學(xué)能力。那么問(wèn)題來(lái)了，教案應(yīng)該怎么寫(xiě)？以下是小編收集整理的教案范文，僅供參考，希望能夠幫助到大家。
網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)制作教案篇一
課程編號(hào)：
中文名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作
英文名稱：web design and production課程類別：選修課適用專業(yè)：所有專業(yè)
開(kāi)課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時(shí)：24學(xué)時(shí)總學(xué)分：1課程簡(jiǎn)介：
本課程突出網(wǎng)頁(yè)設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從internet的基礎(chǔ)知識(shí)入手，重點(diǎn)介紹html超文本標(biāo)記語(yǔ)言，以及所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)制作工具dreamweaver的基本操作流程。從靜態(tài)頁(yè)面到動(dòng)態(tài)頁(yè)面由淺入深的介紹網(wǎng)頁(yè)設(shè)計(jì)與制作全過(guò)程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣和愛(ài)好。參考書(shū)：
1、網(wǎng)頁(yè)設(shè)計(jì)與制作教程，熊前興閔聯(lián)營(yíng)，科學(xué)出版社；
2、網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)，張貴明，清華大學(xué)出版社；
3、網(wǎng)頁(yè)美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；
4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；
網(wǎng)頁(yè)和網(wǎng)站是internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過(guò)網(wǎng)站來(lái)宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁(yè)展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來(lái)獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁(yè)已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，能運(yùn)用網(wǎng)頁(yè)工具設(shè)計(jì)和制作常用網(wǎng)頁(yè)。
第一章、網(wǎng)頁(yè)的基礎(chǔ)知識(shí)（1學(xué)時(shí)）
（1）internet基礎(chǔ)知識(shí)
（2）www簡(jiǎn)介
（3）網(wǎng)頁(yè)制作的技術(shù)和工具介紹
第二章、超文本編輯語(yǔ)言html（8學(xué)時(shí)）
（1）html文件的基本結(jié)構(gòu)
（2）文字和段落標(biāo)記
（3）列表標(biāo)記
（4）圖片標(biāo)記
（5）表格標(biāo)記
（6）超鏈接標(biāo)記
（7）表單標(biāo)記
（8）框架標(biāo)記
第三章、javascript語(yǔ)言（4學(xué)時(shí)）
（1）javascript語(yǔ)言簡(jiǎn)介
（2）javascript編程基礎(chǔ)
（3）基于對(duì)象的javascript語(yǔ)言
（4）javascript程序?qū)嵗?/p>
第四章、層疊樣式表css（1學(xué)時(shí)）
（1）css概述
（2）css屬性
第五章、可視化網(wǎng)頁(yè)設(shè)計(jì)工具
（1）網(wǎng)頁(yè)的基本操作
（2）圖像、表格與超鏈接
（3）表單與框架
（4）添加網(wǎng)頁(yè)元素
（5）發(fā)布站點(diǎn)
第六章、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言asp（4學(xué)時(shí)）
（1）asp簡(jiǎn)介
（2）vbscript腳本基礎(chǔ)
（3）asp的內(nèi)置對(duì)象
（4）實(shí)用文件
第七章、利用ad0訪問(wèn)數(shù)據(jù)庫(kù)（1學(xué)時(shí)）
（1）數(shù)據(jù)庫(kù)的連接
（2）數(shù)據(jù)庫(kù)的檢索
（3）數(shù)據(jù)庫(kù)的操作
總結(jié)復(fù)習(xí)（1學(xué)時(shí)）
四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求
五、作業(yè)
六、考核方式
期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。
七、成績(jī)?cè)u(píng)定
1、自制網(wǎng)站（80%）
2、平時(shí)考勤、作業(yè)（20%）平時(shí)成績(jī)分配：
平時(shí)考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%
八、執(zhí)行大綱時(shí)應(yīng)注意的問(wèn)題
根據(jù)學(xué)生對(duì)課程內(nèi)容的掌握和理解程度會(huì)對(duì)進(jìn)度做適當(dāng)?shù)恼{(diào)整。
網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)制作教案篇二
1、知識(shí)與技能：
（1）理解框架的概念及用途。
（2）掌握框架網(wǎng)頁(yè)的新建、制作、編輯與保存，了解框架的拆分方法。
（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來(lái)制作網(wǎng)頁(yè)。
2、過(guò)程與方法：
（1）通過(guò)對(duì)表格網(wǎng)頁(yè)的分析，體驗(yàn)新知識(shí)（框架結(jié)構(gòu)網(wǎng)頁(yè)）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識(shí)。
（2）理解框架的概念與組成，學(xué)會(huì)分析網(wǎng)站的結(jié)構(gòu)。
3、情感態(tài)度與價(jià)值觀：
（1）通過(guò)以"人與動(dòng)物"為主題的框架結(jié)構(gòu)網(wǎng)頁(yè)制作活動(dòng)，了解更多有關(guān)人與動(dòng)物和諧相處的知識(shí)，通過(guò)故事趣聞，增強(qiáng)學(xué)生關(guān)注動(dòng)物的興趣和意識(shí)。
（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁(yè)結(jié)合使用，在創(chuàng)作中體驗(yàn)樂(lè)趣。
1、重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁(yè)的方法。
2、難點(diǎn)：框架的拆分。
對(duì)比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。
整理、歸類相關(guān)素材，并按要求擺放。
1、引入
老師展示一組利用表格制作的網(wǎng)頁(yè)，要求學(xué)生仔細(xì)觀察，找出它們的一個(gè)共同特點(diǎn)（學(xué)生答：網(wǎng)頁(yè)上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問(wèn)如何快捷地制作這種網(wǎng)頁(yè)？（學(xué)生答：使用復(fù)制粘貼快捷地制作）
盡管復(fù)制、粘貼能為我們節(jié)省時(shí)間，但有沒(méi)有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁(yè)制作，就能給我們帶來(lái)更多便捷。（讓學(xué)生明確框架網(wǎng)頁(yè)使用的場(chǎng)合）
2、 新授
（1）框架網(wǎng)頁(yè)概念
由以上例子入手，再展示一個(gè)框架網(wǎng)頁(yè)，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁(yè)的概念
（2）框架網(wǎng)頁(yè)的新建與保存
教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。
任務(wù)1 創(chuàng)建"橫幅和目錄"結(jié)構(gòu)的框架網(wǎng)頁(yè)，新建top和left頁(yè)面，并學(xué)會(huì)保存。
框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁(yè)文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁(yè)文件的來(lái)源，可以通過(guò)每個(gè)框中的"新建網(wǎng)頁(yè)"按鈕和"設(shè)置初始網(wǎng)頁(yè)"按鈕進(jìn)行選擇。在top和left頁(yè)面中，單擊"保存"按鈕，隨即開(kāi)始保存。
此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁(yè)面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察。
學(xué)生要理解框架網(wǎng)頁(yè)的概念，通過(guò)閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁(yè)的操作，初步了解"新建網(wǎng)頁(yè)"和"設(shè)置初始網(wǎng)頁(yè)"兩個(gè)按鈕的不同，并認(rèn)真聆聽(tīng)教師的講解，注意觀察，按要求模仿操作。
設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主
學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。
（3）相關(guān)頁(yè)面的制作與設(shè)置
框架網(wǎng)頁(yè)中相關(guān)頁(yè)面的制作，需要結(jié)合表格來(lái)布局，插入文字、圖片和交互式按鈕。
任務(wù)2 top和left頁(yè)面的制作。
要求：
○1top頁(yè)面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。
○2 left頁(yè)面內(nèi)插入5行1列的表格，在每個(gè)單元格內(nèi)依次插入交互式按鈕（共4個(gè)），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個(gè)單元格內(nèi)插入一個(gè)郵箱指示的圖片。
○3調(diào)整表格邊框的粗細(xì)。
○4為main區(qū)域設(shè)置初始頁(yè)面。（該網(wǎng)頁(yè)由教師提供現(xiàn)成的）
學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況，開(kāi)展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表?yè)P(yáng)。
（4）框架網(wǎng)頁(yè)屬性的設(shè)置
創(chuàng)建好框架網(wǎng)頁(yè)后，可以根據(jù)實(shí)際需要改變框架的屬性。
任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動(dòng)條等。
提高任務(wù)：框架的拆分。
學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。完成設(shè)置后請(qǐng)同學(xué)示范操作，并說(shuō)明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。
3、 總結(jié)與評(píng)價(jià)
老師可以給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識(shí)，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。
設(shè)計(jì)意圖：開(kāi)拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會(huì)學(xué)生要善于總結(jié)，要學(xué)會(huì)學(xué)習(xí)的方法。
網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)制作教案篇三
1、知識(shí)與技能
（1）了解超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義，掌握同一站點(diǎn)內(nèi)以及不同站點(diǎn)間網(wǎng)頁(yè)超級(jí)鏈接的創(chuàng)建方法。
（2）掌握網(wǎng)頁(yè)內(nèi)書(shū)簽的作用及創(chuàng)建書(shū)簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁(yè)內(nèi)超級(jí)鏈接的設(shè)置方法。
（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。
2、過(guò)程與方法
（1）通過(guò)創(chuàng)建網(wǎng)頁(yè)超級(jí)鏈接的操作，使學(xué)生了解網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接的基本方法，破除對(duì)網(wǎng)頁(yè)鏈接的神秘感。
（2）通過(guò)對(duì)不同對(duì)象設(shè)置超級(jí)鏈接的操作，使學(xué)生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。
（3）通過(guò)網(wǎng)頁(yè)不同的超級(jí)鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁(yè)鏈接。
3、情感態(tài)度與價(jià)值觀
（1）通過(guò)鏈接我國(guó)主要自然保護(hù)區(qū)網(wǎng)頁(yè)，激發(fā)學(xué)生熱愛(ài)祖國(guó)、熱愛(ài)自然、熱愛(ài)生命的激情。
（2）完成超級(jí)鏈接，使學(xué)生感受成功的喜悅和快樂(lè)。
1、教學(xué)重點(diǎn)：
（1）超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義。
（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書(shū)簽鏈接，給交互式按鈕制作超鏈接，框架頁(yè)面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。
2、教學(xué)難點(diǎn)
（1）書(shū)簽鏈接中名稱及對(duì)應(yīng)鏈接位置的設(shè)定。
（2）在框架頁(yè)面中制作超鏈接時(shí)，目標(biāo)對(duì)象所選擇的顯示窗口形式。
教學(xué)方法與教學(xué)手段：
任務(wù)驅(qū)動(dòng)法、討論探究法、講解與演示法、類比知識(shí)遷移法。
教學(xué)準(zhǔn)備：
"動(dòng)物——人類的朋友"站點(diǎn)，包括未鏈接的網(wǎng)頁(yè)，如歡迎頁(yè)、表格頁(yè)、框架頁(yè)，表單頁(yè)等。
教學(xué)過(guò)程：
1、引入
展示兩個(gè)主頁(yè)，一個(gè)已經(jīng)創(chuàng)建了鏈接，一個(gè)沒(méi)有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級(jí)鏈接。
提出：我們?cè)谙惹暗膶W(xué)習(xí)中，哪個(gè)軟件中的相關(guān)操作與它類似？什么是超級(jí)鏈接？找一個(gè)例子，分析鏈接源和鏈接目標(biāo)分別是什么？
學(xué)生展開(kāi)交流，通過(guò)對(duì)比找出不同點(diǎn)，并積極思考，回答老師的問(wèn)題。
設(shè)計(jì)意圖：通過(guò)對(duì)比操作、交流，再輔以知識(shí)遷移，明確本節(jié)課教學(xué)內(nèi)容。
2、新授
（1）站內(nèi)超級(jí)鏈接
引導(dǎo)學(xué)生回顧powerpoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：
任務(wù)1同一站點(diǎn)內(nèi)不同頁(yè)面之間的鏈接
○1制作首頁(yè)（歡迎頁(yè)）到表格頁(yè)的超鏈接。
○2給表格頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。
○3給框架頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。
教師巡視，及時(shí)指導(dǎo)，安排學(xué)生示范操作并講解如何制作超鏈接。
交互式按鈕的超鏈接制作要求在框架網(wǎng)頁(yè)中演示操作。老師可以提問(wèn)學(xué)生：演示者操作的對(duì)嗎？有沒(méi)有問(wèn)題？
引導(dǎo)學(xué)生發(fā)現(xiàn)問(wèn)題：超鏈接制作完成后需要檢驗(yàn)（保存后預(yù)覽）。
教師講解，突破難點(diǎn)，再交由學(xué)生操作。
以上是同一站點(diǎn)內(nèi)不同網(wǎng)頁(yè)之間的鏈接，有時(shí)一個(gè)頁(yè)面中內(nèi)容過(guò)多，需要不斷拖動(dòng)滾動(dòng)條實(shí)現(xiàn)閱讀，能否實(shí)現(xiàn)快速跳轉(zhuǎn)呢？
任務(wù)2同一站點(diǎn)內(nèi)同一頁(yè)面內(nèi)的跳轉(zhuǎn)（鏈接）：在"動(dòng)物趣聞"頁(yè)面內(nèi)制作書(shū)簽鏈接。
教師講解：由生活中的書(shū)簽引入，介紹"書(shū)簽鏈接"的概念，然后再演示如何操作。
提示：書(shū)簽鏈接的雙向性問(wèn)題（返回）。
學(xué)生認(rèn)真聽(tīng)講后模仿制作，教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。
（2）站間超級(jí)鏈接
僅憑我們課堂上制作的這些頁(yè)面還不足以詳細(xì)介紹我們的主題，此時(shí)我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。
任務(wù)3借助熱區(qū)鏈接，為"友情鏈接"頁(yè)面制作超鏈接，鏈接我國(guó)一些自然保護(hù)區(qū)網(wǎng)站。
有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問(wèn)的形式檢驗(yàn)學(xué)生的自學(xué)情況。
3、總結(jié)與評(píng)價(jià)
開(kāi)展同學(xué)間的互助，檢驗(yàn)其鏈接完成情況，推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識(shí)點(diǎn)。
【本文地址：http://gzsthw.cn/zuowen/1156809.html】
