網(wǎng)頁(yè)設(shè)計(jì)與制作電子教案

1、電子教案課程：第1章網(wǎng)頁(yè)制作基礎(chǔ)課時(shí)內(nèi)容網(wǎng)頁(yè)制作基礎(chǔ)授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)?了解HTML的組成和語(yǔ)法?了解網(wǎng)頁(yè)制作的常用軟件?掌握網(wǎng)頁(yè)制作軟件的啟動(dòng)和退出方法教學(xué)重點(diǎn)網(wǎng)頁(yè)制作的一些基本知識(shí)教學(xué)難點(diǎn)HTML的組成和語(yǔ)法教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們說(shuō)說(shuō)他們對(duì)網(wǎng)頁(yè)的一個(gè)認(rèn)識(shí)。然后進(jìn)行系統(tǒng)地介紹網(wǎng)頁(yè)是什么，由哪些部分組成，還有網(wǎng)頁(yè)制作時(shí)所需掌握的一些基礎(chǔ)知識(shí)和制作網(wǎng)頁(yè)時(shí)常用到的一些軟件。最后學(xué)習(xí)網(wǎng)頁(yè)制作軟件的啟動(dòng)和退出方法。2、教學(xué)方

2、法：先登錄一些常用的網(wǎng)站，讓同學(xué)們看一些網(wǎng)頁(yè)，然后讓同學(xué)們說(shuō)下他們度網(wǎng)頁(yè)的認(rèn)識(shí)，最后才開(kāi)始講解本周內(nèi)容。3、教學(xué)手段：利用多媒體并結(jié)合網(wǎng)絡(luò)進(jìn)行教學(xué)。4、教學(xué)資料及要求：課前要求學(xué)生先大致瀏覽本書內(nèi)容，對(duì)本書所要講解的內(nèi)容有個(gè)基本的了解。教學(xué)內(nèi)容討論問(wèn)題：1、什么是網(wǎng)頁(yè)？2、網(wǎng)頁(yè)的基本組成部分是哪些？3、網(wǎng)頁(yè)有什么作用？第1章網(wǎng)頁(yè)制作基礎(chǔ)#1.1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)1.1.1網(wǎng)頁(yè)簡(jiǎn)介1.1.2什么是HTML1.1.3HTML的組成結(jié)構(gòu)及語(yǔ)法1

3、.1.4應(yīng)用舉例——使用記事本編寫網(wǎng)頁(yè)1.2網(wǎng)頁(yè)制作的常用軟件1.2.1圖形圖像處理軟件1.2.2動(dòng)畫制作軟件1.2.3網(wǎng)頁(yè)布局軟件1.2.4軟件配合及制作流程1.2.5應(yīng)用舉例——實(shí)戰(zhàn)網(wǎng)頁(yè)制作流程1.3網(wǎng)頁(yè)制作軟件的啟動(dòng)與退出1.3.1網(wǎng)頁(yè)制作軟件的啟動(dòng)1.3.2文件的打開(kāi)1.3.3網(wǎng)頁(yè)制作軟件的退出1.3.4應(yīng)用舉例——啟動(dòng)并退出PhotoshopCS3電子教案課程：第2章DreamweaverCS5基本操作課時(shí)內(nèi)容Dreamwea

4、verCS5基本操作授課時(shí)間學(xué)時(shí)數(shù)2教學(xué)目標(biāo)?認(rèn)識(shí)DreamweaverCS5的工作界面?掌握網(wǎng)頁(yè)文檔的基本操作方法?掌握頁(yè)面屬性的設(shè)置?掌握設(shè)置并管理站點(diǎn)的方法教學(xué)重點(diǎn)認(rèn)識(shí)DreamweaverCS5的工作界面教學(xué)難點(diǎn)設(shè)置頁(yè)面屬性和站點(diǎn)管理教學(xué)設(shè)計(jì)1、教學(xué)思路：首先，讓同學(xué)們認(rèn)識(shí)DreamweaverCS5的工作界面。然后進(jìn)行系統(tǒng)地介紹網(wǎng)頁(yè)文檔制作的基本操作方法及頁(yè)面的設(shè)置。最后學(xué)習(xí)對(duì)站點(diǎn)的管理以及設(shè)置方法。2、教學(xué)方法：讓同學(xué)們先回

5、憶一下上節(jié)課所講內(nèi)容，然后讓同學(xué)們回答網(wǎng)頁(yè)是由哪幾部分組成的，了解同學(xué)們對(duì)上一章知識(shí)的掌握程度。3、教學(xué)手段：結(jié)合上章內(nèi)容在機(jī)房?jī)?nèi)進(jìn)行上機(jī)講解。4、教學(xué)資料及要求：課前要求學(xué)生預(yù)習(xí)本章內(nèi)容。教學(xué)內(nèi)容知識(shí)回顧：上一課時(shí)講的網(wǎng)頁(yè)由哪幾部分組成？討論問(wèn)題：1、DreamweaverCS5的工作界面由哪幾部分組成？2、各部分的作用是什么？?jī)?nèi)容：1.了解網(wǎng)頁(yè)元素2DreamweaverCS5工作界面3網(wǎng)頁(yè)文檔的基本操作4站點(diǎn)管理本課小結(jié)1、了解D