網頁制作教學計劃6篇

　　時間過得太快，讓人猝不及防，我們又將迎來新的喜悅、新的收獲，寫一份計劃，為接下來的工作做準備吧！我們該怎么擬定計劃呢？下面是小編收集整理的網頁制作教學計劃，歡迎大家借鑒與參考，希望對大家有所幫助。

　　網頁制作教學計劃 1

　　一、課程基本信息

　　課程編號：

　　中文名稱：網頁設計與制作

　　英文名稱：Web Design and Production課程類別：選修課適用專業：所有專業

　　開課學期：20xx—20xx第2學期

　　總學時：24學時總

　　學分：1

　　課程簡介：

　　本課程突出網頁設計與制作的現代特點，從Internet的基礎知識入手，重點介紹HTML超文本標記語言，以及所見即所得的網頁設計制作工具Dreamweaver的基本操作流程。從靜態頁面到動態頁面由淺入深的介紹網頁設計與制作全過程。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。并指導每一名選課的同學為自己建一個博客網站，以此提高同學對網頁設計與制作的興趣和愛好。

　　二、課程教學目標：

　　網頁和網站是Internet的重要組成部分，企業、公司和機構通過網站來宣傳推介自己的技術和產品，個人發布主頁展示自己的風采，人們從不同類型的網站來獲取需要的信息。因此，設計與制作網頁已經成為計算機應用技術的一個重要方面。本課程的.主要教學目的是使學生掌握網頁設計與制作的基礎知識，能運用網頁工具設計和制作常用網頁。

　　三、理論教學內容與要求

　　第一章、網頁的基礎知識（1學時）

　　（1）Internet基礎知識

　　（2）www簡介

　　（3）網頁制作的技術和工具介紹

　　第二章、超文本編輯語言HTML（8學時）

　　（1）HTML文件的基本結構

　　（2）文字和段落標記

　　（3）列表標記

　　（4）圖片標記

　　（5）表格標記

　　（6）超鏈接標記

　　（7）表單標記

　　（8）框架標記

　　第三章、JavaScript語言（4學時）

　　（1）JavaScript語言簡介

　　（2）JavaScript編程基礎

　　（3）基于對象的JavaScript語言

　　（4）JavaScript程序實例

　　第四章、層疊樣式表CSS（1學時）

　　（1）CSS概述

　　（2）CSS屬性

　　第五章、可視化網頁設計工具

　　（1）網頁的基本操作

　　（2）圖像、表格與超鏈接

　　（3）表單與框架

　　（4）添加網頁元素

　　（5）發布站點

　　第六章、動態網頁設計語言ASP（4學時）

　　（1）ASP簡介

　　（2）VBScript腳本基礎

　　（3）ASP的內置對象

　　（4）實用文件

　　第七章、利用AD0訪問數據庫（1學時）

　　（1）數據庫的連接

　　（2）數據庫的檢索

　　（3）數據庫的操作

　　總結復習（1學時）

　　四、實驗教學內容與要求

　　（略）

　　五、作業

　　（略）

　　六、考核方式

　　期末考核每個同學為自己設計制作一個博客網站。

　　七、成績評定

　　1、自制網站（80%）

　　2、平時考勤、作業（20%）平時成績分配：

　　平時考勤5次，每次2分，共占10%作業5次，每次2分，共占10%

　　八、執行大綱時應注意的問題

　　根據學生對課程內容的掌握和理解程度會對進度做適當的調整。

　　網頁制作教學計劃 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、情感態度與價值觀：

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

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

　　網頁制作教學計劃 5

　　一、教學目標

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

　　2、認識FRONTPAGE的界面；

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

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

　　二、教學重點

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

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

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

　　三、學情分析

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

　　四、教學方法

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

　　五、教學過程設計

　　教師活動：

　　引入課題：（激發興趣，活躍氣氛）

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

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

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

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

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

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

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

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

　　網頁制作教學計劃 6

　　一、教學目標

　　讓學生掌握網頁制作的基礎知識和技能。

　　培養學生的創新思維和實踐能力。

　　提高學生的'審美水平和團隊協作能力。

　　二、教學對象

　　計算機專業的學生

　　三、教學內容

　　（一）HTML 基礎（4 課時）

　　HTML 標簽的介紹與使用；如：圖像標簽、鏈接標簽。

　　（二）CSS 樣式（6 課時）

　　CSS 基本語法和選擇器。

　　字體樣式、顏色、背景設置。

　　盒子模型，包括邊框、內邊距、外邊距。

　　（三）網頁布局（8 課時）

　　浮動布局與清除浮動。

　　定位布局，包括相對定位、絕對定位和固定定位。

　　彈性布局（Flex）和網格布局（Grid）。

　　（四）JavaScript 交互（6 課時）

　　JavaScript 基本語法和變量。

　　事件處理，如點擊、鼠標移動等。

　　表單驗證。

　　（五）網頁綜合實踐（8 課時）

　　學生分組設計并制作完整的網頁。

　　項目展示與評價。

　　四、教學方法

　　講授法：講解網頁制作的理論知識和操作技巧。

　　演示法：通過演示實際操作過程，讓學生更直觀地理解。

　　實踐法：學生在課堂上進行實際操作，鞏固所學知識。

　　小組合作法：分組完成項目，培養團隊協作能力。

　　五、教學資源

　　教材：《網頁制作從入門到精通》等。

　　在線教程和資源網站。

　　多媒體教室和相關軟件。

　　六、教學評估

　　平時作業和課堂表現：占總成績的 30%。

　　項目作品：占總成績的 70%，根據作品的創意、技術運用、頁面效果等方面進行評價。

　　七、注意事項

　　鼓勵學生多實踐、多探索，培養自主學習能力。

　　及時解答學生在學習過程中遇到的問題。

【網頁制作教學計劃】相關文章：

網頁制作教學計劃02-24

網頁制作心得07-09

網頁的制作教案01-30

制作網頁教學設計10-07

《網頁的制作》教案優秀03-29

網頁制作教學設計10-01

實用的網頁制作心得01-14

網頁設計與制作報告11-17

網頁制作的教學設計01-30

個人網頁制作小結01-10