網頁製作教學計劃

時間就如同白駒過隙般的流逝，我們又將迎來新的喜悅、新的收穫，現在的你想必不是在做計劃，就是在準備做計劃吧。好的計劃都具備一些什麼特點呢？下面是小編為大家收集的網頁製作教學計劃，供大家參考借鑑，希望可以幫助到有需要的朋友。

網頁製作教學計劃1

教學目標：

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郵箱頁面等，引導學生總結本課內容，梳理課堂知識，並讓學生分組，推薦一些優秀作品進行全班展示。

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

網頁製作教學計劃2

一、基本情況

1）課程名稱：網頁製作

2）教材使用情況：無

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

4）本學期周課時： 2

5）計劃教學時數： 32

6）已完成教學情況：無

二、 教學目標及任務：

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

主要目的：

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

2、瞭解全球資訊網的基本結構，網頁組成的基本要素；

3、瞭解目前常用的網頁製作軟體，並熟練掌握用Frontpage軟體設計製作網頁；

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

2） 教學重點、難點：

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

連結。

教學難點：動態網頁的實現；利用表單處理資料資訊；對站點進行管理並上傳網頁。

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

教材體系及教學進度計劃

教學內容調整說明

第一週：瞭解網站和網頁的相關知識

第二週：Frontpage簡介

第三週：Frontpage文字基本操作

第四周：影象基本操作

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

第六週：表格的.修飾

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

第八週：活動元素

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

第十週：框架的修飾

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

第十二週：使用表單模組處理表單資訊

第十三週：管理站點

第十四周：網頁上傳

第十五週：複習

第十六週：考試

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

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

網頁製作教學計劃3

新學期開始，本學期我將擔任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、制定激勵措施，引發學生的創新積極性。對於對計算機有興趣和獨到見解的學生，可以成立興趣小組，有老師帶隊，做一些新的專案和開發研究。制定一套合理的獎勵機制，對於學生的創新成果給予一定的肯定和獎勵，激發學生的創新熱情，讓學生覺得自己創新是有人欣賞，是有價值的，從而以更積極的態度投入到新的創新中。

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

網頁製作教學計劃4

教學目標：

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、總結與評價

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

網頁製作教學計劃5

一、教學目標

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

2、認識FRONTPAGE的介面；

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

4、掌握頁面檔案與圖片的儲存。

二、教學重點

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

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

3、掌握頁面檔案與圖片的儲存（難點）

三、學情分析

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

四、教學方法

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

五、教學過程設計

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

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

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

我們還可以瀏覽其它的頁面，點選超連結瀏覽，當滑鼠變成手指的形狀時有超連結。

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

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

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

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

先來研究一下沒有釋出的網站，開啟教師做的網站