網頁製作教學計劃4篇

日子在彈指一揮間就毫無聲息的流逝，我們的工作又將迎來新的進步，做好計劃，讓自己成為更有競爭力的人吧。想學習擬定計劃卻不知道該請教誰？以下是小編整理的網頁製作教學計劃，歡迎閲讀與收藏。

網頁製作教學計劃1

一、教學目標

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

2、認識FRONTPAGE的界面；

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

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

二、教學重點

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

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

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

三、學情分析

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

四、教學方法

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

五、教學過程設計

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

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

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

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

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

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

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

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

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

網頁製作教學計劃2

一、基本情況

1）課程名稱：網頁製作

2）教材使用情況：無

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

4）本學期周課時： 2

5）計劃教學時數： 32

6）已完成教學情況：無

二、 教學目標及任務：

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

主要目的：

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

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

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

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

2） 教學重點、難點：

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

鏈接。

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

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

教材體系及教學進度計劃

教學內容調整説明

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

第二週：Frontpage簡介

第三週：Frontpage文本基本操作

第四周：圖像基本操作

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

第六週：表格的修飾

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

第八週：活動元素

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

第十週：框架的'修飾

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

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

第十三週：管理站點

第十四周：網頁上傳

第十五週：複習

第十六週：考試

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

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

網頁製作教學計劃3

教學目標：

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

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

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

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