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

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

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

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

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

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