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

1、項(xiàng)目化實(shí)戰(zhàn)教程 網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作 項(xiàng)目單元教學(xué)設(shè)計(jì)項(xiàng)目單元教學(xué)設(shè)計(jì) 編號：0101 學(xué) 校： 專 業(yè)： 項(xiàng)目單元： 賞析典型網(wǎng)站 授課教師： 網(wǎng)頁設(shè)計(jì)與制作教學(xué)設(shè)計(jì) 0101 編號：項(xiàng)目名稱項(xiàng)目名稱 計(jì)算機(jī)系部網(wǎng)站建設(shè) 任課教師任課教師 任課班級任課班級 項(xiàng)目單元項(xiàng)目單元 名稱名稱賞析典型網(wǎng)站 章節(jié)章節(jié)第一章 課時(shí)課時(shí) 4 教學(xué)目標(biāo)教學(xué)目標(biāo) 知識目知識目標(biāo)標(biāo)（1）了解優(yōu)秀網(wǎng)站的布局結(jié)構(gòu) （2）了解優(yōu)秀網(wǎng)站的色彩搭配 ）對網(wǎng)頁的組成元素有一定的了解 3（ 技能目技能目標(biāo)標(biāo)（1）能針對優(yōu)秀網(wǎng)站的布局結(jié)構(gòu)及色彩搭配進(jìn)行分析 （2）具備自我收集資料進(jìn)行分析、歸納整理的能力 情感態(tài)度情感態(tài)度

2、 明確課程要學(xué)什么，學(xué)完該課程自己能做什么，引導(dǎo)學(xué)生對該課程產(chǎn)生濃厚的興趣，有動(dòng)力學(xué)好該門課程。 教學(xué)內(nèi)容教學(xué)內(nèi)容 （1）了解網(wǎng)頁制作相關(guān)概念 （2）熟悉網(wǎng)站開發(fā)流程 （3）欣賞并分析典型網(wǎng)站 教學(xué)重點(diǎn)和教學(xué)重點(diǎn)和難點(diǎn)難點(diǎn) 重點(diǎn)重點(diǎn) 欣賞典型網(wǎng)站并分析典型網(wǎng)站，明確本門課程最終實(shí)現(xiàn)目標(biāo)。 難點(diǎn)難點(diǎn) 在掌握網(wǎng)站設(shè)計(jì)基本概念的基礎(chǔ)上具備賞析和分析網(wǎng)站的能力。教學(xué)方法教學(xué)方法 和策略和策略教學(xué)方法：項(xiàng)目展示法，把知識點(diǎn)融入到項(xiàng)目中講解。 教學(xué)策略：通過典型項(xiàng)目展示，在項(xiàng)目中引導(dǎo)學(xué)生掌握該課程相關(guān)知識點(diǎn)。 教學(xué)設(shè)計(jì)教學(xué)設(shè)計(jì) 思路思路秉承“授人以魚不如授人以漁”的總體教學(xué)理念。 通過項(xiàng)目展示，引導(dǎo)學(xué)生掌

3、握知識點(diǎn)的同時(shí)，掌握該門課程的學(xué)習(xí)方法，并積極、主動(dòng)的通過網(wǎng)絡(luò)去自我汲取課程相關(guān)知識，開闊知識面。 教學(xué)實(shí)施 步驟教師活動(dòng) 學(xué)生活動(dòng) 項(xiàng) 目 單 元 導(dǎo) 入 宏觀導(dǎo)入課程：1、 專業(yè)課程體系簡介 2、 本課程與其它課程之間的關(guān)系 本課程對應(yīng)的社會(huì)職位：網(wǎng)頁設(shè)計(jì)師、 3 展示最新社會(huì)招聘網(wǎng)頁設(shè)計(jì)師信息? 網(wǎng)頁設(shè)計(jì)師發(fā)展現(xiàn)狀數(shù)據(jù)統(tǒng)計(jì)資料? 網(wǎng)頁設(shè)計(jì)師發(fā)展趨勢數(shù)據(jù)預(yù)測資料?、 要想成為網(wǎng)頁設(shè)計(jì)師需要具備的綜合素質(zhì) 4學(xué)生從宏觀角度掌握自己專業(yè)課程體系，了解本課程與其它課程之間的相互 關(guān)系，認(rèn)識本門課程對應(yīng)的社會(huì)職位。 把學(xué)生的思維聚以提問的方式引入本單元， 合到本門課程上來，并活躍氣氛。你印象最深的

4、網(wǎng)站是哪個(gè)網(wǎng)站？是什么問題： 吸引了你？教師可事先準(zhǔn)備一個(gè)自己印象最深的網(wǎng)注意：引導(dǎo)學(xué)生表達(dá)自己的站，描述一下自己的感受， 看法。 討論：學(xué)生針對自己印象最深的網(wǎng)站展開討 論 目的： （1）引導(dǎo)學(xué)生對該課程產(chǎn)生興趣。 （2）強(qiáng)調(diào)溝通、表達(dá)的重要性。 一、賞析典型網(wǎng)站 1. 賞析綜合性門戶網(wǎng)站 2. 賞析電子商務(wù)型網(wǎng)站 3. 賞析校園系部信息網(wǎng)站 二、賞析的角度（結(jié)合案例） 1. 網(wǎng)站頁面元素 以下知識點(diǎn)結(jié)合案例展示進(jìn)行講解。 網(wǎng)頁制作相關(guān)概念 WWW ? 網(wǎng)頁? ? 網(wǎng)站 靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁? HTML 語言? URL ? IP 地址? ? 域名 網(wǎng)頁構(gòu)成的基本元素 文本? ?圖像 動(dòng)畫? ?

5、音頻和視頻 表單? 2. 頁面布局 結(jié)合案例進(jìn)行講解布局類型 ? ”國字型布局“ 字型布局廠 ?“” ” “? 封面型布局 Flash ?型布局 ?變化型布局 3. 網(wǎng)站風(fēng)格 涉及到的知識點(diǎn)： 網(wǎng)站風(fēng)格定位 1（）協(xié)調(diào)運(yùn)用顏色 （2）適當(dāng)選擇線條和形狀。 ）均衡的分割版式。3（學(xué)生辯證去欣賞和分析并隨時(shí)和教師進(jìn)行互動(dòng)，表達(dá)自己對網(wǎng)站布局及風(fēng)格定位的理解。 （1）具備一定的賞析網(wǎng)站能力； （2）結(jié)合欣賞分析網(wǎng)站，掌握網(wǎng)站相關(guān)理論知識點(diǎn)。 學(xué)生通過視覺感受網(wǎng)站，深刻理解概念 ? WWW 網(wǎng)頁 ?網(wǎng)站? 文本 ? 圖像 ?動(dòng)畫? 音頻和視頻 ? ? 表單 重點(diǎn)掌握以下學(xué)生通過視覺感受網(wǎng)站， 布局類型

6、： ” “? 國字型布局 廠 ?“”字型布局 ?”封面“型布局 引導(dǎo)學(xué)生記錄筆記。三、通過創(chuàng)建一個(gè)測試頁面來展開對網(wǎng)站開發(fā)工 具的介紹 跟學(xué)生探討對網(wǎng)站開發(fā)工具的認(rèn)識，了解學(xué)生對網(wǎng)站建設(shè)的認(rèn)知度，并引導(dǎo)學(xué)生業(yè)余時(shí)間查看網(wǎng)站開發(fā)工具都有那些，進(jìn)行比較。 了解網(wǎng)站開發(fā)工具并具備自己主動(dòng)查找資料的意識。 四、網(wǎng)站開發(fā)流程 ? 網(wǎng)站需求分析及策劃 ? 網(wǎng)站設(shè)計(jì)與制作 測試發(fā)布? 維護(hù)推廣? 探討網(wǎng)站開發(fā)總體流程，引導(dǎo)學(xué)生根據(jù)個(gè)人具體情況，從一個(gè)知識點(diǎn)出發(fā)根據(jù)自己的思維想法去網(wǎng)絡(luò)里探求知識 學(xué)生從宏觀角度了解一個(gè)網(wǎng)站從無到有的過程。 五、知識拓展 涉及到的知識點(diǎn)： 網(wǎng)頁創(chuàng)意設(shè)計(jì)思維 網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)引導(dǎo)學(xué)生不能只學(xué)習(xí)課上的知識點(diǎn)，一定要有自我拓展知識自我學(xué)習(xí)的能力 學(xué)生具備自我拓展知識的能力 技術(shù)發(fā)展 Web 六、討論展望未來 WEB 技術(shù)的發(fā)展，技術(shù)在不斷發(fā)展，鼓勵(lì)學(xué)生掌握前沿技術(shù)，為就業(yè)打好基礎(chǔ)。 提高溝通和表達(dá)能力 項(xiàng)目單元 小結(jié)本章節(jié)以“鑒賞優(yōu)秀網(wǎng)站”為任務(wù)驅(qū)動(dòng)，了解了網(wǎng)站的布局結(jié)構(gòu)、色彩搭配，以及網(wǎng)頁的相關(guān)概念、網(wǎng)頁制作的基本流程，為網(wǎng)頁的進(jìn)一步設(shè)計(jì)