網頁制作教學計劃最新

2023-02-22 教學計劃

　　時間過得可真快，從來都不等人，又迎來了一個全新的起點，立即行動起來寫一份計劃吧。那么計劃怎么擬定才能發(fā)揮它最大的作用呢？以下是小編收集整理的網頁制作教學計劃最新，歡迎大家借鑒與參考，希望對大家有所幫助。

網頁制作教學計劃最新1

　　教學目標：

　　1、知識與技能：

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

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

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

　　2、過程與方法：

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

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

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

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

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

　　教學重、難點：

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

　　2、難點：框架的拆分。

　　教學方法：

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

　　教學準備：

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

　　教學過程：

　　1、引入

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

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

　　2、新授

　　（1）框架網頁概念

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

　　（2）框架網頁的新建與保存

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

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

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

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

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

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

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

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

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

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

　　要求：

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

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

　　○3調整表格邊框的粗細。

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

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

　　（4）框架網頁屬性的設置

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

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

　　提高任務：框架的拆分。

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

　　3、總結與評價

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

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

網頁制作教學計劃最新2

　　一、課程基本信息

　　課程編號：

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

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

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

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

　　1、網頁設計與制作教程，熊前興閔聯(lián)營，科學出版社；

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

　　3、網頁美術設計原理及實戰(zhàn)策略，王曉峰焦燕，清華大學出版社；

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

　　二、課程教學目標：

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

　　三、理論教學內容與要求

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

　　（1）Internet基礎知識

　　（2）www簡介

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

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

　　（1）HTML文件的基本結構

　　（2）文字和段落標記

　　（3）列表標記

　　（4）圖片標記

　　（5）表格標記

　　（6）超鏈接標記