網頁制作教學計劃優秀

時間:2025-12-02 15:05:20 網頁制作

網頁制作教學計劃優秀

  日子如同白駒過隙,不經意間,我們又將接觸新的知識,學習新的技能,積累新的經驗,寫一份計劃,為接下來的學習做準備吧!什么樣的計劃才是好的計劃呢?下面是小編整理的網頁制作教學計劃優秀,歡迎大家分享。

網頁制作教學計劃優秀

網頁制作教學計劃優秀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

  一、課程基本信息

  課程編號:

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

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

  開課學期:20xx—20xx第2學期總學時:24學時總學分:1課程簡介:

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

  1、網頁設計與制作教程,熊前興閔聯營,科學出版社;

  2、網站與網頁設計,張貴明,清華大學出版社;

  3、網頁美術設計原理及實戰策略,王曉峰焦燕,清華大學出版社;

  4、網站建設典型案例,張梟,清華大學出版社;

  二、課程教學目標:

  網頁和網站是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%

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

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

網頁制作教學計劃優秀3

  一、基本情況

  1)課程名稱:網頁制作

  2)教材使用情況:無

  4)本學期周課時: 2

  5)計劃教學時數: 32

  6)已完成教學情況:無

  二、 教學目標及任務:

  1) 課程教學主要目的要求:

  主要目的:

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

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

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

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

  2) 教學重點、難點:

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

  鏈接。

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

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

  教材體系及教學進度計劃

  教學內容調整說明

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

  第二周:Frontpage簡介

  第三周:Frontpage文本基本操作

  第四周:圖像基本操作

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

  第六周:表格的修飾

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

  第八周:活動元素

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

  第十周:框架的修飾

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

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

  第十三周:管理站點

  第十四周:網頁上傳

  第十五周:復習

  第十六周:考試

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

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

網頁制作教學計劃優秀4

  一、學習內容分析

  《H5快速制作網頁》是蘇教版《初中信息技術》8年級第3章《主題網站設計與制作》第2節《制作網頁》中第1課時的內容。H5是指第5代HTML標記語言,其搭建的站點可方便地應用于PC、Android、iOS等多種平臺,它為互聯網內容的呈現提供了一種全新的框架和平臺,包括免插件的音視頻、圖像、動畫、本地存儲以及更多酷炫的功能。通俗地說,H5是一種創建網頁的方式,用H5創建的網頁以文字、圖片、動畫、聲音等相結合的富媒體出現,頁面圖文并茂、生動活潑、傳達方便、易于推廣。

  二、學習者分析

  本節課的學習對象是八年級的學生,處于這一年齡段的學生,思維活躍,具備一定的理解能力和較強的自學能力。通過前面的學習,學生已熟練使用WPS、Photoshop等軟件,也掌握了規劃設計主題網站的方法。本節課以iH5軟件工具為平臺,學習用H5快速制作網頁。然而學生從未接觸過iH5,對于陌生軟件的學習,有些畏難情緒,覺得無從下手。但是在日常生活中,他們經常能接觸到各種各樣的手機H5網頁,如企業宣傳、個人簡歷、邀請函、紀念冊等,這些H5網頁給大家帶來了全新的體驗,技術本身帶來的新奇感讓學生心生向往。

  三、學習目標

  知識與技能:能列舉H5網頁的特點;掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設置對象屬性的方法,理解舞臺、頁面、對象之間的層級關系。

  過程與方法:通過制作校園文化藝術節邀請函,經歷制作H5網頁的基本過程。

  情感態度及價值觀:感悟網頁制作并非難事,軟件使用有共通之處。

  四、教學過程

  (一)創設情境,初認H5

  以藝載德、以藝促智,一年一度的校園文化藝術節又開始了,同學們踴躍報名,比拼才藝。八年級將舉行以“多彩校園,閃亮你我”為主題的匯報演出,充分展示八年級同學的青春活力和精神面貌。

  思考:本次演出將要邀請家長參加,你會選擇什么樣的方式來做出邀請呢?(口頭傳達、短信、紙質邀請函等)

  活動1:體驗“校園文化藝術節邀請函H5”,初認H5。

  (1)二人一組,一位同學在手機瀏覽器中打開;另一位同學在電腦瀏覽器中打開(網址:https://xxxxxx)。瀏覽后回答以下問題:

  不同平臺的瀏覽效果是否一致?為什么?

  這支H5中具有哪些媒體元素?

  用戶能參與其中嗎?

  你會用什么方式推廣這支H5?

  小結:

  (1)H5具有跨平臺、支持多媒體、可交互、易推廣等優勢。以上特點使得H5可能成為我們發出邀請的首選。

  (2)“校園文化藝術節邀請函H5”為何如此吸引人?觀看視頻,思考到底什么是H5?

  小結:H5是指第5代HTML標記語言,也指用H5語言制作的一切數字產品。通俗地說,H5是一種創建網頁的方式。用H5創建的網頁圖文并茂、生動活潑、傳達方便、易于推廣。

  設計意圖:與H5相關的概念性知識抽象、枯燥難懂,如果采用講授法,學生并不容易理解。因此本節課創設了學生現實生活中的情境,以制作校園文化藝術節邀請函H5為主題,設計了4個問題,每個問題目標指向明確,容易引起學生的共鳴,激發學生的思考并得出結論。通過微視頻用通俗易懂的語言幫助學生進一步認識H5,內化知識。

  (二)根據需求,規劃H5

  凡事預則立,不預則廢,要制作匯報演出邀請函,首先對每個頁面的內容、素材等進行一個簡單規劃。

  活動2:根據需求,選擇素材,規劃邀請函。

  設計意圖:學生已經學習過網站的規劃,所以容易理解規劃的重要性。教師通過搭建“規劃表”這個支架,引導學生根據制作校園文化藝術節邀請函的需求,對所要制作的邀請函進行初步的規劃,幫助學生理清楚每個頁面的`內容和所需添加的元素。

  (三)知識遷移,制作H5

  能夠用于開發H5網頁的工具很多,今天以iH5軟件工具為平臺,學習使用H5快速制作網頁。

  活動3:找“共性”,探“個性”,認識iH5軟件。

  (1)使用課前申請的賬號,登錄網址:,進入在線編輯平臺。

  (2)對比Photoshop界面,認識iH5界面,找出相同之處和不同之處。

  小結:相同之處:_______________________(菜單欄、工具面板、編輯區)

  不同之處:_______________________(對象樹面板)

  (3)比較PS中的圖層面板和iH5中的對象樹面板,思考對象樹面板的作用。

  小結:對象樹面板可以用來管理舞臺中的對象,對象樹中的層級關系為:舞臺→頁面→文本、圖片等素材,每個頁面中的對象上層覆蓋下層。

  活動4:利用iH5軟件,制作邀請函H5。

  (1)觀看操作指導微視頻,自主探究頁面的制作,完成以下問題:

  設置背景:選中頁面1,在屬性面板中找到_____________選項,添加背景圖片。

  添加文字:選中頁面1,在工具面板中選擇_____________選項。

  添加圖片:選中頁面1,在工具面板中選擇_____________選項。

  小結:添加文字、圖片的一般步驟:選擇位置—添加對象。

  (2)展示學生作品,師生共同分析存在的問題,尋求解決方式。

  問題1:首頁、內容頁都播放同一素材。

  原因分析:素材全部都添加在了舞臺之中,其層級關系在內容頁和首頁的上一級。

  問題2:內容頁沒有顯示內容。

  原因分析:素材全部都添加在了首頁之中,而不是對應的內容頁中。

  設計意圖:遷移是人類認知的一個普遍特征,因為新的學習總是建立在原有學習基礎之上。學生原有的知識是Photoshop軟件使用,將Photoshop和iH5進行對比,引導學生發現界面組成的“共性”與“個性“,讓學生初步認識對象樹面板,學會利用對象樹面板來管理素材。在制作H5時采用局部“翻轉課堂”的形式,通過高效、簡短的微視頻和幾個思考題,引導學生思考探究;在學生遇到問題和困難時,師生共同分析問題,解決問題。給學生“瑞士奶酪式”知識建構時間,使學生從規律的獲得到知識的應用有一個過渡和漸進的過程。

  (四)自主探究,美化H5

  活動5:美化完善邀請函H5。

  (1)邀請函中的標題、內容文字等選用什么樣的字體、字號合適?如何設置?

  (2)如何改變圖片大小,修改圖片的亮度、對比度等?

  (3)如何設置元素的動態效果,使得網頁更生動?

  小結:

  (1)選中文字或圖片——屬性面板——修改設置。“邀請函”等標題文字字號一般選用大些,宜用飽滿的字體,以達到醒目的作用;內容用于提供具體信息,文字字號可以小些。

  (2)圖片選用要符合主題,色彩和諧。字體顏色與背景要有一定的對比度。(3)選擇要添加動態效果的對象——選擇動效命令。注意:設置合理、適度的動態效果,可以給觀賞者帶來較好的視覺體驗。

  設計意圖:對邀請函的美化可分成兩個部分:一是對邀請函中的文字、圖片進行美化,二是合理設置動態效果。單從技術角度來講,這些操作是比較簡單的,只要學會設置屬性面板即可。但是邀請函的美化不是天馬行空,隨心所欲,還需要一定的藝術欣賞能力。因此首先讓學生帶著問題思考如何設置文字、圖片?設置動效時需要注意的問題?得出一定的結論后,讓學生帶著構思去美化邀請函,以減少學生操作的盲目性。

  (五)作品展示,共析H5

  活動6:發布和評價作品。

  (1)對于制作好的作品,將其發布到網上,這樣其他人就可以通過電腦和手機訪問你的作品。請保存當前的網頁并發布到網上。

  (2)同桌之間用發布的網址或二維碼相互訪問對方的作品。

  (3)根據評價表對同桌的作品進行評價。

  (4)根據同伴及老師意見進一步修改作品。

  設計意圖:學生在制作完成邀請函后,進行保存,發布就可以瀏覽到自己的成品,極大地提高了學生的學習興趣。將學生的作品進行展示,師生共同賞析作品,根據評價表進行點評,給出建議,然后進一步完善作品。

  (六)知識梳理,展望H5

  展示思維導圖,梳理本節課內容:

  總結利用iH5制作網頁的基本過程:

  觀看視頻,結束本課:隨著信息技術的高速發展,H5可謂是無處不在。H5可以是各種宣傳網頁、在線游戲,甚至戶外大屏中的互動也是H5。在未來5-10年內,H5或將會成為移動互聯網領域的主宰者。

  設計意圖:借助思維導圖,將關鍵知識點結構化,清晰形象地呈現出各知識點的脈絡關系,有助于學生從整體上把握知識,完成知識的建構。最后觀看H5應用視頻,了解H5的日常應用,對未來展望,進行情感升華。

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

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

網頁制作教學計劃優秀6

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

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

網頁制作教學計劃優秀7

  一、教學目標

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

  2、認識FRONTPAGE的界面;

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

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

  二、教學重點

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

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

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

  三、學情分析

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

  四、教學方法

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

  五、教學過程設計

  教師活動:1、引入課題:(激發興趣,活躍氣氛)

  同學們喜不喜歡上網?經常上新浪、西祠胡同等,有沒有同學知道新浪、西祠胡同稱做什么?(網站)

  瀏覽新浪網站,瀏覽的`第一個頁面稱為什么?(主頁)

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

  問題1:網站是不是就是網頁?用自己的語言描述一下網站的概念(網站包含多個網頁,通過超鏈接把不同的頁面鏈接起來)

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

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

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

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

【網頁制作教學計劃優秀】相關文章:

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

網頁制作教學計劃02-24

網頁制作教學設計優秀10-17

網頁制作教學計劃6篇03-03

網頁的制作教案01-30

網頁制作心得07-09

《網頁的制作》教案優秀4篇(推薦)03-15

【熱】《網頁的制作》教案優秀5篇03-13

個人網頁制作小結01-10