網(wǎng)頁制作教學(xué)計劃最新

時間：2023-02-22 12:12:46 教學(xué)計劃我要投稿

相關(guān)推薦

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

網(wǎng)頁制作教學(xué)計劃最新

網(wǎng)頁制作教學(xué)計劃最新1

　　教學(xué)目標：

　　1、知識與技能：

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

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

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

　　2、過程與方法：

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

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

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

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

　　（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗樂趣。

　　教學(xué)重、難點：

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

　　2、難點：框架的拆分。

　　教學(xué)方法：

　　對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。

　　教學(xué)準備：

　　整理、歸類相關(guān)素材，并按要求擺放。

　　教學(xué)過程：

　　1、引入

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

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

　　2、新授

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

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

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

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

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

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

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

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

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

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

　　（3）相關(guān)頁面的制作與設(shè)置

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

　　任務(wù)2 top和left頁面的制作。

　　要求：

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

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

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

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

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

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

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

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

　　提高任務(wù)：框架的拆分。

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

　　3、總結(jié)與評價

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

　　設(shè)計意圖：開拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會學(xué)生要善于總結(jié)，要學(xué)會學(xué)習(xí)的方法。

網(wǎng)頁制作教學(xué)計劃最新2

　　一、課程基本信息

　　課程編號：

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

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

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

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

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

　　2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學(xué)出版社；

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

　　4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

　　二、課程教學(xué)目標：

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

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

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

　　（1）Internet基礎(chǔ)知識

　　（2）www簡介

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

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

　　（1）HTML文件的基本結(jié)構(gòu)

　　（2）文字和段落標記

　　（3）列表標記

　　（4）圖片標記

　　（5）表格標記

　　（6）超鏈接標記