為了確定工作或事情順利開展，常常需要預(yù)先制定方案，方案是為某一行動所制定的具體行動實施辦法細(xì)則、步驟和安排等。怎樣寫方案才更能起到其作用呢？方案應(yīng)該怎么制定呢？下面是小編幫大家整理的方案范文，僅供參考，大家一起來看看吧。

網(wǎng)頁制作教學(xué)設(shè)計案例 網(wǎng)頁制作教學(xué)設(shè)計方案篇一

1、知識與技能：

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

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

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

2、過程與方法：

（1）通過對表格網(wǎng)頁的分析，體驗新知識（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點，從而促進(jìn)其學(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)作中體驗樂趣。

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

2、難點：框架的拆分。

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

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

1、引入

老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個共同特點（學(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é)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。

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

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

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

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

設(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)整表格邊框的粗細(xì)。

○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ù)后可進(jìn)行擴展學(xué)習(xí)。

3、 總結(jié)與評價

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

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

網(wǎng)頁制作教學(xué)設(shè)計案例 網(wǎng)頁制作教學(xué)設(shè)計方案篇二

課程編號：

中文名稱：網(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超文本標(biāo)記語言，以及所見即所得的網(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é)出版社；

網(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)頁。

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

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

（2）www簡介

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

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

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

（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記

（5）表格標(biāo)記

（6）超鏈接標(biāo)記

（7）表單標(biāo)記

（8）框架標(biāo)記

第三章、javascript語言（4學(xué)時）

（1）javascript語言簡介

（2）javascript編程基礎(chǔ)

（3）基于對象的javascript語言

（4）javascript程序?qū)嵗?/p>

第四章、層疊樣式表css（1學(xué)時）

（1）css概述

（2）css屬性

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

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

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

（3）表單與框架

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

（5）發(fā)布站點

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

（1）asp簡介

（2）vbscript腳本基礎(chǔ)

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

（4）實用文件

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

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

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

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

總結(jié)復(fù)習(xí)（1學(xué)時）

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

五、作業(yè)

六、考核方式

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

七、成績評定

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

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

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

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

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

網(wǎng)頁制作教學(xué)設(shè)計案例 網(wǎng)頁制作教學(xué)設(shè)計方案篇三

1、知識與技能

（1）了解超級鏈接的含義及鏈接源和鏈接目標(biāo)的含義，掌握同一站點內(nèi)以及不同站點間網(wǎng)頁超級鏈接的創(chuàng)建方法。

（2）掌握網(wǎng)頁內(nèi)書簽的作用及創(chuàng)建書簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁內(nèi)超級鏈接的設(shè)置方法。

（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。

2、過程與方法

（1）通過創(chuàng)建網(wǎng)頁超級鏈接的操作，使學(xué)生了解網(wǎng)頁中創(chuàng)建超級鏈接的基本方法，破除對網(wǎng)頁鏈接的神秘感。

（2）通過對不同對象設(shè)置超級鏈接的操作，使學(xué)生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。

（3）通過網(wǎng)頁不同的超級鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁鏈接。

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

（1）通過鏈接我國主要自然保護(hù)區(qū)網(wǎng)頁，激發(fā)學(xué)生熱愛祖國、熱愛自然、熱愛生命的激情。

（2）完成超級鏈接，使學(xué)生感受成功的喜悅和快樂。

1、教學(xué)重點：

（1）超級鏈接的含義及鏈接源和鏈接目標(biāo)的含義。

（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。

2、教學(xué)難點

（1）書簽鏈接中名稱及對應(yīng)鏈接位置的設(shè)定。

（2）在框架頁面中制作超鏈接時，目標(biāo)對象所選擇的顯示窗口形式。

教學(xué)方法與教學(xué)手段：

任務(wù)驅(qū)動法、討論探究法、講解與演示法、類比知識遷移法。

教學(xué)準(zhǔn)備：

"動物——人類的朋友"站點，包括未鏈接的網(wǎng)頁，如歡迎頁、表格頁、框架頁，表單頁等。

教學(xué)過程：

1、引入

展示兩個主頁，一個已經(jīng)創(chuàng)建了鏈接，一個沒有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級鏈接。

提出：我們在先前的學(xué)習(xí)中，哪個軟件中的相關(guān)操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標(biāo)分別是什么？

學(xué)生展開交流，通過對比找出不同點，并積極思考，回答老師的問題。

設(shè)計意圖：通過對比操作、交流，再輔以知識遷移，明確本節(jié)課教學(xué)內(nèi)容。

2、新授

（1）站內(nèi)超級鏈接

引導(dǎo)學(xué)生回顧powerpoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：

任務(wù)1同一站點內(nèi)不同頁面之間的鏈接

○1制作首頁（歡迎頁）到表格頁的超鏈接。

○2給表格頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。

○3給框架頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。

教師巡視，及時指導(dǎo)，安排學(xué)生示范操作并講解如何制作超鏈接。

交互式按鈕的超鏈接制作要求在框架網(wǎng)頁中演示操作。老師可以提問學(xué)生：演示者操作的對嗎？有沒有問題？

引導(dǎo)學(xué)生發(fā)現(xiàn)問題：超鏈接制作完成后需要檢驗（保存后預(yù)覽）。

教師講解，突破難點，再交由學(xué)生操作。

以上是同一站點內(nèi)不同網(wǎng)頁之間的鏈接，有時一個頁面中內(nèi)容過多，需要不斷拖動滾動條實現(xiàn)閱讀，能否實現(xiàn)快速跳轉(zhuǎn)呢？

任務(wù)2同一站點內(nèi)同一頁面內(nèi)的跳轉(zhuǎn)（鏈接）：在"動物趣聞"頁面內(nèi)制作書簽鏈接。

教師講解：由生活中的書簽引入，介紹"書簽鏈接"的概念，然后再演示如何操作。

提示：書簽鏈接的雙向性問題（返回）。

學(xué)生認(rèn)真聽講后模仿制作，教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。

（2）站間超級鏈接

僅憑我們課堂上制作的這些頁面還不足以詳細(xì)介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。

任務(wù)3借助熱區(qū)鏈接，為"友情鏈接"頁面制作超鏈接，鏈接我國一些自然保護(hù)區(qū)網(wǎng)站。

有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問的形式檢驗學(xué)生的自學(xué)情況。

3、總結(jié)與評價

開展同學(xué)間的互助，檢驗其鏈接完成情況，推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識點。