-網(wǎng)站作品設(shè)計（上）

網(wǎng)站的設(shè)計（上）信息技術(shù)吳涌彬教材分析本節(jié)課教學(xué)內(nèi)容源于高中信息技術(shù)選修《網(wǎng)絡(luò)技術(shù)應(yīng)用》。繼上節(jié)課學(xué)習(xí)了網(wǎng)站的規(guī)劃后，本節(jié)課將學(xué)習(xí)網(wǎng)站欄目結(jié)構(gòu)設(shè)計、網(wǎng)頁版面設(shè)計以及導(dǎo)航設(shè)計的學(xué)習(xí)，要讓學(xué)生充分認識到設(shè)計的重要性以及了解設(shè)計的方式方法。通過師生的共同學(xué)習(xí)，學(xué)生能夠通過教師的及時引導(dǎo)，掌握網(wǎng)站設(shè)計的方法，并完成個人網(wǎng)站的相關(guān)設(shè)計。二、學(xué)情分析學(xué)生經(jīng)過上節(jié)課對優(yōu)秀網(wǎng)站的賞析，并完成了網(wǎng)站開發(fā)任務(wù)的規(guī)劃后，對網(wǎng)站的概念已經(jīng)基本掌握，對本學(xué)期網(wǎng)站開發(fā)任務(wù)的具體要求也較為了解，確定了自己的個人網(wǎng)站主題后，如何把需要表達的信息以恰當(dāng)?shù)姆绞浇M織并呈現(xiàn)在網(wǎng)站上，是這節(jié)課要解決的問題。三、教學(xué)目標(biāo)1.知識與技能（1）認識網(wǎng)站作品設(shè)計的內(nèi)容；（2）完成網(wǎng)站結(jié)構(gòu)設(shè)計；（3）完成網(wǎng)站交互設(shè)計。2.過程與方法（1）通過案例分析，理解網(wǎng)站設(shè)計的重要性；（2）通過完成課堂任務(wù)，完成網(wǎng)站的部分設(shè)計。3.情感態(tài)度和價值觀（1）分析網(wǎng)站案例，重視網(wǎng)站設(shè)計工作；（2）能通過對別人的作品的欣賞，學(xué)習(xí)優(yōu)點，激發(fā)靈感。四、教學(xué)重點與難點教學(xué)重點：掌握網(wǎng)站設(shè)計的過程及方法；教學(xué)難點：完成網(wǎng)站的交互設(shè)計。五、教學(xué)過程教學(xué)環(huán)節(jié)教師活動學(xué)生活動引入觀看兩個校園網(wǎng)站（正反例子）提出問題：同一個主題的作品，為什么會呈現(xiàn)不同的效果——設(shè)計的重要性主要原因，在于兩個作品的作者，在作品開發(fā)前期所做的工作是否充分，也就是制作網(wǎng)站作品前，是否對網(wǎng)站作品進行了良好的前期設(shè)計。我們這兩節(jié)課就來學(xué)習(xí)網(wǎng)站的設(shè)計。思考問題明確學(xué)習(xí)主題學(xué)習(xí)新知作品賞析，展示三個優(yōu)秀網(wǎng)站作品，引導(dǎo)學(xué)生對比分析（PPT展示）：評價內(nèi)容虎門硝煙作品2……能否較好表達主題有哪些欄目及功能色調(diào)與主題是否搭調(diào)導(dǎo)航是否完整、方便由此可見，我們進行網(wǎng)站的前期設(shè)計，需要完成以下幾個方面的工作。網(wǎng)站欄目的構(gòu)成——結(jié)構(gòu)設(shè)計圖文元素的擺放——版面設(shè)計網(wǎng)站的色調(diào)——風(fēng)格設(shè)計鏈接跳轉(zhuǎn)功能——交互設(shè)計在老師的指導(dǎo)下，欣賞并分析網(wǎng)站作品，并根據(jù)評價內(nèi)容進行評價。兩位學(xué)生代表起立發(fā)表見解自主探究接下來，我們以第一個網(wǎng)站作品為案例，進行詳細的分析，掌握設(shè)計的方法，完成我們個人網(wǎng)站的部分設(shè)計。引導(dǎo)學(xué)生賞析多媒體作品——“虎門銷煙”，完成課堂任務(wù)一：完善“虎門銷煙”網(wǎng)站欄目結(jié)構(gòu)圖完成課堂探究任務(wù)二：完善網(wǎng)站的跳轉(zhuǎn)關(guān)系表說明講解：欄目設(shè)計的方法：1、按時間線分2、按所含類項分跳轉(zhuǎn)功能設(shè)計的一般規(guī)律：1、首頁可以跳轉(zhuǎn)到任何一級欄目（有的網(wǎng)站首頁還可以跳轉(zhuǎn)到任何二級欄目）2、一級欄目可以跳轉(zhuǎn)到下屬的任何二級欄目3、任何一級欄目可以返回首頁4、任何二級欄目可以返回所屬的一級欄目（有的網(wǎng)站二級欄目還可以返回首頁）運行網(wǎng)站，自主探究，完成課堂探究任務(wù)認真聽講，總結(jié)歸納任務(wù)實踐PPT展示：虎門銷煙結(jié)構(gòu)圖，欄目設(shè)計及跳轉(zhuǎn)設(shè)計的方法布置任務(wù)：請同學(xué)們模仿以上結(jié)構(gòu)圖，根據(jù)欄目設(shè)計的方法以及跳轉(zhuǎn)功能設(shè)計的一般規(guī)律，構(gòu)思完成自己的網(wǎng)站欄目結(jié)構(gòu)設(shè)計，填寫好欄目設(shè)計表以及跳轉(zhuǎn)設(shè)計表。同桌同學(xué)可以相互交流討論，相互提供建議。觀察學(xué)生設(shè)計過程，巡視并提出自己的見解，供學(xué)生參考。記錄學(xué)生在設(shè)計過程中出現(xiàn)的問題。展示三位同學(xué)的設(shè)計表，引導(dǎo)全班同學(xué)進行點評。講解說明學(xué)生設(shè)計過程中出現(xiàn)的問題及應(yīng)該注意的事項。指導(dǎo)學(xué)生繼續(xù)完善設(shè)計完成實踐任務(wù)遇到問題舉手提問觀看并參與點評同學(xué)的設(shè)計完善設(shè)計課堂小結(jié)網(wǎng)站欄目的設(shè)計，是我們對網(wǎng)站主題從不同方面的突出體現(xiàn)，更是我們思維的展示，對網(wǎng)站最終效果的呈現(xiàn)起著至關(guān)重要的作用，這節(jié)課，我們共同學(xué)習(xí)完成了個人主題網(wǎng)