- 相關(guān)推薦
網(wǎng)頁制作教學(xué)計(jì)劃最新
時間過得可真快，從來都不等人，又迎來了一個全新的起點(diǎn)，立即行動起來寫一份計(jì)劃吧。那么計(jì)劃怎么擬定才能發(fā)揮它最大的作用呢？以下是小編收集整理的網(wǎng)頁制作教學(xué)計(jì)劃最新，歡迎大家借鑒與參考，希望對大家有所幫助。
網(wǎng)頁制作教學(xué)計(jì)劃最新1
教學(xué)目標(biāo)：
1、知識與技能：
�。�1）理解框架的概念及用途。
�。�2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。
�。�3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。
2、過程與方法：
（1）通過對表格網(wǎng)頁的分析，體驗(yàn)新知識（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識。
�。�2）理解框架的概念與組成，學(xué)會分析網(wǎng)站的結(jié)構(gòu)。
3、情感態(tài)度與價值觀：
�。�1）通過以"人與動物"為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動，了解更多有關(guān)人與動物和諧相處的知識，通過故事趣聞，增強(qiáng)學(xué)生關(guān)注動物的興趣和意識。
�。�2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。
教學(xué)重、難點(diǎn)：
1、重點(diǎn)：框架的概念、用途，創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。
2、難點(diǎn)：框架的拆分。
教學(xué)方法：
對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。
教學(xué)準(zhǔn)備：
整理、歸類相關(guān)素材，并按要求擺放。
教學(xué)過程：
1、引入
老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個共同特點(diǎn)（學(xué)生答：網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問如何快捷地制作這種網(wǎng)頁？（學(xué)生答：使用復(fù)制粘貼快捷地制作）
盡管復(fù)制、粘貼能為我們節(jié)省時間，但有沒有更好的.方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作，就能給我們帶來更多便捷。（讓學(xué)生明確框架網(wǎng)頁使用的場合）
2、新授
�。�1）框架網(wǎng)頁概念
由以上例子入手，再展示一個框架網(wǎng)頁，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念
�。�2）框架網(wǎng)頁的新建與保存
教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。
任務(wù)1創(chuàng)建"橫幅和目錄"結(jié)構(gòu)的框架網(wǎng)頁，新建top和left頁面，并學(xué)會保存。
框架結(jié)構(gòu)中的每個框都是一個獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個框分別指定其網(wǎng)頁文件的來源，可以通過每個框中的"新建網(wǎng)頁"按鈕和"設(shè)置初始網(wǎng)頁"按鈕進(jìn)行選擇。在top和left頁面中，單擊"保存"按鈕，隨即開始保存。
此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對保存頁面中的藍(lán)色部分，教師進(jìn)行講解，教會學(xué)生注意觀察。
學(xué)生要理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解"新建網(wǎng)頁"和"設(shè)置初始網(wǎng)頁"兩個按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。
設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主
學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。
�。�3）相關(guān)頁面的制作與設(shè)置
框架網(wǎng)頁中相關(guān)頁面的制作，需要結(jié)合表格來布局，插入文字、圖片和交互式按鈕。
任務(wù)2 top和left頁面的制作。
要求：
○1top頁面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。
○2 left頁面內(nèi)插入5行1列的表格，在每個單元格內(nèi)依次插入交互式按鈕（共4個），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個單元格內(nèi)插入一個郵箱指示的圖片。
○3調(diào)整表格邊框的粗細(xì)。
○4為main區(qū)域設(shè)置初始頁面。（該網(wǎng)頁由教師提供現(xiàn)成的）
學(xué)生制作相關(guān)頁面，同時也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況，開展比一比、評一評活動，對表現(xiàn)好的學(xué)生給予表揚(yáng)。
（4）框架網(wǎng)頁屬性的設(shè)置
創(chuàng)建好框架網(wǎng)頁后，可以根據(jù)實(shí)際需要改變框架的屬性。
任務(wù)3調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動條等。
提高任務(wù)：框架的拆分。
學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。完成設(shè)置后請同學(xué)示范操作，并說明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。
3、 總結(jié)與評價
老師可以給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。
設(shè)計(jì)意圖：開拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會學(xué)生要善于總結(jié)，要學(xué)會學(xué)習(xí)的方法。
網(wǎng)頁制作教學(xué)計(jì)劃最新2
一、課程基本信息
課程編號：
中文名稱：網(wǎng)頁設(shè)計(jì)與制作
英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)
開課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時：24學(xué)時總學(xué)分：1課程簡介：
本課程突出網(wǎng)頁設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的.重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計(jì)與制作的興趣和愛好。參考書：
1、網(wǎng)頁設(shè)計(jì)與制作教程，熊前興閔聯(lián)營，科學(xué)出版社；
2、網(wǎng)站與網(wǎng)頁設(shè)計(jì)，張貴明，清華大學(xué)出版社；
3、網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；
4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；
二、課程教學(xué)目標(biāo)：
網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計(jì)和制作常用網(wǎng)頁。
三、理論教學(xué)內(nèi)容與要求
第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）
�。�1）Internet基礎(chǔ)知識
�。�2）www簡介
�。�3）網(wǎng)頁制作的技術(shù)和工具介紹
第二章、超文本編輯語言HTML（8學(xué)時）
（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語言（4學(xué)時）
�。�1）JavaScript語言簡介
（2）JavaScript編程基礎(chǔ)
�。�3）基于對象的JavaScript語言
�。�4）JavaScript程序?qū)嵗?/p>
第四章、層疊樣式表CSS（1學(xué)時）
�。�1）CSS概述
�。�2）CSS屬性
第五章、可視化網(wǎng)頁設(shè)計(jì)工具
�。�1）網(wǎng)頁的基本操作
（2）圖像、表格與超鏈接
�。�3）表單與框架
（4）添加網(wǎng)頁元素
�。�5）發(fā)布站點(diǎn)
第六章、動態(tài)網(wǎng)頁設(shè)計(jì)語言ASP（4學(xué)時）
�。�1）ASP簡介
�。�2）VBScript腳本基礎(chǔ)
（3）ASP的內(nèi)置對象
�。�4）實(shí)用文件
第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）
�。�1）數(shù)據(jù)庫的連接
（2）數(shù)據(jù)庫的檢索
�。�3）數(shù)據(jù)庫的操作
總結(jié)復(fù)習(xí)（1學(xué)時）
四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求
五、作業(yè)
六、考核方式
期末考核每個同學(xué)為自己設(shè)計(jì)制作一個博客網(wǎng)站。
七、成績評定
1、自制網(wǎng)站（80%）
2、平時考勤、作業(yè)（20%）平時成績分配：
平時考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%
八、執(zhí)行大綱時應(yīng)注意的問題
根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。
【網(wǎng)頁制作教學(xué)計(jì)劃最新】相關(guān)文章：
網(wǎng)頁制作教學(xué)計(jì)劃優(yōu)秀02-22
網(wǎng)頁制作簡歷11-29
《網(wǎng)頁制作入門》說課稿01-08
網(wǎng)頁制作教學(xué)設(shè)計(jì)11-30