《網(wǎng)頁平面設(shè)計(jì)師》課程開發(fā)

棒棒糖小組《網(wǎng)頁平面設(shè)計(jì)師》課程開發(fā)學(xué)院：教育技術(shù)與傳播學(xué)院學(xué)院班別：10師范2班組別：棒棒糖小組授課教師：周元春網(wǎng)頁平面設(shè)計(jì)師課程方案案例專業(yè)：計(jì)算機(jī)專業(yè)學(xué)習(xí)領(lǐng)域課程：網(wǎng)頁美工設(shè)計(jì)1.課程計(jì)劃學(xué)習(xí)領(lǐng)域：網(wǎng)頁美工設(shè)計(jì)典型工作的描述根據(jù)需求分析報(bào)告，在網(wǎng)頁美編的崗位上，在規(guī)定工時內(nèi)，在安全的軟件環(huán)境中，網(wǎng)頁美工負(fù)責(zé)整個網(wǎng)頁的界面設(shè)計(jì)、規(guī)劃整個網(wǎng)頁的布局。目前使用ps進(jìn)行界面效果圖的設(shè)計(jì)，AI輔助設(shè)計(jì)LOGO、以及網(wǎng)標(biāo)。所以作為網(wǎng)頁平面設(shè)計(jì)師掌握的重要工具就是photoshop軟件。網(wǎng)頁美編以小組組合或獨(dú)立的形式使用計(jì)算機(jī)軟件和專用設(shè)備工具按照客戶需求和網(wǎng)頁規(guī)范進(jìn)行設(shè)計(jì)。學(xué)習(xí)目標(biāo)學(xué)生以獨(dú)立或小組合作形式，通過教師指導(dǎo)或借助網(wǎng)頁排版技術(shù)等資料，制定網(wǎng)頁界面開發(fā)設(shè)計(jì)的計(jì)劃，在規(guī)定時間內(nèi)完成上述計(jì)劃、開發(fā)、檢測并進(jìn)行評價(jià)反饋。在設(shè)計(jì)開發(fā)過程中要符合職業(yè)道德，對已完成的任務(wù)進(jìn)行記錄、存檔和反饋。學(xué)習(xí)完本課程后，學(xué)生應(yīng)當(dāng)能夠進(jìn)行網(wǎng)頁的界面設(shè)計(jì)、規(guī)劃、布局。包括：在photoshop中將圖像分割成切片并區(qū)別用戶切片和自動切片將用戶切片鏈接到HTML頁面或位置；使用包含多個圖層的GIF圖像創(chuàng)建簡單通道；設(shè)計(jì)出符合網(wǎng)頁需求的banner；字體設(shè)計(jì)與搭配工作與學(xué)習(xí)內(nèi)容工作對象客戶需求分析報(bào)告按照《詳細(xì)設(shè)計(jì)說明書》和進(jìn)度規(guī)劃完成界面開發(fā)設(shè)計(jì)工作與編程人員配合完成網(wǎng)頁需求功能構(gòu)架圖像圖片設(shè)計(jì)處理文字設(shè)計(jì)工具材料操作系統(tǒng)：WindowsXPProfessional圖像圖片處理軟件：photoshop、AI瀏覽器：MicrosoftInternetExplorer6.0以上版本網(wǎng)頁編輯：DREAMWEAVER工作要求正確理解客戶需求借助參考資源制定可行的工作計(jì)劃設(shè)計(jì)出富有創(chuàng)新性的、可行的方案與工作人員進(jìn)行溝通完善方案對方案實(shí)施中遇到的問題能采取解決方法對方案實(shí)施效果進(jìn)行正確的評價(jià)工作方法客戶需求分析；根據(jù)客戶要求制定工作計(jì)劃；與上級領(lǐng)導(dǎo)及相關(guān)工作人員溝通方案；對網(wǎng)頁的圖片文字設(shè)計(jì)、規(guī)劃、布局并操作實(shí)施；對方案的實(shí)施結(jié)果進(jìn)行評價(jià)、總結(jié)反饋。勞動組織方式從相關(guān)部門領(lǐng)取工作任務(wù)根據(jù)客戶需求撰寫策劃書根據(jù)策劃書，和網(wǎng)站設(shè)計(jì)師配合完成網(wǎng)站需求構(gòu)建獨(dú)立或合作形式完成工作內(nèi)容完工后將網(wǎng)頁交給上級領(lǐng)導(dǎo)進(jìn)行初步的檢驗(yàn)進(jìn)行評價(jià)和反饋課程名稱/學(xué)習(xí)情景在photoshop中將圖像分割成切片并區(qū)別用戶切片和自動切片將用戶切片鏈接到HTML頁面或位置；使用包含多個圖層的GIF圖像創(chuàng)建簡單通道；設(shè)計(jì)出符合網(wǎng)頁需求的banner；字體設(shè)計(jì)與搭配學(xué)習(xí)組織形式與方法我們采取在機(jī)房上課，學(xué)生操作為主。首先讓老師實(shí)操演示，學(xué)生仔細(xì)聆聽，然后學(xué)生再練習(xí)。為了避免課堂枯燥，每節(jié)課老師都會抽出一定的時間讓學(xué)生觀賞優(yōu)秀作品，增強(qiáng)學(xué)生的觀賞能力。由于中職生自控能力比較差，所以老師會控制學(xué)生的電腦，并且會布置一定的課后練習(xí)并上交，加強(qiáng)學(xué)生的記憶。學(xué)業(yè)評價(jià)方式：關(guān)注學(xué)生個體差異，注重過程性、表現(xiàn)性、發(fā)展評價(jià)性注重學(xué)生學(xué)習(xí)任務(wù)完成過程中各學(xué)習(xí)環(huán)節(jié)的考核根據(jù)學(xué)習(xí)任務(wù)側(cè)重點(diǎn)不同，注重對學(xué)生專業(yè)能力、溝通能力、審美能力等全面評價(jià)為了有效的提高學(xué)生的操作能力，我們會在平時成績上加重比例2.課業(yè)計(jì)劃課業(yè)/學(xué)習(xí)情景學(xué)習(xí)目標(biāo)學(xué)習(xí)內(nèi)容評價(jià)建議課時數(shù)教學(xué)建議與說明學(xué)生任務(wù)1在photoshop中將圖像分割成切片并區(qū)別用戶切片和自動切片1、了解什么是Ps切片工具2、分清Ps切片工具的類型3、學(xué)會使用ps切片工具4、上機(jī)操作一個ps切片的案例1、Ps切片工具的含義2、Ps切片工具的類型3、學(xué)會使用ps切片工具4、將一張圖片分別用用戶切片和自動切片分割成需要的圖片自我評價(jià)內(nèi)容：學(xué)習(xí)準(zhǔn)備和計(jì)劃實(shí)施的學(xué)習(xí)效果，實(shí)施操作情況，學(xué)習(xí)中溝通合作能力老師評價(jià)內(nèi)容：表達(dá)能力，作業(yè)完成情況6注意區(qū)分用戶切片與自動切片注意安排學(xué)生在固定的時間內(nèi)完成切片的使用學(xué)生任務(wù)2將用戶切片鏈接到HTML頁面或位置使用Photoshop精確控制Web圖像的準(zhǔn)備

2、圖像在Web頁面上的顯示方式3、通過使用photoshop的切片功能制作一個簡單的Web頁面1、將切片轉(zhuǎn)到ImageReady中2、使用圖層來創(chuàng)建圖像映射3、使用圖層來映射工具4、使用選區(qū)來創(chuàng)建圖像映射5、講包含鏈接的圖像存儲為HTML文件自我評價(jià)內(nèi)容：學(xué)習(xí)準(zhǔn)備和計(jì)劃實(shí)施的學(xué)習(xí)效果，實(shí)施操作情況，學(xué)習(xí)中溝通合作能力老師評價(jià)內(nèi)容：表達(dá)能力，作業(yè)完成情況6盡可能將多個切片鏈接到HTML中，制作一個精美的網(wǎng)頁界面任務(wù)3設(shè)計(jì)出符合網(wǎng)頁需求的banner深刻理解設(shè)計(jì)banner的用意；2、可以設(shè)計(jì)一個符合用戶目標(biāo)的banner1、學(xué)習(xí)文字的搭配，以文字為主體設(shè)計(jì)一個banner2、用文字的排列設(shè)計(jì)一個banner3、學(xué)習(xí)簡單圖形的搭配，以圖片為主題設(shè)計(jì)一個banner自我評價(jià)內(nèi)容：學(xué)習(xí)準(zhǔn)備和計(jì)劃實(shí)施的學(xué)習(xí)效果，實(shí)施操作情況，學(xué)習(xí)中溝通合作能力老師評價(jià)內(nèi)容：表達(dá)能力，作業(yè)完成情況6了解客戶的需求借助photoshop軟件在網(wǎng)頁中設(shè)計(jì)一個banner任務(wù)4使用包含多個圖層的GIF圖像創(chuàng)建簡單通道理解通道的概念掌握在photoshop中導(dǎo)入多個GIF圖像掌握在photoshop中創(chuàng)建簡單通道學(xué)會在多個圖層運(yùn)用GIF圖像創(chuàng)建通道在photoshop中用一個圖層的動態(tài)圖創(chuàng)建通道在photoshop中用包含多個圖層的GIF圖像創(chuàng)建簡單通道將圖片導(dǎo)入網(wǎng)頁自我評價(jià)內(nèi)容：學(xué)習(xí)準(zhǔn)備和計(jì)劃實(shí)施的學(xué)習(xí)效果，實(shí)施操作情況，學(xué)習(xí)中溝通合作能力老師評價(jià)內(nèi)容：表達(dá)能力，作業(yè)完成情況6建議能把通道鏈接到HTML中任務(wù)5字體設(shè)計(jì)與搭配1、學(xué)會設(shè)計(jì)字體2、學(xué)會怎樣搭配字體，使得頁面會有更好的視覺效果3、學(xué)會根據(jù)不同的網(wǎng)頁的主題，選擇適合的字體4、不同顏色字體搭配的和諧性1、學(xué)習(xí)字體的形狀、顏色2、書法標(biāo)準(zhǔn)字體設(shè)計(jì)3、裝飾字體設(shè)計(jì)4、英文標(biāo)準(zhǔn)字體設(shè)計(jì)5、漢字設(shè)計(jì)6、學(xué)習(xí)字體創(chuàng)意方法7、學(xué)習(xí)文字的可視性和字體美感，使得不同字體搭配起來和諧美麗自我評價(jià)內(nèi)容：學(xué)習(xí)準(zhǔn)備和計(jì)劃實(shí)施的學(xué)習(xí)效果，實(shí)施操作情況，學(xué)習(xí)中溝通合作能力老師評價(jià)內(nèi)容：表達(dá)能力，作業(yè)完成情況8建議把字體與圖片結(jié)合，能制作平面廣告網(wǎng)頁平面設(shè)計(jì)師教學(xué)設(shè)備標(biāo)準(zhǔn)設(shè)備名稱單位數(shù)量備注電腦臺30課程實(shí)施建議（1）建議本課程采用理論與實(shí)踐一體化的教學(xué)模式、電腦機(jī)房教學(xué)場所和項(xiàng)目教學(xué)方法。

（2）教學(xué)場所中的電腦應(yīng)安裝齊全本課程所需的軟件，比如：photoshop、Illustrator、dreamweaver等。

（3）為了保證教學(xué)安全和實(shí)操效果，建議每位指導(dǎo)老師負(fù)責(zé)督查學(xué)生要用電安全，負(fù)責(zé)組織和指導(dǎo)30位學(xué)生，學(xué)生分組控制在5~6人/組。

（4）教師在講授教學(xué)的過程中，應(yīng)控