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