網頁制作教學計劃

網頁制作教學計劃

　　人生天地之間，若白駒過隙，忽然而已，我們的工作又將在忙碌中充實著，在喜悅中收獲著，一起對今后的學習做個計劃吧。那么你真正懂得怎么制定計劃嗎？以下是小編收集整理的網頁制作教學計劃，僅供參考，希望能夠幫助到大家。

網頁制作教學計劃1

　　教學目標：

　　1、知識與技能

　�。�1）了解超級鏈接的含義及鏈接源和鏈接目標的含義，掌握同一站點內以及不同站點間網頁超級鏈接的創建方法。

　�。�2）掌握網頁內書簽的作用及創建書簽鏈接方法，掌握交互式按鈕、框架網頁內超級鏈接的設置方法。

　�。�3）理解熱區鏈接的含義及創建方法。

　　2、過程與方法

　�。�1）通過創建網頁超級鏈接的操作，使學生了解網頁中創建超級鏈接的基本方法，破除對網頁鏈接的神秘感。

　�。�2）通過對不同對象設置超級鏈接的操作，使學生總結出操作的規律，培養學生自主學習與操作的能力。

　�。�3）通過網頁不同的超級鏈接方法，拓展學生思維，創建多種形式的網頁鏈接。

　　3、情感態度與價值觀

　�。�1）通過鏈接我國主要自然保護區網頁，激發學生熱愛祖國、熱愛自然、熱愛生命的激情。

　�。�2）完成超級鏈接，使學生感受成功的喜悅和快樂。

　　教學重、難點：

　　1、教學重點：

　�。�1）超級鏈接的含義及鏈接源和鏈接目標的含義。

　�。�2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內的超鏈接，圖片區域制作超鏈接等。

　　2、教學難點

　�。�1）書簽鏈接中名稱及對應鏈接位置的設定。

　�。�2）在框架頁面中制作超鏈接時，目標對象所選擇的顯示窗口形式。

　　教學方法與教學手段：

　　任務驅動法、討論探究法、講解與演示法、類比知識遷移法。

　　教學準備：

　　"動物——人類的朋友"站點，包括未鏈接的網頁，如歡迎頁、表格頁、框架頁，表單頁等。

　　教學過程：

　　1、引入

　　展示兩個主頁，一個已經創建了鏈接，一個沒有創建鏈接，讓學生進行比較并找出區別，引出本課課題——超級鏈接。

　　提出：我們在先前的學習中，哪個軟件中的相關操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標分別是什么？

　　學生展開交流，通過對比找出不同點，并積極思考，回答老師的問題。

　　設計意圖：通過對比操作、交流，再輔以知識遷移，明確本節課教學內容。

　　2、新授

　�。�1）站內超級鏈接

　　引導學生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內容，讓學生自行探究并完成以下操作：

　　任務1同一站點內不同頁面之間的鏈接

　　○1制作首頁（歡迎頁）到表格頁的超鏈接。

　　○2給表格頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。

　　○3給框架頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。

　　教師巡視，及時指導，安排學生示范操作并講解如何制作超鏈接。

　　交互式按鈕的超鏈接制作要求在框架網頁中演示操作。老師可以提問學生：演示者操作的對嗎？有沒有問題？

　　引導學生發現問題：超鏈接制作完成后需要檢驗（保存后預覽）。

　　教師講解，突破難點，再交由學生操作。

　　以上是同一站點內不同網頁之間的鏈接，有時一個頁面中內容過多，需要不斷拖動滾動條實現閱讀，能否實現快速跳轉呢？

　　任務2同一站點內同一頁面內的.跳轉（鏈接）：在"動物趣聞"頁面內制作書簽鏈接。

　　教師講解：由生活中的書簽引入，介紹"書簽鏈接"的概念，然后再演示如何操作。

　　提示：書簽鏈接的雙向性問題（返回）。

　　學生認真聽講后模仿制作，教師巡視進行指導并反饋學生的完成情況。

　�。�2）站間超級鏈接

　　僅憑我們課堂上制作的這些頁面還不足以詳細介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網上的其他網站，以豐富我們的內容。

　　任務3借助熱區鏈接，為"友情鏈接"頁面制作超鏈接，鏈接我國一些自然保護區網站。

　　有了以上基礎，可安排學生自學教材中有關熱區鏈接的相關內容，學生探究操作后教師再安排學生進行演示，輔助以提問的形式檢驗學生的自學情況。

　　3、總結與評價

　　開展同學間的互助，檢驗其鏈接完成情況，推薦優秀同學做展示。引導學生分類總結本節課的知識點。

網頁制作教學計劃2

　　一、基本情況

　　1）課程名稱：網頁制作

　　2）教材使用情況：無

　　3）任課班級： 高二（1）

　　4）本學期周課時： 2

　　5）計劃教學時數： 32

　　6）已完成教學情況：無

　　二、 教學目標及任務：

　　1） 課程教學主要目的要求：

　　主要目的：

　　1、介紹網絡及網站建設的相關知識，使學生對其有一個初步了解；

　　2、了解萬維網的基本結構，網頁組成的基本要素；

　　3、了解目前常用的網頁制作軟件，并熟練掌握用Frontpage軟件設計制作網頁；

　　4、學會對站點進行管理，對網頁進行上傳。

　　2） 教學重點、難點：

　　教學重點：熟悉網頁組成的.基本要素；在Frontpage中熟練利用表格規劃布局網頁；熟練正確設置超級

　　鏈接。

　　教學難點：動態網頁的實現；利用表單處理數據信息；對站點進行管理并上傳網頁。

　　三、 教學內容及計劃安排：

　　教材體系及教學進度計劃

　　教學內容調整說明

　　第一周：了解網站和網頁的相關知識

　　第二周：Frontpage簡介

　　第三周：Frontpage文本基本操作

　　第四周：圖像基本操作

　　第五周：網頁中表格的使用之插入表格

　　第六周：表格的修飾

　　第七周：動態網頁的實現之簡單動畫效果

　　第八周：活動元素

　　第九周：框架的使用之創建框架

　　第十周：框架的修飾

　　第十一周：表單的使用之表單欄的設定

　　第十二周：使用表單模塊處理表單信息

　　第十三周：管理站點

　　第十四周：網頁上傳

　　第十五周：復習

　　第十六周：考試

　　1、五一放假及活動的影響，實際教學時數比計劃教學時數要少；因此實際上課進度比計劃要快。

　　2、由于是技能課，理論課時數會少于上機操作時數；

網頁制作教學計劃3

　　一、教學目標

　　1、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點；

　　2、認識FRONTPAGE的界面；

　　3、掌握在主頁中插入文字、圖片、水平線；

　　4、掌握頁面文件與圖片的保存。

　　二、教學重點

　　1、能在指定位置建立只有一個網頁的站點（難點）

　　2、能在頁面中插入文字、圖片、水平線

　　3、掌握頁面文件與圖片的保存（難點）

　　三、學情分析

　　學生已經學習了WORD、POWERPOINT與上網瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務，有能力的學生還可以完成提高篇的學習，以充分發揮學生的積極性與自主性。

　　四、教學方法

　　在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學，讓學生根據這個網絡環境下的自己探索學習，以滿足不同層次學生的需求。

　　五、教學過程設計

　　教師活動：1、引入課題：（激發興趣，活躍氣氛）

　　同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）

　　瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）

　　我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。

　　問題1：網站是不是就是網頁？用自己的`語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）

　　問題2：網頁是不是就是主頁？（第一個頁面稱為主頁，網站設計者可以確定哪一個是主頁，主頁的文件名一般為：index.ht,主頁也是網頁）

　　設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。

　　今天我們學習用Frntpage建立站點，制作一個主頁。

　　先來研究一下沒有發布的網站，打開教師做的網站

網頁制作教學計劃4

　　新學期開始，本學期我將擔任11級計算機網絡班《網頁制作》的教學，為了有效地培養學生學習網頁制作課程的興趣，使學生逐步具備利用所學知識進行網頁制作的能力，以適應信息社會的學習、工作和生活的需要；為了規范教學，我特制訂教學計劃如下：

　　一、教學指導思想：

　　本學期我將認真做好所教課程的各項工作。認真學習中職計算機學科的教學大綱和網頁制作的相關教材，明確教學任務和教材體系，力爭“教書”與“育人”貫穿始終。全面貫徹教育部關于中職教育的大政方針，努力探索計算機教學規律，在激發和培養學生的學習興趣，養成良好的學習習慣，提高動手能力的同時，著力培養學生樹立正確的榮辱觀和人生觀，積極推進素質教育。在教學中要充分利用計算機來培養學生的信息素養，有效地提高教育教學水平。促進學生創新精神和實踐能力的培養，充分考慮學生的發展需要，強調學生自主學習，發揮教師的主導作用，學生主體作用，以學生個體發展為目標，不斷提高教育教學質量。

　　二、學生情況分析：

　　上學期學生已經初步學習了部分課程，對此可能有了一定的了解，但是中職學生整體素質層次不齊，絕大多數學生學習目標明確，但也有少數學生對微機在當前和末來社會中作用認識不夠。雖然有基礎但是通過一個假期之后，很多知識需要鞏固。但總體來看本課程學生們的學習興趣還是很好的。

　　三、教材分析

　　我們選用的是電子工業出版社出版的《網頁制作》第二版教材。本教材的編寫打破了傳統的學科體系，以項目為中心，一個個小任務為實例，以范例網站的建設為主線，不強求理論體系的完整性，以夠用為度，以是否實用為標準。整個項目統籌考慮實訓的設計，循序漸進，逐步完善，著重培養學生獨立思考問題和主動解決問題的能力，力求在學習的過程中積累實際工作的經驗，從而突出職業技術教育的特色。

　　本書共8章，前面已學習了前三章，本學期主要學習后五章。第四章打造企業留言板本章的教學重點和難點是插入表單對象的基本方法及設置表單及表單對象屬性的方法。要求掌握表單、文本域、單選按鈕、列表／菜單、復選框、文本區域、隱藏域、按鈕、文件域、跳轉菜單、字段集、【檢查表單】行為、密碼驗證的方法等知識點。主要是通過完成企業留言板這一項目來學習的。通過總的。項目來分析逐個小任務。最終完成知識點的學習。為了更好的使同學們掌握重難點，在教學中我會精講多練，讓學生案例分析，討論，最終上機操作，如：用戶注冊，163信箱等的制作。

　　第五章在Dreamweaver中美化頁面本章教學重難點是添加、修改和刪除行為的方法及在網頁制作中應用行為的基本方法。要求學生掌握行為的概念、【行為】面板、常用事件、狀態欄文本、彈出式菜單、打開瀏覽器窗口、交換圖像、控制Shockwave或

　　Flash、彈出信息、拖動層等知識點。主要是通過逐個任務來完成教學的。首先教師演示教學案例。通過PPT課件講授基本知識。然后通過讓學生自己動手重新制作教學案例來鞏固基本知識。最終通過實訓讓學生進一步熟悉所學知識點。

　　第六章站點的發布本章教學重難點是在IIS中配置FTP服務器的方法及通過Dreamweaver發布網頁的方法和在模板中插入模板對象的方法。要求學生掌握安裝IIS服務器、配置Web服務器、配置FTP服務器、發布網頁、檢查鏈接、改變鏈接、查找和替換、清理文檔、保持同步等知識點。本章主要通過教師實例演示，學生動手操作來完成教學任務的。為了讓學生更加熟練操作，教師主要通過多個實例操作練習的方法來完成教學。

　　第七章CSS樣式的應用本章教學重難點是創建和設置CSS樣式的方法及附加樣式表的方法。要求學生掌握【CSS樣式】面板、CSS樣式的類別、定義CSS樣式的.方法、CSS的【類型】等屬性對話框、3種選擇器各自的特點、創建超級鏈接的高級CSS樣式、設置單元格ID名稱和樣式、修改CSS樣式、刪除CSS樣式、應用CSS樣式、附加樣式表、重命名樣式等知識點。主要通過項目教學法來完成教學，項目的主要目的是讓學生掌握CSS樣式的基本知識。項目主要通過CSS樣式控制購物網頁的外觀，一方面要熟悉CSS樣式的基本使用方法，另一方面要了解購物網頁頁面的基本特點。本項目使用的網頁布局技術仍然是表格，另外還涉及文本、圖像等網頁元素。

　　第八章網頁制作綜合實例本章重難點是使學生綜合運用所學知識點。要求學生掌握網站設計流程、設計網頁布局、各級網頁制作的方法及網站的推廣。本章主要是讓學生自主完成學習任務，以培養學生發現問題，分析問題，解決問題的能力。同時培養學生主動學習的意識。

　　四、教學措施

　　1、計算機是一個不斷發展的學科，也是一個日新月異的學科，不斷會有新的計算機技術出現，教師要在第一時間了解這些動態，然后學會交給學生。因為計算機在現實生活中的應用都是最新的技術，如果與現實脫節了，那么學生現在學到的計算機知識在現實中根本就用不上。所以需要教師有良好的計算機學習能力，為學生做好引導者。

　　2、采用項目教學法，任務驅動式，案例講解，實例討論等教學法圍繞“教務管理系統”組織教學內容，分解出一個個子任務分組學習，分組討論，充分調動學生的學習積極性，開發個人潛能。

　　3、學生自主完成學習任務，以培養學生發現問題，分析問題，解決問題的能力。同時培養學生主動學習的意識。

　　4、該課程理論性和實踐性均強，要求學生勤學多練，除掌握對網頁制作的操作外，還應要求學生做好flash與平面設計，并引導學生綜合運用。根據學生的學習情況制訂貼近學生生活的實踐操作以真正達到了學以致用的目的。

　　5、課后及時反思，撰寫反思日志，積極與學生溝通，了解學生學習掌握情況，對于存在的問題及時發現糾正，對于好的經驗方法進行總結創新。

　　6、制定激勵措施，引發學生的創新積極性。對于對計算機有興趣和獨到見解的學生，可以成立興趣小組，有老師帶隊，做一些新的項目和開發研究。制定一套合理的獎勵機制，對于學生的創新成果給予一定的肯定和獎勵，激發學生的創新熱情，讓學生覺得自己創新是有人欣賞，是有價值的，從而以更積極的態度投入到新的創新中。

　　總之，計算機在教育中的地位越來越重要，我們需要投入更多的精力來對計算機教育進行創新和研究。對于本課程的教學已遠遠不止于此。除了因人而異、因材施教以外，更要博覽群書、拓寬視野，努力尋求新的切入點，使理論教學和實際應用更好更緊密的結合起來，培養出更多適應信息化社會的實用型和復合型人才。

網頁制作教學計劃5

　　教學目標：

　　1、知識與技能：

　�。�1）理解框架的概念及用途。

　�。�2）掌握框架網頁的新建、制作、編輯與保存，了解框架的拆分方法。

　�。�3）初步掌握將框架結構與表格布局結合使用來制作網頁。

　　2、過程與方法：

　�。�1）通過對表格網頁的分析，體驗新知識（框架結構網頁）的優點，從而促進其學習新知識。

　�。�2）理解框架的概念與組成，學會分析網站的結構。

　　3、情感態度與價值觀：

　�。�1）通過以"人與動物"為主題的框架結構網頁制作活動，了解更多有關人與動物和諧相處的知識，通過故事趣聞，增強學生關注動物的興趣和意識。

　�。�2）能夠將表格與框架結構網頁結合使用，在創作中體驗樂趣。

　　教學重、難點：

　　1、重點：框架的概念、用途，創建、編輯與保存框架網頁的方法。

　　2、難點：框架的拆分。

　　教學方法：

　　對比教學法、探究學習法、模仿學習法。

　　教學準備：

　　整理、歸類相關素材，并按要求擺放。

　　教學過程：

　　1、引入

　　老師展示一組利用表格制作的網頁，要求學生仔細觀察，找出它們的一個共同特點（學生答：網頁上方和左側內容都是相同的`，僅右下部分內容不一樣），并提問如何快捷地制作這種網頁？（學生答：使用復制粘貼快捷地制作）

　　盡管復制、粘貼能為我們節省時間，但有沒有更好的方法呢？相同的區域我們能否只做一遍呢？今天我們要學習的內容——框架網頁制作，就能給我們帶來更多便捷。（讓學生明確框架網頁使用的場合）

　　2、新授

　�。�1）框架網頁概念

　　由以上例子入手，再展示一個框架網頁，教師引導學生理解框架網頁的概念

　�。�2）框架網頁的新建與保存

　　教師要求學生先閱讀教材中的操作步驟，再嘗試進行探究操作。

　　任務1創建"橫幅和目錄"結構的框架網頁，新建top和left頁面，并學會保存。

　　框架結構中的每個框都是一個獨立的選項文件，即網頁文件，因此當框架確定之后，需要為每個框分別指定其網頁文件的來源，可以通過每個框中的"新建網頁"按鈕和"設置初始網頁"按鈕進行選擇。在top和left頁面中，單擊"保存"按鈕，隨即開始保存。

　　此處為教學難點，可先由框架的概念入手，再針對保存頁面中的藍色部分，教師進行講解，教會學生注意觀察。

　　學生要理解框架網頁的概念，通過閱讀教材中的內容，自學新建框架網頁的操作，初步了解"新建網頁"和"設置初始網頁"兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。

　　設計意圖：培養學生自主

　　學習能力，課堂教學難點在教師的講解后模仿操作，有效突破難點。

　�。�3）相關頁面的制作與設置

　　框架網頁中相關頁面的制作，需要結合表格來布局，插入文字、圖片和交互式按鈕。

　　任務2 top和left頁面的制作。

　　要求：

　　○1top頁面內插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。

　　○2 left頁面內插入5行1列的表格，在每個單元格內依次插入交互式按鈕（共4個），交互式按鈕文字為展示介紹的相關內容概括，在第5個單元格內插入一個郵箱指示的圖片。

　　○3調整表格邊框的粗細。

　　○4為main區域設置初始頁面。（該網頁由教師提供現成的）

　　學生制作相關頁面，同時也是對前面所學內容的復習和回顧。老師反饋學生的操作情況，開展比一比、評一評活動，對表現好的學生給予表揚。

　�。�4）框架網頁屬性的設置

　　創建好框架網頁后，可以根據實際需要改變框架的屬性。

　　任務3調整框架的大小、設置框架的邊框、設置框架窗口中的滾動條等。

　　提高任務：框架的拆分。

　　學生自主探究學習，可向老師尋求幫助。完成設置后請同學示范操作，并說明自己設置的方法和原因。操作基礎扎實的同學完成任務后可進行擴展學習。

　　3、 總結與評價

　　老師可以給出一些常見的框架結構應用界面，如Web郵箱頁面等，引導學生總結本課內容，梳理課堂知識，并讓學生分組，推薦一些優秀作品進行全班展示。

　　設計意圖：開拓學生的視野，使學生了解框架的應用，教會學生要善于總結，要學會學習的方法。