- 網(wǎng)頁(yè)制作教學(xué)計(jì)劃 推薦度：
- 相關(guān)推薦
網(wǎng)頁(yè)制作教學(xué)計(jì)劃6篇
時(shí)間過(guò)得太快，讓人猝不及防，我們又將迎來(lái)新的喜悅、新的收獲，寫(xiě)一份計(jì)劃，為接下來(lái)的工作做準(zhǔn)備吧！我們?cè)撛趺磾M定計(jì)劃呢？下面是小編收集整理的網(wǎng)頁(yè)制作教學(xué)計(jì)劃，歡迎大家借鑒與參考，希望對(duì)大家有所幫助。
網(wǎng)頁(yè)制作教學(xué)計(jì)劃 1
一、課程基本信息
課程編號(hào)：
中文名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)與制作
英文名稱(chēng)：Web Design and Production課程類(lèi)別：選修課適用專(zhuān)業(yè)：所有專(zhuān)業(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)好。
二、課程教學(xué)目標(biāo)：
網(wǎng)頁(yè)和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過(guò)網(wǎng)站來(lái)宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁(yè)展示自己的風(fēng)采，人們從不同類(lèi)型的網(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è)。
三、理論教學(xué)內(nèi)容與要求
第一章、網(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è)制作教學(xué)計(jì)劃 2
一、基本情況
1）課程名稱(chēng)：網(wǎng)頁(yè)制作
2）教材使用情況：無(wú)
3）任課班級(jí)： 高二（1）
4）本學(xué)期周課時(shí)： 2
5）計(jì)劃教學(xué)時(shí)數(shù)： 32
6）已完成教學(xué)情況：無(wú)
二、 教學(xué)目標(biāo)及任務(wù)：
1） 課程教學(xué)主要目的要求：
主要目的：
1、介紹網(wǎng)絡(luò)及網(wǎng)站建設(shè)的相關(guān)知識(shí)，使學(xué)生對(duì)其有一個(gè)初步了解；
2、了解萬(wàn)維網(wǎng)的基本結(jié)構(gòu)，網(wǎng)頁(yè)組成的基本要素；
3、了解目前常用的網(wǎng)頁(yè)制作軟件，并熟練掌握用Frontpage軟件設(shè)計(jì)制作網(wǎng)頁(yè)；
4、學(xué)會(huì)對(duì)站點(diǎn)進(jìn)行管理，對(duì)網(wǎng)頁(yè)進(jìn)行上傳。
2） 教學(xué)重點(diǎn)、難點(diǎn)：
教學(xué)重點(diǎn)：熟悉網(wǎng)頁(yè)組成的.基本要素；在Frontpage中熟練利用表格規(guī)劃布局網(wǎng)頁(yè)；熟練正確設(shè)置超級(jí)
鏈接。
教學(xué)難點(diǎn)：動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)現(xiàn)；利用表單處理數(shù)據(jù)信息；對(duì)站點(diǎn)進(jìn)行管理并上傳網(wǎng)頁(yè)。
三、 教學(xué)內(nèi)容及計(jì)劃安排：
教材體系及教學(xué)進(jìn)度計(jì)劃
教學(xué)內(nèi)容調(diào)整說(shuō)明
第一周：了解網(wǎng)站和網(wǎng)頁(yè)的相關(guān)知識(shí)
第二周：Frontpage簡(jiǎn)介
第三周：Frontpage文本基本操作
第四周：圖像基本操作
第五周：網(wǎng)頁(yè)中表格的使用之插入表格
第六周：表格的修飾
第七周：動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)現(xiàn)之簡(jiǎn)單動(dòng)畫(huà)效果
第八周：活動(dòng)元素
第九周：框架的使用之創(chuàng)建框架
第十周：框架的修飾
第十一周：表單的使用之表單欄的設(shè)定
第十二周：使用表單模塊處理表單信息
第十三周：管理站點(diǎn)
第十四周：網(wǎng)頁(yè)上傳
第十五周：復(fù)習(xí)
第十六周：考試
1、五一放假及活動(dòng)的影響，實(shí)際教學(xué)時(shí)數(shù)比計(jì)劃教學(xué)時(shí)數(shù)要少；因此實(shí)際上課進(jìn)度比計(jì)劃要快。
2、由于是技能課，理論課時(shí)數(shù)會(huì)少于上機(jī)操作時(shí)數(shù)；
網(wǎng)頁(yè)制作教學(xué)計(jì)劃 3
新學(xué)期開(kāi)始，本學(xué)期我將擔(dān)任11級(jí)計(jì)算機(jī)網(wǎng)絡(luò)班《網(wǎng)頁(yè)制作》的教學(xué)，為了有效地培養(yǎng)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作課程的興趣，使學(xué)生逐步具備利用所學(xué)知識(shí)進(jìn)行網(wǎng)頁(yè)制作的能力，以適應(yīng)信息社會(huì)的學(xué)習(xí)、工作和生活的需要；為了規(guī)范教學(xué)，我特制訂教學(xué)計(jì)劃如下：
一、教學(xué)指導(dǎo)思想：
本學(xué)期我將認(rèn)真做好所教課程的各項(xiàng)工作。認(rèn)真學(xué)習(xí)中職計(jì)算機(jī)學(xué)科的教學(xué)大綱和網(wǎng)頁(yè)制作的相關(guān)教材，明確教學(xué)任務(wù)和教材體系，力爭(zhēng)“教書(shū)”與“育人”貫穿始終。全面貫徹教育部關(guān)于中職教育的大政方針，努力探索計(jì)算機(jī)教學(xué)規(guī)律，在激發(fā)和培養(yǎng)學(xué)生的學(xué)習(xí)興趣，養(yǎng)成良好的學(xué)習(xí)習(xí)慣，提高動(dòng)手能力的同時(shí)，著力培養(yǎng)學(xué)生樹(shù)立正確的榮辱觀和人生觀，積極推進(jìn)素質(zhì)教育。在教學(xué)中要充分利用計(jì)算機(jī)來(lái)培養(yǎng)學(xué)生的信息素養(yǎng)，有效地提高教育教學(xué)水平。促進(jìn)學(xué)生創(chuàng)新精神和實(shí)踐能力的培養(yǎng)，充分考慮學(xué)生的發(fā)展需要，強(qiáng)調(diào)學(xué)生自主學(xué)習(xí)，發(fā)揮教師的主導(dǎo)作用，學(xué)生主體作用，以學(xué)生個(gè)體發(fā)展為目標(biāo)，不斷提高教育教學(xué)質(zhì)量。
二、學(xué)生情況分析：
上學(xué)期學(xué)生已經(jīng)初步學(xué)習(xí)了部分課程，對(duì)此可能有了一定的了解，但是中職學(xué)生整體素質(zhì)層次不齊，絕大多數(shù)學(xué)生學(xué)習(xí)目標(biāo)明確，但也有少數(shù)學(xué)生對(duì)微機(jī)在當(dāng)前和末來(lái)社會(huì)中作用認(rèn)識(shí)不夠。雖然有基礎(chǔ)但是通過(guò)一個(gè)假期之后，很多知識(shí)需要鞏固。但總體來(lái)看本課程學(xué)生們的學(xué)習(xí)興趣還是很好的。
三、教材分析
我們選用的是電子工業(yè)出版社出版的《網(wǎng)頁(yè)制作》第二版教材。本教材的編寫(xiě)打破了傳統(tǒng)的學(xué)科體系，以項(xiàng)目為中心，一個(gè)個(gè)小任務(wù)為實(shí)例，以范例網(wǎng)站的建設(shè)為主線，不強(qiáng)求理論體系的完整性，以夠用為度，以是否實(shí)用為標(biāo)準(zhǔn)。整個(gè)項(xiàng)目統(tǒng)籌考慮實(shí)訓(xùn)的設(shè)計(jì)，循序漸進(jìn)，逐步完善，著重培養(yǎng)學(xué)生獨(dú)立思考問(wèn)題和主動(dòng)解決問(wèn)題的能力，力求在學(xué)習(xí)的過(guò)程中積累實(shí)際工作的經(jīng)驗(yàn)，從而突出職業(yè)技術(shù)教育的特色。
本書(shū)共8章，前面已學(xué)習(xí)了前三章，本學(xué)期主要學(xué)習(xí)后五章。第四章打造企業(yè)留言板本章的教學(xué)重點(diǎn)和難點(diǎn)是插入表單對(duì)象的基本方法及設(shè)置表單及表單對(duì)象屬性的方法。要求掌握表單、文本域、單選按鈕、列表／菜單、復(fù)選框、文本區(qū)域、隱藏域、按鈕、文件域、跳轉(zhuǎn)菜單、字段集、【檢查表單】行為、密碼驗(yàn)證的方法等知識(shí)點(diǎn)。主要是通過(guò)完成企業(yè)留言板這一項(xiàng)目來(lái)學(xué)習(xí)的。通過(guò)總的項(xiàng)目來(lái)分析逐個(gè)小任務(wù)。最終完成知識(shí)點(diǎn)的學(xué)習(xí)。為了更好的使同學(xué)們掌握重難點(diǎn)，在教學(xué)中我會(huì)精講多練，讓學(xué)生案例分析，討論，最終上機(jī)操作，如：用戶(hù)注冊(cè)，163信箱等的制作。
第五章在Dreamweaver中美化頁(yè)面本章教學(xué)重難點(diǎn)是添加、修改和刪除行為的方法及在網(wǎng)頁(yè)制作中應(yīng)用行為的基本方法。要求學(xué)生掌握行為的概念、【行為】面板、常用事件、狀態(tài)欄文本、彈出式菜單、打開(kāi)瀏覽器窗口、交換圖像、控制Shockwave或
Flash、彈出信息、拖動(dòng)層等知識(shí)點(diǎn)。主要是通過(guò)逐個(gè)任務(wù)來(lái)完成教學(xué)的。首先教師演示教學(xué)案例。通過(guò)PPT課件講授基本知識(shí)。然后通過(guò)讓學(xué)生自己動(dòng)手重新制作教學(xué)案例來(lái)鞏固基本知識(shí)。最終通過(guò)實(shí)訓(xùn)讓學(xué)生進(jìn)一步熟悉所學(xué)知識(shí)點(diǎn)。
第六章站點(diǎn)的發(fā)布本章教學(xué)重難點(diǎn)是在IIS中配置FTP服務(wù)器的方法及通過(guò)Dreamweaver發(fā)布網(wǎng)頁(yè)的方法和在模板中插入模板對(duì)象的方法。要求學(xué)生掌握安裝IIS服務(wù)器、配置Web服務(wù)器、配置FTP服務(wù)器、發(fā)布網(wǎng)頁(yè)、檢查鏈接、改變鏈接、查找和替換、清理文檔、保持同步等知識(shí)點(diǎn)。本章主要通過(guò)教師實(shí)例演示，學(xué)生動(dòng)手操作來(lái)完成教學(xué)任務(wù)的。為了讓學(xué)生更加熟練操作，教師主要通過(guò)多個(gè)實(shí)例操作練習(xí)的方法來(lái)完成教學(xué)。
第七章CSS樣式的應(yīng)用本章教學(xué)重難點(diǎn)是創(chuàng)建和設(shè)置CSS樣式的方法及附加樣式表的方法。要求學(xué)生掌握【CSS樣式】面板、CSS樣式的類(lèi)別、定義CSS樣式的方法、CSS的【類(lèi)型】等屬性對(duì)話框、3種選擇器各自的特點(diǎn)、創(chuàng)建超級(jí)鏈接的高級(jí)CSS樣式、設(shè)置單元格ID名稱(chēng)和樣式、修改CSS樣式、刪除CSS樣式、應(yīng)用CSS樣式、附加樣式表、重命名樣式等知識(shí)點(diǎn)。主要通過(guò)項(xiàng)目教學(xué)法來(lái)完成教學(xué)，項(xiàng)目的主要目的是讓學(xué)生掌握CSS樣式的基本知識(shí)。項(xiàng)目主要通過(guò)CSS樣式控制購(gòu)物網(wǎng)頁(yè)的外觀，一方面要熟悉CSS樣式的基本使用方法，另一方面要了解購(gòu)物網(wǎng)頁(yè)頁(yè)面的基本特點(diǎn)。本項(xiàng)目使用的網(wǎng)頁(yè)布局技術(shù)仍然是表格，另外還涉及文本、圖像等網(wǎng)頁(yè)元素。
第八章網(wǎng)頁(yè)制作綜合實(shí)例本章重難點(diǎn)是使學(xué)生綜合運(yùn)用所學(xué)知識(shí)點(diǎn)。要求學(xué)生掌握網(wǎng)站設(shè)計(jì)流程、設(shè)計(jì)網(wǎng)頁(yè)布局、各級(jí)網(wǎng)頁(yè)制作的方法及網(wǎng)站的推廣。本章主要是讓學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題，分析問(wèn)題，解決問(wèn)題的'能力。同時(shí)培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的意識(shí)。
四、教學(xué)措施
1、計(jì)算機(jī)是一個(gè)不斷發(fā)展的學(xué)科，也是一個(gè)日新月異的學(xué)科，不斷會(huì)有新的計(jì)算機(jī)技術(shù)出現(xiàn)，教師要在第一時(shí)間了解這些動(dòng)態(tài)，然后學(xué)會(huì)交給學(xué)生。因?yàn)橛?jì)算機(jī)在現(xiàn)實(shí)生活中的應(yīng)用都是最新的技術(shù)，如果與現(xiàn)實(shí)脫節(jié)了，那么學(xué)生現(xiàn)在學(xué)到的計(jì)算機(jī)知識(shí)在現(xiàn)實(shí)中根本就用不上。所以需要教師有良好的計(jì)算機(jī)學(xué)習(xí)能力，為學(xué)生做好引導(dǎo)者。
2、采用項(xiàng)目教學(xué)法，任務(wù)驅(qū)動(dòng)式，案例講解，實(shí)例討論等教學(xué)法圍繞“教務(wù)管理系統(tǒng)”組織教學(xué)內(nèi)容，分解出一個(gè)個(gè)子任務(wù)分組學(xué)習(xí)，分組討論，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，開(kāi)發(fā)個(gè)人潛能。
3、學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題，分析問(wèn)題，解決問(wèn)題的能力。同時(shí)培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的意識(shí)。
4、該課程理論性和實(shí)踐性均強(qiáng)，要求學(xué)生勤學(xué)多練，除掌握對(duì)網(wǎng)頁(yè)制作的操作外，還應(yīng)要求學(xué)生做好flash與平面設(shè)計(jì)，并引導(dǎo)學(xué)生綜合運(yùn)用。根據(jù)學(xué)生的學(xué)習(xí)情況制訂貼近學(xué)生生活的實(shí)踐操作以真正達(dá)到了學(xué)以致用的目的。
5、課后及時(shí)反思，撰寫(xiě)反思日志，積極與學(xué)生溝通，了解學(xué)生學(xué)習(xí)掌握情況，對(duì)于存在的問(wèn)題及時(shí)發(fā)現(xiàn)糾正，對(duì)于好的經(jīng)驗(yàn)方法進(jìn)行總結(jié)創(chuàng)新。
6、制定激勵(lì)措施，引發(fā)學(xué)生的創(chuàng)新積極性。對(duì)于對(duì)計(jì)算機(jī)有興趣和獨(dú)到見(jiàn)解的學(xué)生，可以成立興趣小組，有老師帶隊(duì)，做一些新的項(xiàng)目和開(kāi)發(fā)研究。制定一套合理的獎(jiǎng)勵(lì)機(jī)制，對(duì)于學(xué)生的創(chuàng)新成果給予一定的肯定和獎(jiǎng)勵(lì)，激發(fā)學(xué)生的創(chuàng)新熱情，讓學(xué)生覺(jué)得自己創(chuàng)新是有人欣賞，是有價(jià)值的，從而以更積極的態(tài)度投入到新的創(chuàng)新中。
總之，計(jì)算機(jī)在教育中的地位越來(lái)越重要，我們需要投入更多的精力來(lái)對(duì)計(jì)算機(jī)教育進(jìn)行創(chuàng)新和研究。對(duì)于本課程的教學(xué)已遠(yuǎn)遠(yuǎn)不止于此。除了因人而異、因材施教以外，更要博覽群書(shū)、拓寬視野，努力尋求新的切入點(diǎn)，使理論教學(xué)和實(shí)際應(yīng)用更好更緊密的結(jié)合起來(lái)，培養(yǎng)出更多適應(yīng)信息化社會(huì)的實(shí)用型和復(fù)合型人才。
網(wǎng)頁(yè)制作教學(xué)計(jì)劃 4
教學(xué)目標(biāo)：
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è)趣。
教學(xué)重、難點(diǎn)：
1、重點(diǎn)：框架的概念、用途，創(chuàng)建、編輯與保存框架網(wǎng)頁(yè)的方法。
2、難點(diǎn)：框架的拆分。
教學(xué)方法：
對(duì)比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。
教學(xué)準(zhǔn)備：
整理、歸類(lèi)相關(guān)素材，并按要求擺放。
教學(xué)過(guò)程：
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é)生先閱讀教材中的操作步驟，再?lài)L試進(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è)制作教學(xué)計(jì)劃 5
一、教學(xué)目標(biāo)
1、知道站點(diǎn)、主頁(yè)的概念，能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)；
2、認(rèn)識(shí)FRONTPAGE的界面；
3、掌握在主頁(yè)中插入文字、圖片、水平線；
4、掌握頁(yè)面文件與圖片的保存。
二、教學(xué)重點(diǎn)
1、能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)（難點(diǎn)）
2、能在頁(yè)面中插入文字、圖片、水平線
3、掌握頁(yè)面文件與圖片的保存（難點(diǎn)）
三、學(xué)情分析
學(xué)生已經(jīng)學(xué)習(xí)了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對(duì)計(jì)算機(jī)的基本操作（WORD中文檔的編輯，網(wǎng)頁(yè)的瀏覽等）比較熟練。這使得學(xué)生主動(dòng)探索、自主學(xué)習(xí)成為可能。每位學(xué)生必須完成基本任務(wù)，有能力的學(xué)生還可以完成提高篇的學(xué)習(xí)，以充分發(fā)揮學(xué)生的積極性與自主性。
四、教學(xué)方法
在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識(shí)的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的自己探索學(xué)習(xí)，以滿(mǎn)足不同層次學(xué)生的需求。
五、教學(xué)過(guò)程設(shè)計(jì)
教師活動(dòng)：
引入課題：（激發(fā)興趣，活躍氣氛）
同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒(méi)有同學(xué)知道新浪、西祠胡同稱(chēng)做什么？（網(wǎng)站）
瀏覽新浪網(wǎng)站，瀏覽的`第一個(gè)頁(yè)面稱(chēng)為什么？（主頁(yè)）
我們還可以瀏覽其它的頁(yè)面，點(diǎn)擊超鏈接瀏覽，當(dāng)鼠標(biāo)變成手指的形狀時(shí)有超鏈接。
問(wèn)題1：網(wǎng)站是不是就是網(wǎng)頁(yè)？用自己的語(yǔ)言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁(yè)，通過(guò)超鏈接把不同的頁(yè)面鏈接起來(lái)）
問(wèn)題2：網(wǎng)頁(yè)是不是就是主頁(yè)？(第一個(gè)頁(yè)面稱(chēng)為主頁(yè)，網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁(yè)，主頁(yè)的文件名一般為：index.ht，主頁(yè)也是網(wǎng)頁(yè))
設(shè)計(jì)網(wǎng)站一般必須經(jīng)過(guò)兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在internet上，讓所有的人訪問(wèn)瀏覽。
今天我們學(xué)習(xí)用Frntpage建立站點(diǎn)，制作一個(gè)主頁(yè)。
先來(lái)研究一下沒(méi)有發(fā)布的網(wǎng)站，打開(kāi)教師做的網(wǎng)站
網(wǎng)頁(yè)制作教學(xué)計(jì)劃 6
一、教學(xué)目標(biāo)
讓學(xué)生掌握網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)和技能。
培養(yǎng)學(xué)生的創(chuàng)新思維和實(shí)踐能力。
提高學(xué)生的審美水平和團(tuán)隊(duì)協(xié)作能力。
二、教學(xué)對(duì)象
計(jì)算機(jī)專(zhuān)業(yè)的學(xué)生
三、教學(xué)內(nèi)容
�。ㄒ唬〩TML 基礎(chǔ)（4 課時(shí)）
HTML 標(biāo)簽的介紹與使用；如：圖像標(biāo)簽、鏈接標(biāo)簽。
�。ǘ〤SS 樣式（6 課時(shí)）
CSS 基本語(yǔ)法和選擇器。
字體樣式、顏色、背景設(shè)置。
盒子模型，包括邊框、內(nèi)邊距、外邊距。
�。ㄈ┚W(wǎng)頁(yè)布局（8 課時(shí)）
浮動(dòng)布局與清除浮動(dòng)。
定位布局，包括相對(duì)定位、絕對(duì)定位和固定定位。
彈性布局（Flex）和網(wǎng)格布局（Grid）。
（四）JavaScript 交互（6 課時(shí)）
JavaScript 基本語(yǔ)法和變量。
事件處理，如點(diǎn)擊、鼠標(biāo)移動(dòng)等。
表單驗(yàn)證。
�。ㄎ澹┚W(wǎng)頁(yè)綜合實(shí)踐（8 課時(shí)）
學(xué)生分組設(shè)計(jì)并制作完整的'網(wǎng)頁(yè)。
項(xiàng)目展示與評(píng)價(jià)。
四、教學(xué)方法
講授法：講解網(wǎng)頁(yè)制作的理論知識(shí)和操作技巧。
演示法：通過(guò)演示實(shí)際操作過(guò)程，讓學(xué)生更直觀地理解。
實(shí)踐法：學(xué)生在課堂上進(jìn)行實(shí)際操作，鞏固所學(xué)知識(shí)。
小組合作法：分組完成項(xiàng)目，培養(yǎng)團(tuán)隊(duì)協(xié)作能力。
五、教學(xué)資源
教材：《網(wǎng)頁(yè)制作從入門(mén)到精通》等。
在線教程和資源網(wǎng)站。
多媒體教室和相關(guān)軟件。
六、教學(xué)評(píng)估
平時(shí)作業(yè)和課堂表現(xiàn)：占總成績(jī)的 30%。
項(xiàng)目作品：占總成績(jī)的 70%，根據(jù)作品的創(chuàng)意、技術(shù)運(yùn)用、頁(yè)面效果等方面進(jìn)行評(píng)價(jià)。
七、注意事項(xiàng)
鼓勵(lì)學(xué)生多實(shí)踐、多探索，培養(yǎng)自主學(xué)習(xí)能力。
及時(shí)解答學(xué)生在學(xué)習(xí)過(guò)程中遇到的問(wèn)題。
【網(wǎng)頁(yè)制作教學(xué)計(jì)劃】相關(guān)文章：
網(wǎng)頁(yè)制作教學(xué)計(jì)劃02-22
《網(wǎng)頁(yè)的制作》教案優(yōu)秀01-30
《網(wǎng)頁(yè)的制作》教案優(yōu)秀4篇(推薦)07-24
制作傘教案11-25
《制作賀卡》說(shuō)課稿12-17
《制作賀卡》教案05-14
制作賀卡教案01-22
手工制作教案范文08-26
制作讀書(shū)卡的方法07-25