品才網(wǎng)>網(wǎng)頁制作>網(wǎng)頁制作教學計劃

網(wǎng)頁制作教學計劃

時間：2025-03-03 15:06:56 網(wǎng)頁制作我要投稿

網(wǎng)頁制作教學計劃推薦度：
相關推薦

網(wǎng)頁制作教學計劃6篇

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

網(wǎng)頁制作教學計劃6篇

　　網(wǎng)頁制作教學計劃 1

　　一、課程基本信息

　　課程編號：

　　中文名稱：網(wǎng)頁設計與制作

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

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

　　總學時：24學時總

　　學分：1

　　課程簡介：

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

　　二、課程教學目標：

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

　　三、理論教學內(nèi)容與要求

　　第一章、網(wǎng)頁的基礎知識（1學時）

　　（1）Internet基礎知識

　　（2）www簡介

　　（3）網(wǎng)頁制作的技術和工具介紹

　　第二章、超文本編輯語言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屬性

　　第五章、可視化網(wǎng)頁設計工具

　　（1）網(wǎng)頁的基本操作

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

　　（3）表單與框架

　　（4）添加網(wǎng)頁元素

　　（5）發(fā)布站點

　　第六章、動態(tài)網(wǎng)頁設計語言ASP（4學時）

　　（1）ASP簡介

　　（2）VBScript腳本基礎

　　（3）ASP的內(nèi)置對象

　　（4）實用文件

　　第七章、利用AD0訪問數(shù)據(jù)庫（1學時）

　　（1）數(shù)據(jù)庫的連接

　　（2）數(shù)據(jù)庫的檢索

　　（3）數(shù)據(jù)庫的操作

　　總結復習（1學時）

　　四、實驗教學內(nèi)容與要求

　　（略）

　　五、作業(yè)

　　（略）

　　六、考核方式

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

　　七、成績評定

　　1、自制網(wǎng)站（80%）

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

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

　　八、執(zhí)行大綱時應注意的問題

　　根據(jù)學生對課程內(nèi)容的掌握和理解程度會對進度做適當?shù)恼{(diào)整。

　　網(wǎng)頁制作教學計劃 2

　　一、基本情況

　　1）課程名稱：網(wǎng)頁制作

　　2）教材使用情況：無

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

　　4）本學期周課時： 2

　　5）計劃教學時數(shù)： 32

　　6）已完成教學情況：無

　　二、教學目標及任務：

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

　　主要目的：

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

　　2、了解萬維網(wǎng)的基本結構，網(wǎng)頁組成的基本要素；

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

　　4、學會對站點進行管理，對網(wǎng)頁進行上傳。

　　2）教學重點、難點：

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

　　鏈接。

　　教學難點：動態(tài)網(wǎng)頁的實現(xiàn)；利用表單處理數(shù)據(jù)信息；對站點進行管理并上傳網(wǎng)頁。

　　三、教學內(nèi)容及計劃安排：

　　教材體系及教學進度計劃

　　教學內(nèi)容調(diào)整說明

　　第一周：了解網(wǎng)站和網(wǎng)頁的相關知識

　　第二周：Frontpage簡介

　　第三周：Frontpage文本基本操作

　　第四周：圖像基本操作

　　第五周：網(wǎng)頁中表格的使用之插入表格

　　第六周：表格的`修飾

　　第七周：動態(tài)網(wǎng)頁的實現(xiàn)之簡單動畫效果

　　第八周：活動元素

　　第九周：框架的使用之創(chuàng)建框架

　　第十周：框架的修飾

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

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

　　第十三周：管理站點

　　第十四周：網(wǎng)頁上傳

　　第十五周：復習

　　第十六周：考試

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

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

　　網(wǎng)頁制作教學計劃 3

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

　　一、教學指導思想：

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

　　二、學生情況分析：

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

　　三、教材分析

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

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

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

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

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

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

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

　　四、教學措施

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

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

　　3、學生自主完成學習任務，以培養(yǎng)學生發(fā)現(xiàn)問題，分析問題，解決問題的能力。同時培養(yǎng)學生主動學習的意識。

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

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

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

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

　　網(wǎng)頁制作教學計劃 4

　　教學目標：

　　1、知識與技能：

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

　　（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。

　　（3）初步掌握將框架結構與表格布局結合使用來制作網(wǎng)頁。

　　2、過程與方法：

　　（1）通過對表格網(wǎng)頁的分析，體驗新知識（框架結構網(wǎng)頁）的優(yōu)點，從而促進其學習新知識。

　　（2）理解框架的概念與組成，學會分析網(wǎng)站的結構。

　　3、情感態(tài)度與價值觀：

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

　　（2）能夠將表格與框架結構網(wǎng)頁結合使用，在創(chuàng)作中體驗樂趣。

　　教學重、難點：

　　1、重點：框架的概念、用途，創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。

　　2、難點：框架的拆分。

　　教學方法：

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

　　教學準備：

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

　　教學過程：

　　1、引入

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

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

　　2、新授

　　（1）框架網(wǎng)頁概念

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

　　（2）框架網(wǎng)頁的新建與保存

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

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

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

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

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

　　設計意圖：培養(yǎng)學生自主

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

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

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

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

　　要求：

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

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

　　○3調(diào)整表格邊框的粗細。

　　○4為main區(qū)域設置初始頁面。（該網(wǎng)頁由教師提供現(xiàn)成的）

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

　　（4）框架網(wǎng)頁屬性的設置

　　創(chuàng)建好框架網(wǎng)頁后，可以根據(jù)實際需要改變框架的屬性。

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

　　提高任務：框架的拆分。

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

　　3、總結與評價

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

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

　　網(wǎng)頁制作教學計劃 5

　　一、教學目標

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

　　2、認識FRONTPAGE的界面；

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

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

　　二、教學重點

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

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

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

　　三、學情分析

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

　　四、教學方法

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

　　五、教學過程設計

　　教師活動：

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

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

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

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

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

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

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

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