網(wǎng)頁設(shè)計與制作教案

1、文檔編碼 : CF10H4C6L6N1 HF9Y3N7G9T8 ZI8I9N9E8V10學(xué)習(xí)必備 歡迎下載項目化實戰(zhàn)教程網(wǎng)頁設(shè)計與制作項目單元教學(xué)設(shè)計編號： 0101 學(xué) 校：專 業(yè)：項目單元：賞析典型網(wǎng)站授課老師：項目名稱學(xué)習(xí)必備歡迎下載任課班級編號： 0101網(wǎng)頁設(shè)計與制作教學(xué)設(shè)計運算機系部網(wǎng)站建設(shè)任課老師項目單元賞析典型網(wǎng)站章節(jié)第一章課時4名稱（1）明白優(yōu)秀網(wǎng)站的布局結(jié)構(gòu)學(xué)問目標(biāo)（2）明白優(yōu)秀網(wǎng)站的顏色搭配（3）對網(wǎng)頁的組成元素有確定的明白教學(xué)目標(biāo)技能目標(biāo)（1）能針對優(yōu)秀網(wǎng)站的布局結(jié)構(gòu)及顏色搭配進行分析（2）具備自我收集資料進行分析、歸納整理的才能明確課程要學(xué)什么,學(xué)完該課程自己能做什么

2、,引導(dǎo)同學(xué)對該課程產(chǎn)生情感態(tài)度深厚的愛好,有動力學(xué)好該門課程；（1）明白網(wǎng)頁制作相關(guān)概念教學(xué)內(nèi)容（2）熟識網(wǎng)站開發(fā)流程（3）觀看并分析典型網(wǎng)站教學(xué)重點 和難點教學(xué)方法 和策略重點觀看典型網(wǎng)站并分析典型網(wǎng)站,明確本門課程最終實現(xiàn)目標(biāo)；難點在把握網(wǎng)站設(shè)計基本概念的基礎(chǔ)上具備賞析和分析網(wǎng)站的才能；教學(xué)方法：項目出現(xiàn)法,把學(xué)問點融入到項目中講解；教學(xué)策略：通過典型項目出現(xiàn),在項目中引導(dǎo)同學(xué)把握該課程相關(guān)學(xué)問點；秉承“ 授人以魚不如授人以漁” 的總體教學(xué)理念；通過項目出現(xiàn), 引導(dǎo)同學(xué)把握學(xué)問點的同時,把握該門課程的學(xué)習(xí)方法,并積極、主動的通過網(wǎng)絡(luò)去自我吸取課程相關(guān)學(xué)問,開闊學(xué)問面；教學(xué)設(shè)計思路教學(xué)實施學(xué)

3、習(xí)必備歡迎下載同學(xué)活動老師活動步驟宏觀導(dǎo)入課程：1、 專業(yè)課程體系簡介2、 本課程與其它課程之間的關(guān)系3、 本課程對應(yīng)的社會職位：網(wǎng)頁設(shè)計師出現(xiàn)最新社會聘請網(wǎng)頁設(shè)計師信息網(wǎng)頁設(shè)計師進出現(xiàn)狀數(shù)據(jù)統(tǒng)計資料網(wǎng)頁設(shè)計師進展趨勢數(shù)據(jù)推測資料同學(xué)從宏觀角度把握自己專業(yè)課程體 系,明白本課程與其它課程之間的相互 關(guān)系,熟識本門課程對應(yīng)的社會職位；項4、 要想成為網(wǎng)頁設(shè)計師需要具備的綜合素養(yǎng)爭辯：目單以提問的方式引入本單元,把同學(xué)的思維聚元導(dǎo)合到本門課程上來,并活躍氣氛；入問題：你印象最深的網(wǎng)站是哪個網(wǎng)站？是什么吸引了你？同學(xué)針對自己印象最深的網(wǎng)站開放討留意：老師可事先預(yù)備一個自己印象最深的網(wǎng)論站,描述一下自

4、己的感受,引導(dǎo)同學(xué)表達自己的目的：看法；（1）引導(dǎo)同學(xué)對該課程產(chǎn)生愛好；（2）強調(diào)溝通、表達的重要性；一、賞析典型網(wǎng)站學(xué)習(xí)必備歡迎下載同學(xué)辯證去觀看和分析并隨時和1. 賞析綜合性門戶網(wǎng)站老師進行互動, 表達自己對網(wǎng)站布局及2. 賞析電子商務(wù)型網(wǎng)站 風(fēng)格定位的懂得；3. 賞析校內(nèi)系部信息網(wǎng)站二、賞析的角度（結(jié)合案例）（1）具備確定的賞析網(wǎng)站才能；1. 網(wǎng)站頁面元素（2）結(jié)合觀看分析網(wǎng)站,把握網(wǎng)站相以下學(xué)問點結(jié)合案例出現(xiàn)進行講解；關(guān)理論學(xué)問點；1.2.1 網(wǎng)頁制作相關(guān)概念WWW 同學(xué)通過視覺感受網(wǎng)站,深刻懂得概念網(wǎng)頁網(wǎng)站W(wǎng)WW 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁網(wǎng)頁HTML語言網(wǎng)站文本URL 圖像IP 地址動畫域

5、名1.2.2 網(wǎng)頁構(gòu)成的基本元素音頻和視頻表單文本圖像 動畫 音頻和視頻 表單2. 頁面布局同學(xué)通過視覺感受網(wǎng)站,重點把握以下結(jié)合案例進行講解布局類型“ 國” 字型布局布局類型：“ 廠” 字型布局“ 國” 字型布局“ 封面 ” 型布局“ 廠” 字型布局Flash 型布局“ 封面 ” 型布局變化型布局引導(dǎo)同學(xué)記錄筆記；3. 網(wǎng)站風(fēng)格 涉及到的學(xué)問點：1.2.4 網(wǎng)站風(fēng)格定位（1）和諧運用顏色（2）適當(dāng)選擇線條和形狀；（3）均衡的分割版式；學(xué)習(xí)必備 歡迎下載三、通過創(chuàng)建一個測試頁面來開放對網(wǎng)站開發(fā)工 跟同學(xué)探討對網(wǎng)站開發(fā)工具的認具的介紹 識,明白同學(xué)對網(wǎng)站建設(shè)的認知度,并引導(dǎo)同學(xué)業(yè)余時間查看網(wǎng)站開

6、發(fā)工具都有那些,進行比較；明白網(wǎng)站開發(fā)工具并具備自己主動查找資料的意識；四、網(wǎng)站開發(fā)流程 探討網(wǎng)站開發(fā)總體流程,引導(dǎo)同學(xué)網(wǎng)站需求分析及策劃 依據(jù)個人具體情形,從一個學(xué)問點動身網(wǎng)站設(shè)計與制作 依據(jù)自己的思維想法去網(wǎng)絡(luò)里探求知測試發(fā)布 識愛護推廣同學(xué)從宏觀角度明白一個網(wǎng)站從無到有的過程；五、學(xué)問拓展引導(dǎo)同學(xué)不能只學(xué)習(xí)課上的學(xué)問點,一涉及到的學(xué)問點：定要有自我拓展學(xué)問自我學(xué)習(xí)的才能1.4.1 網(wǎng)頁創(chuàng)意設(shè)計思維 1.4.2 網(wǎng)頁設(shè)計配色基礎(chǔ)同學(xué)具備自我拓展學(xué)問的才能六、爭辯 Web 技術(shù)進展展望將來WEB 技術(shù)的進展,技術(shù)在不斷進展,鼓勵同學(xué)把握前沿技術(shù),為就 業(yè)打好基礎(chǔ)；提高溝通和表達才能項目單元 本章節(jié)以“ 鑒賞優(yōu)秀網(wǎng)站” 為任務(wù)驅(qū)動,明白了網(wǎng)站的布局結(jié)構(gòu)、顏色搭配,以及網(wǎng) 小結(jié) 頁的相關(guān)概念、網(wǎng)頁制作的基本流程,為網(wǎng)頁的進一步設(shè)計制作奠定了基礎(chǔ)；（1）觀看各大知名學(xué)