網(wǎng)頁美工教案--_第1頁
網(wǎng)頁美工教案--_第2頁
網(wǎng)頁美工教案--_第3頁
網(wǎng)頁美工教案--_第4頁
網(wǎng)頁美工教案--_第5頁
已閱讀5頁,還剩102頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、四川核工業(yè)高級技工學(xué)校第一章 走進(jìn)網(wǎng)店裝修1.1網(wǎng)店裝修的重要性教學(xué)目的掌握使用網(wǎng)頁美工表示方式來介紹相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握網(wǎng)頁美工發(fā)展歷程教學(xué)難點(diǎn)掌握傳統(tǒng)美工與網(wǎng)頁美工的區(qū)別教學(xué)時間二課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:1、 網(wǎng)絡(luò)的發(fā)展歷程?Internet的最早起源于美國國防部高級研究計劃署DARPA(Defence Advanced Research Projects Agency)的前身ARPAnet,該網(wǎng)于1969年投入使用。由此,ARPAnet成為現(xiàn)

2、代計算機(jī)網(wǎng)絡(luò)誕生的標(biāo)志。2、 傳統(tǒng)美工與網(wǎng)頁美工?1)傳統(tǒng)美工2)網(wǎng)頁美工3、 網(wǎng)頁美工需要具備的能力?4、操作試題:習(xí)題(一)利用網(wǎng)絡(luò)功能,正確的對網(wǎng)頁美工進(jìn)行操作。習(xí)題(二)網(wǎng)頁美工作品的欣賞。教學(xué)總結(jié) 本本節(jié)主要是介紹網(wǎng)頁美工的作品欣賞,我們通過介紹對其的使用的正確的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第一章 走進(jìn)網(wǎng)店裝修1.2 網(wǎng)店美工必備技能要求教學(xué)目的掌握使用網(wǎng)頁平面結(jié)構(gòu)表示方式來介紹相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握平面構(gòu)成概述教學(xué)難點(diǎn)掌握網(wǎng)頁平面結(jié)構(gòu)的3個方面的事項教學(xué)時間二課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)

3、例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:4、 平面構(gòu)成概述?5、 網(wǎng)頁平面構(gòu)成設(shè)計中的3個方面?1)布局要新穎2)對比要強(qiáng)烈3)變化統(tǒng)一化6、 網(wǎng)頁美工需要具備的能力?4、操作試題:習(xí)題(一)利用網(wǎng)絡(luò)功能,正確的對網(wǎng)頁美工進(jìn)行操作。習(xí)題(二)網(wǎng)頁美工作品的欣賞。教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第二章 圖片素材規(guī)劃2.1產(chǎn)品主圖規(guī)劃教學(xué)目的掌握使用網(wǎng)頁平面結(jié)構(gòu)形式的表示方式,介紹相關(guān)知識點(diǎn)的運(yùn)用。教學(xué)重點(diǎn)掌握平面構(gòu)成概述教學(xué)難點(diǎn)掌握構(gòu)成形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間二課時教學(xué)方式多媒體授課班級13級電商課程

4、班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:7、 大小的對比 8、 明暗的對比 3、粗細(xì)的對比4、曲線和直線的對比5、質(zhì)感的對比6、位置的對比教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第二章 圖片素材規(guī)劃2.2 描述頁圖片素材內(nèi)容教學(xué)目的掌握美工、攝影師、客服、店子對產(chǎn)品和買家的關(guān)系教學(xué)重點(diǎn)掌握平面構(gòu)成概述教學(xué)難點(diǎn)掌握構(gòu)成形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間二課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行

5、本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:9、 影響成交轉(zhuǎn)化的重要因素之一? 答:寶貝描述頁是響成交轉(zhuǎn)化的重要因素之一10、 買家想看的信息?答:1、整體大圖 2、多角度圖片 3、功能信息 4、參數(shù)信息 5、款式顏色 6、細(xì)節(jié)特寫11、賣家要展示的信息?答:1、賣點(diǎn)信息 2、模特效果圖 3、實(shí)力資質(zhì) 4、包裝效果 5、VS對比 6、場景實(shí)用圖12、操作試題: 習(xí)題(一) 習(xí)題(二)教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第二章 圖片素材規(guī)劃2.3 圖片拍攝規(guī)劃演示教學(xué)目的掌握美工、攝影師、客服、店子對產(chǎn)品和買家的關(guān)系教學(xué)重點(diǎn)掌握平面構(gòu)成概

6、述教學(xué)難點(diǎn)掌握構(gòu)成形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間二課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:11、 規(guī)劃演示的基本要求?答:1、整體大圖 2、多角度圖片 3、功能信息 4、參數(shù)信息 5、款式顏色 6、細(xì)節(jié)特寫 7、賣點(diǎn)信息 8、模特效果圖 9、實(shí)力資質(zhì) 10、包裝效果 11、VS對比 12、場景實(shí)用圖12、 賣家要展示的信息?答:1、賣點(diǎn)信息 2、模特效果圖 3、實(shí)力資質(zhì) 4、包裝效果 5、VS對比 6、場景實(shí)用圖13、 操作試題: 習(xí)題(一) 習(xí)題(二)教學(xué)總結(jié) 本本節(jié)主要

7、是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 商品圖片美化3.1認(rèn)識Photoshop教學(xué)目的掌握Photoshop軟件的認(rèn)識,實(shí)用的操作技術(shù)關(guān)系教學(xué)重點(diǎn)掌握Photoshop概述教學(xué)難點(diǎn)掌握Photoshop在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間四課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:14、 Photoshop發(fā)展簡介? 答:美國Adobl公司開發(fā)的15、 Photoshop的功能?答:專業(yè)的圖片編輯軟件16、 Photoshop的應(yīng)用領(lǐng)域?答:1

8、、平面廣告 2、包裝設(shè)計 3、圖片的處理等17、 Photoshop的打開方式?答:1、雙擊桌面圖標(biāo) 2、點(diǎn)擊開始-程序-ps 3、雙擊文檔18、 Photoshop的界面?答:1、標(biāo)題欄2、菜單欄3、工具箱4、舞臺5、輔助面板19、 Photoshop的關(guān)閉方式?答:1、文件-退出2、Alt + F43、點(diǎn)擊關(guān)閉按鈕20、 文件新建方式?答:1、點(diǎn)擊文件-新建 2、Ctrl + N21、 網(wǎng)店裝修和運(yùn)營的主要元素?答:圖片22、 PS中默認(rèn)的分辨率?答:7223、 打開文件的方式?答:1、點(diǎn)擊文件-打開 2、Ctrl + o24、 操作試題: 習(xí)題(一) 上機(jī)操作習(xí)題(二) 上機(jī)操作教學(xué)總結(jié)

9、 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 商品圖片美化3.2裁剪出圖片最佳角度教學(xué)目的掌握美工、攝影師、客服、店子對產(chǎn)品和買家的關(guān)系教學(xué)重點(diǎn)掌握圖片構(gòu)成概述教學(xué)難點(diǎn)掌握構(gòu)成形式在圖片設(shè)計中的運(yùn)用教學(xué)時間六課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:25、 裁剪的基本要求?答:1、整體大圖美觀 2、多角度圖片裁剪 3、裁剪參數(shù)信息 4、細(xì)節(jié)裁剪體現(xiàn)26、 圖片素材的提取方式?答:1、點(diǎn)擊文件-打開2、Ctrl + o27、 保存的

10、方式?答:1、點(diǎn)擊文件-保存2、Ctrl + s28、 保存的格式?答:1、文檔格式:.Psd2、圖片格式:.jpg29、 裁剪的技巧方式?答:1、8個控制點(diǎn)的修改2、shift的使用30、 裁剪的操作方式?答:1、畫正方形:按shift鍵的操作2、畫中心圖:按shift+alt鍵的操作31、 裁剪的完成方式?答:按回車鍵的操作32、 裁剪的快捷方式?答:按C鍵操作33、 放大和縮小的方式?答:ps中打開圖片時,圖片的顯示比例大小的調(diào)節(jié):放大:ctrl + +縮?。篶trl + -34、 固定尺寸大小的設(shè)置方式?答:ps中打開圖片時,圖片的顯示尺寸大小的調(diào)節(jié):放大/縮?。赫{(diào)節(jié)圖片本身的尺寸35

11、、 裁剪校正的方式?答:ps中打開圖片時,圖片的顯示裁剪校正的調(diào)節(jié):裁剪校正:ctrl + T控制8個調(diào)節(jié)的點(diǎn),進(jìn)行變形的調(diào)節(jié)。36、 操作試題: 習(xí)題(一) 上機(jī)操作習(xí)題(二) 上機(jī)操作教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 商品圖片美化3.3 修圖美化商品圖片教學(xué)目的掌握Photoshop軟件的認(rèn)識,實(shí)用的操作技術(shù)關(guān)系教學(xué)重點(diǎn)掌握Photoshop修圖的意思教學(xué)難點(diǎn)掌握Photoshop中修圖的操作運(yùn)用教學(xué)時間六課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)

12、課堂的知識點(diǎn)的講解和操作。b)、課堂板書:37、 Photoshop修圖簡介? 答:美國Adobl公司開發(fā)的專業(yè)的修圖處理軟件38、 Photoshop的功能?答:專業(yè)的圖片處理的軟件39、 Photoshop的應(yīng)用領(lǐng)域?答:1、平面廣告 2、包裝設(shè)計 3、圖片的處理等40、 Photoshop修圖的工具有?答:1、污點(diǎn)畫筆工具 2、修補(bǔ)工具 3、仿制圖章工具41、 Photoshop污點(diǎn)畫筆工具的功能?答:將圖片中修補(bǔ)的對象用畫筆的像素來代替42、 Photoshop污點(diǎn)畫筆工具的特點(diǎn)?答:主要針對小的污點(diǎn)處理43、 污點(diǎn)畫筆工具新建方式?答:1、點(diǎn)擊工具箱-污點(diǎn)畫筆工具 2、J鍵44、 污

13、點(diǎn)畫筆工具大小的調(diào)節(jié)?答:1、放大: 2、縮?。?5、 PS中污點(diǎn)畫筆工具的使用方式?答:1、去痘2、去斑3、小的污點(diǎn)修復(fù)處理46、 修補(bǔ)工具的打開方式?答:1、點(diǎn)擊工具箱-修補(bǔ)工具 2、J鍵47、 修補(bǔ)工具的功能?答:將選擇區(qū)域中的像素對象進(jìn)行替換48、 修補(bǔ)工具的特點(diǎn)?答:適合較大面積的修補(bǔ)使用,保留原來像素亮度信息。49、 修補(bǔ)工具的使用方式?答:1、源:表示選擇的像素被目標(biāo)像素代替。2、目標(biāo):表示選擇的像素代替目標(biāo)像素。50、 仿制圖章工具方式?答:結(jié)合上2種工具的使用,進(jìn)行綜合的介紹。51、 仿制圖章工具操作?答:1、選擇目標(biāo)對象。2、按alt鍵進(jìn)行像素點(diǎn)的提取。52、 仿制圖章工具

14、的作用?答:進(jìn)行目標(biāo)像素的代替,適合小/大面積的修補(bǔ)使用。53、 仿制圖章工具的選取方式?54、 答:1、點(diǎn)擊工具箱-仿制圖章工具2、按s鍵55、 操作試題: 習(xí)題(一) 上機(jī)操作習(xí)題(二)上機(jī)操作教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 商品圖片美化3.4 調(diào)色(真彩實(shí)色)教學(xué)目的掌握使用PS結(jié)構(gòu)表示方式來介紹相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握調(diào)色(真彩實(shí)色)的原理教學(xué)難點(diǎn)掌握調(diào)色(真彩實(shí)色)操作注意事項教學(xué)時間六課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的

15、知識點(diǎn)的講解和操作。b)、課堂板書:56、 色階的介紹?答:色階指圖像中從暗色到亮色像素的分布情況。57、 色階的操作?答:1、點(diǎn)擊:“圖像”-“調(diào)整”-“色階”2、ctrl + L58、 色階的顏色分布?答:從左到右:黑-灰(不同比例)-白工具箱和工具欄 Photosop工具包含了40余種工具,單擊圖標(biāo)即可選擇工具或者按下工具的組合鍵。工具箱中并沒有顯示出全部的工具,只要細(xì)心觀察,會發(fā)現(xiàn)有些工具圖標(biāo)中有一個小三角的符號,這就表示在該工具中還有與之相關(guān)的工具。打開這些工具的方法有兩種:1、把鼠標(biāo)指針移到含有三角的工具上,右擊即可打開隱藏的工具或者按鼠標(biāo)左鍵不放在工具上開隱藏稍等片刻也可打工具。

16、然后選擇工具即可2、可以按下ALT鍵不放,再單擊工具圖標(biāo),多次單擊可以在多個工具之間切換。59、 PS中的模式?答:1、RGB模式-三原色 紅、綠、藍(lán)2、CMYK模式-減色(印刷使用) 青、洋紅、黃、黑3、灰色模式-修改圖片去色4、Lab模式-圖片的過度60、 色階的作用?答:使一些曝光不足的圖片,進(jìn)行顏色的修改。61、 曲線工具的介紹?答:將使用曲線的控制點(diǎn),將使一些曝光不足的圖片,進(jìn)行顏色的修改。62、 曲線的打開方式?答:1、點(diǎn)擊“圖像-調(diào)整-曲線2、Ctrl + M63、 曲線的調(diào)節(jié)方式?答:控制不同的顏色通道,進(jìn)行顏色的調(diào)整。64、 曲線顏色的方向?答:向上調(diào)整:顏色變亮向下調(diào)整:顏

17、色變暗65、 偏色圖片的調(diào)整?答:控制圖片的像素分布說明,進(jìn)行像素的調(diào)整??刂疲?、直方圖2、顏色通道的設(shè)置66、 色相/飽和度的設(shè)置?答:1、點(diǎn)擊:圖像-調(diào)整-色相/飽和度2、Ctrl + U67、 操作試題習(xí)題(一)利用網(wǎng)絡(luò)功能,正確的對網(wǎng)頁美工進(jìn)行操作。習(xí)題(二)網(wǎng)頁美工作品的欣賞。教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 圖片的美化3.5 淘寶圖片摳圖大全教學(xué)目的掌握使用摳圖形式的表示方式,介紹相關(guān)知識點(diǎn)的運(yùn)用。教學(xué)重點(diǎn)掌握摳圖概述教學(xué)難點(diǎn)掌握摳圖形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)

18、容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:68、 摳圖的定義? 答:將圖片/產(chǎn)品中的一部分,從圖片中經(jīng)過選擇后復(fù)制或剪切出來。69、 選區(qū)的介紹?答:1、矩形選區(qū)2、橢圓選區(qū)3、單行4、單列3、矩形選區(qū)和橢圓選區(qū)的創(chuàng)建方式? 答:1、點(diǎn)擊“工具箱-矩形選區(qū)和橢圓選區(qū)工具 2、按M鍵 3、按shift + M4、矩形選區(qū)繪制正方形? 答:按shift 5、橢圓選區(qū)繪制正圓? 答:按shift:拖動的距離為直徑繪制正圓 按shift + alt:拖動的距離為半徑繪制正圓6、單行/單列的繪制方式? 答:1個像素大小7、新建的方式?

19、 答:1、點(diǎn)擊:文件-新建 2、Ctrl + N8、拷貝的方式?答:1、點(diǎn)擊:文件-拷貝 2、Ctrl + C9、粘貼的方式? 答:1、點(diǎn)擊:文件-粘貼 2、Ctrl + V10、上機(jī)操作講解案例:. P 52-P57講解案例11、橢圓選區(qū)的創(chuàng)建方式? 答:1、點(diǎn)擊:工具箱-橢圓工具 2、Ctrl + M12、打開2張不連續(xù)的圖片? 答:按Ctrl 鍵13、打開連續(xù)的圖片? 答:按Shift 鍵14、圖片變形的方式? 答:1、點(diǎn)擊:編輯-自由變形 2、Ctrl + T15、自由變形的方式? 答:控制8個控制節(jié)點(diǎn),進(jìn)行變形的調(diào)整16、常見的變形方式? 答:1、水平 2、垂直17、變形完成后,確認(rèn)

20、操作方式? 答:按:回車鍵18、課堂上機(jī)案例操作: P57-P5919、直邊規(guī)則圖形的摳圖介紹? 答:主要是進(jìn)行不規(guī)則的區(qū)域的摳選。20、套索工具的分類? 答:1、自由套索 2、多邊形套索 3、磁性套索21、圖片的顯示操作? 答:按:Alt鍵,向前滾動-放大;向后滾動-縮小22、套索工具的選取方式? 答:1、點(diǎn)擊:工具箱-套索工具 2、按:L鍵23、上機(jī)講解書本案例: P59-P6124、魔棒工具的介紹? 答:主要是對背景比較單一的圖片進(jìn)行摳取。25、魔棒工具的特點(diǎn)? 答:通過對顏色容差值的控制,對背景比較單一的圖片進(jìn)行摳取。26、魔棒工具的操作? 答:1、點(diǎn)擊:工具箱-魔棒工具 2、按W鍵2

21、7、容差值的意義? 答:容差值數(shù)越大,選區(qū)的圖片區(qū)域就越大;容差值數(shù)越小,選區(qū)的圖片區(qū)域就越小。28、上機(jī)講解書本案例: P63-P6429、鋼筆工具的介紹? 答:主要是對圖片對象進(jìn)行區(qū)域的摳取。30、鋼筆工具的選取方式? 答:1、點(diǎn)擊:工具箱-鋼筆工具 2、按:P鍵31、鋼筆工具的分類模式? 答:1、形狀圖層 2、路徑32、路徑轉(zhuǎn)換為選區(qū)方式? 答:按:回車鍵33、路徑工具的分類? 答:1、矩形工具 2、圓角矩形工具 3、橢圓工具 4、直線工具 5、自定義工具6、多邊形工具34、節(jié)點(diǎn)組成? 答:1、節(jié)點(diǎn) 2、控制點(diǎn) 3、控制手柄35、調(diào)整節(jié)點(diǎn)的方向? 答:按:Alt 36、控制節(jié)點(diǎn)沿上一節(jié)點(diǎn)

22、的創(chuàng)建? 答:按:Ctrl37、上機(jī)講解書本案例: P65-P6638、創(chuàng)建圖層副本的方式? 答:按:Ctrl + J39、蒙版的作用? 答:將對象中未選擇的對象屏蔽起來40、蒙版的目的? 答:將屏蔽的區(qū)域透明化41、通道的作用? 答:將圖片按照本身的圖片模式進(jìn)行不同顏色通道進(jìn)行顏色的分類。42、通道的操作? 答:1、顯示/隱藏 2、復(fù)制 3、刪除43、反相的方式? 答:Ctrl + I44、色階的方式? 答:Ctrl + L45、上機(jī)講解書本案例: P67-P7246、上機(jī)試題 習(xí)題一 習(xí)題二教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章

23、圖片的美化3.6 促銷廣告圖的制作教學(xué)目的掌握使用廣告圖形式的表示方式,介紹相關(guān)知識點(diǎn)的運(yùn)用。教學(xué)重點(diǎn)掌握促銷概述教學(xué)難點(diǎn)掌握廣告圖形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:70、 網(wǎng)店中怎樣去吸引買家的眼球? 答:將圖片/產(chǎn)品進(jìn)行處理,制作出漂亮的促銷廣告圖片,吸引買家的眼球。71、 促銷廣告的介紹?答:促銷廣告要有漂亮的圖片外,還要有正確的設(shè)計思想。3、促銷廣告的設(shè)計過程? 答:1、分析目標(biāo) 2、溝通策劃 3、設(shè)計表達(dá)4、目標(biāo)包括哪些方面?

24、 答:1、目標(biāo)人群分析 2、產(chǎn)品分析 3、目標(biāo)定位5、目標(biāo)人群分析? 答:按相關(guān)的數(shù)據(jù)統(tǒng)計,來分析買家的年齡段、消費(fèi)能力、興趣愛好等信息,從而為設(shè)計提供數(shù)據(jù)參考。6、產(chǎn)品分析? 答:1、產(chǎn)品的價值點(diǎn)。 2、產(chǎn)品的角度或風(fēng)格呈現(xiàn)。 3、產(chǎn)品的價值體現(xiàn),買家關(guān)注點(diǎn)的表現(xiàn)。7、廣告目標(biāo)分析? 答:要確定廣告的目標(biāo):促銷廣告還是品牌廣告 1、促銷廣告目標(biāo)是以降價打折、包郵等手段來刺激買家;2、品牌廣告在獨(dú)特之處讓買家了解和加深品牌印象。8、溝通策劃的方式?答:1、主題內(nèi)容 2、文案討論 3、素材準(zhǔn)備9、主題內(nèi)容包括? 答:1、人物模特 2、折扣信息 3、產(chǎn)品圖片 4、廣告語 5、活動時間 6、活動理由

25、 7、品牌LOGO 8、單擊按鈕等10、設(shè)計實(shí)施方式?. 答:1、環(huán)境尺寸 2、背景與調(diào)色 3、字體與排版 4、按鈕與標(biāo)簽 5、主題層次11、打開標(biāo)尺的方式? 答:1、點(diǎn)擊:視圖-標(biāo)尺 2、Ctrl + R12、合并圖層的方式? 答:按Ctrl + E13、控制標(biāo)尺的高和寬的方式? 答:W和H來查看標(biāo)尺的寬和高的數(shù)值14、課堂上機(jī)案例操作: 根據(jù)課堂的知識點(diǎn),對本節(jié)進(jìn)行實(shí)例的操作15、廣告圖背景的設(shè)置方式? 答:1、背景圖片 2、漸變背景 3、純色背景16、粘貼的方式? 答:按Ctrl + V17、漸變操作方式? 答:1、線性漸變 2、徑向漸變 3、角度漸變 4、對稱漸變 5、菱形漸變18、填

26、充前景色的方式? 答:Alt + Enter19、字體與排版的介紹? 答:1、在書寫方式和風(fēng)格方面產(chǎn)生不同的風(fēng)格,即字體。 2、常見的字體:楷體、宋體、草書、等。20、文字工具的分類? 答:1、橫排文字 2、豎排文字21、文字工具的操作? 答:1、按:T鍵。 2、點(diǎn)擊工具箱-文字按鈕22、常見文字工具的選取方式? 答:1、設(shè)置字體 2、文字大小 3、文字顏色 4、字體的對齊方式23、文字編輯完成的結(jié)束方式? 答:按Ctrl + Enter24、快速復(fù)制文本圖層的方式? 答:按:Alt ,進(jìn)行拖動鼠標(biāo)即可完成25、文字工具的特點(diǎn)? 答:通過對文字的控制,進(jìn)行文字的基本屬性設(shè)置外,還可以進(jìn)行文字的

27、變形。26、在PS中文字工具的變形操作有多少種? 答:共有4類15種。27、文字工具在操作中有哪幾種消除鋸齒方式? 答:1、無 2、銳利 3、平滑 4、渾厚 5、犀利28、文字變形的方式? 答:按Ctrl + T29、鋼筆工具的介紹? 答:主要是對圖片對象進(jìn)行區(qū)域的摳取。30、鋼筆工具的選取方式? 答:1、點(diǎn)擊:工具箱-鋼筆工具 2、按:P鍵31、鋼筆工具的分類模式? 答:1、形狀圖層 2、路徑32、路徑轉(zhuǎn)換為選區(qū)方式? 答:按:回車鍵33、路徑工具的分類? 答:1、矩形工具 2、圓角矩形工具 3、橢圓工具 4、直線工具 5、自定義工具6、多邊形工具34、節(jié)點(diǎn)組成? 答:1、節(jié)點(diǎn) 2、控制點(diǎn)

28、3、控制手柄35、調(diào)整節(jié)點(diǎn)的方向? 答:按:Alt 36、控制節(jié)點(diǎn)沿上一節(jié)點(diǎn)的創(chuàng)建? 答:按:Ctrl37、上機(jī)講解書本案例: P65-P6638、創(chuàng)建圖層副本的方式? 答:按:Ctrl + J39、蒙版的作用? 答:將對象中未選擇的對象屏蔽起來40、蒙版的目的? 答:將屏蔽的區(qū)域透明化41、通道的作用? 答:將圖片按照本身的圖片模式進(jìn)行不同顏色通道進(jìn)行顏色的分類。42、通道的操作? 答:1、顯示/隱藏 2、復(fù)制 3、刪除43、反相的方式? 答:Ctrl + I44、色階的方式? 答:Ctrl + L45、上機(jī)講解書本案例: P67-P7246、上機(jī)試題 習(xí)題一 習(xí)題二教學(xué)總結(jié) 本本節(jié)主要是介

29、紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第三章 圖片的美化3.7圖片處理教學(xué)目的掌握使用摳圖形式的表示方式,介紹相關(guān)知識點(diǎn)的運(yùn)用。教學(xué)重點(diǎn)掌握摳圖概述教學(xué)難點(diǎn)掌握摳圖形式在網(wǎng)頁設(shè)計中的運(yùn)用教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:72、 摳圖的定義? 答:將圖片/產(chǎn)品中的一部分,從圖片中經(jīng)過選擇后復(fù)制或剪切出來。73、 選區(qū)的介紹?答:1、矩形選區(qū)2、橢圓選區(qū)3、單行4、單列3、矩形選區(qū)和橢圓選區(qū)的創(chuàng)建方式? 答:1、點(diǎn)擊“工具箱-矩形選

30、區(qū)和橢圓選區(qū)工具 2、按M鍵 3、按shift + M4、矩形選區(qū)繪制正方形? 答:按shift 5、橢圓選區(qū)繪制正圓? 答:按shift:拖動的距離為直徑繪制正圓 按shift + alt:拖動的距離為半徑繪制正圓6、單行/單列的繪制方式? 答:1個像素大小7、新建的方式? 答:1、點(diǎn)擊:文件-新建 2、Ctrl + N8、拷貝的方式?答:1、點(diǎn)擊:文件-拷貝 2、Ctrl + C9、粘貼的方式? 答:1、點(diǎn)擊:文件-粘貼 2、Ctrl + V10、上機(jī)操作講解案例:. P 52-P57講解案例11、橢圓選區(qū)的創(chuàng)建方式? 答:1、點(diǎn)擊:工具箱-橢圓工具 2、Ctrl + M12、打開2張不連

31、續(xù)的圖片? 答:按Ctrl 鍵13、打開連續(xù)的圖片? 答:按Shift 鍵14、圖片變形的方式? 答:1、點(diǎn)擊:編輯-自由變形 2、Ctrl + T15、自由變形的方式? 答:控制8個控制節(jié)點(diǎn),進(jìn)行變形的調(diào)整16、常見的變形方式? 答:1、水平 2、垂直17、變形完成后,確認(rèn)操作方式? 答:按:回車鍵18、課堂上機(jī)案例操作: P57-P5919、直邊規(guī)則圖形的摳圖介紹? 答:主要是進(jìn)行不規(guī)則的區(qū)域的摳選。20、套索工具的分類? 答:1、自由套索 2、多邊形套索 3、磁性套索21、圖片的顯示操作? 答:按:Alt鍵,向前滾動-放大;向后滾動-縮小22、套索工具的選取方式? 答:1、點(diǎn)擊:工具箱-

32、套索工具 2、按:L鍵23、上機(jī)講解書本案例: P59-P6124、魔棒工具的介紹? 答:主要是對背景比較單一的圖片進(jìn)行摳取。25、魔棒工具的特點(diǎn)? 答:通過對顏色容差值的控制,對背景比較單一的圖片進(jìn)行摳取。26、魔棒工具的操作? 答:1、點(diǎn)擊:工具箱-魔棒工具 2、按W鍵27、容差值的意義? 答:容差值數(shù)越大,選區(qū)的圖片區(qū)域就越大;容差值數(shù)越小,選區(qū)的圖片區(qū)域就越小。28、上機(jī)講解書本案例: P63-P6429、鋼筆工具的介紹? 答:主要是對圖片對象進(jìn)行區(qū)域的摳取。30、鋼筆工具的選取方式? 答:1、點(diǎn)擊:工具箱-鋼筆工具 2、按:P鍵31、鋼筆工具的分類模式? 答:1、形狀圖層 2、路徑3

33、2、路徑轉(zhuǎn)換為選區(qū)方式? 答:按:回車鍵33、路徑工具的分類? 答:1、矩形工具 2、圓角矩形工具 3、橢圓工具 4、直線工具 5、自定義工具6、多邊形工具34、節(jié)點(diǎn)組成? 答:1、節(jié)點(diǎn) 2、控制點(diǎn) 3、控制手柄35、調(diào)整節(jié)點(diǎn)的方向? 答:按:Alt 36、控制節(jié)點(diǎn)沿上一節(jié)點(diǎn)的創(chuàng)建? 答:按:Ctrl37、上機(jī)講解書本案例: P65-P6638、創(chuàng)建圖層副本的方式? 答:按:Ctrl + J39、蒙版的作用? 答:將對象中未選擇的對象屏蔽起來40、蒙版的目的? 答:將屏蔽的區(qū)域透明化41、通道的作用? 答:將圖片按照本身的圖片模式進(jìn)行不同顏色通道進(jìn)行顏色的分類。42、通道的操作? 答:1、顯示

34、/隱藏 2、復(fù)制 3、刪除43、反相的方式? 答:Ctrl + I44、色階的方式? 答:Ctrl + L45、上機(jī)講解書本案例: P67-P7246、上機(jī)試題 習(xí)題一 習(xí)題二教學(xué)總結(jié) 本本節(jié)主要是介紹平面構(gòu)成概述的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第四章 店鋪裝修整頁設(shè)計教學(xué)目的掌握使用網(wǎng)頁美工表示方式來介紹相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握店鋪裝修教學(xué)難點(diǎn)掌握整頁設(shè)計教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:4.1頁面文件基礎(chǔ)74、 頁面文件的操作

35、?最早起源于美國國防部高級研究計劃署DARPA(Defence Advanced Research Projects Agency)的前身ARPAnet,該網(wǎng)于1969年投入使用。由此,ARPAnet成為現(xiàn)代計算機(jī)網(wǎng)絡(luò)誕生的標(biāo)志。75、 傳統(tǒng)美工與網(wǎng)頁美工?1)傳統(tǒng)美工2)網(wǎng)頁美工76、 網(wǎng)頁美工需要具備的能力?操作試題:習(xí)題(一)利用網(wǎng)絡(luò)功能,正確的對網(wǎng)頁美工進(jìn)行操作。習(xí)題(二)網(wǎng)頁美工作品的欣賞。4.2 頁面背景圖77、 裁剪的基本要求?答:1、整體大圖美觀 2、多角度圖片裁剪 3、裁剪參數(shù)信息 4、細(xì)節(jié)裁剪體現(xiàn)78、 圖片素材的提取方式?答:1、點(diǎn)擊文件-打開2、Ctrl + o79、

36、保存的方式?答:1、點(diǎn)擊文件-保存2、Ctrl + s80、 保存的格式?答:1、文檔格式:.Psd2、圖片格式:.jpg81、 裁剪的技巧方式?答:1、8個控制點(diǎn)的修改2、shift的使用82、 裁剪的操作方式?答:1、畫正方形:按shift鍵的操作2、畫中心圖:按shift+alt鍵的操作83、 裁剪的完成方式?答:按回車鍵的操作84、 裁剪的快捷方式?答:按C鍵操作85、 放大和縮小的方式?答:ps中打開圖片時,圖片的顯示比例大小的調(diào)節(jié):放大:ctrl + +縮小:ctrl + -86、 固定尺寸大小的設(shè)置方式?答:ps中打開圖片時,圖片的顯示尺寸大小的調(diào)節(jié):放大/縮?。赫{(diào)節(jié)圖片本身的尺

37、寸87、 裁剪校正的方式?答:ps中打開圖片時,圖片的顯示裁剪校正的調(diào)節(jié):裁剪校正:ctrl + T控制8個調(diào)節(jié)的點(diǎn),進(jìn)行變形的調(diào)節(jié)。4.2 頁面背景圖 上機(jī)熟練操作題 P140-1464.3 頁面950招聘88、 Photoshop的打開方式?答:1、雙擊桌面圖標(biāo) 2、點(diǎn)擊開始-程序-ps 3、雙擊文檔89、 Photoshop的界面?答:1、標(biāo)題欄2、菜單欄3、工具箱4、舞臺5、輔助面板90、 Photoshop的關(guān)閉方式?答:1、文件-退出2、Alt + F43、點(diǎn)擊關(guān)閉按鈕91、 文件新建方式?答:1、點(diǎn)擊文件-新建 2、Ctrl + N92、 網(wǎng)店裝修和運(yùn)營的主要元素?答:圖片93、

38、 PS中默認(rèn)的分辨率?答:7294、 打開文件的方式?答:1、點(diǎn)擊文件-打開 2、Ctrl + o95、 操作試題: 習(xí)題(一) 上機(jī)操作習(xí)題(二) 上機(jī)操作4.4 其他部分96、 影響成交轉(zhuǎn)化的重要因素之一? 答:寶貝描述頁是響成交轉(zhuǎn)化的重要因素之一97、 買家想看的信息?答:1、整體大圖 2、多角度圖片 3、功能信息 4、參數(shù)信息 5、款式顏色 6、細(xì)節(jié)特寫25、賣家要展示的信息?答:1、賣點(diǎn)信息 2、模特效果圖 3、實(shí)力資質(zhì) 4、包裝效果 5、VS對比26、場景實(shí)用圖27、綜合練習(xí) 上機(jī)操作P147-215教學(xué)總結(jié) 本本節(jié)主要是介紹網(wǎng)頁美工的作品欣賞,我們通過介紹對其的使用的正確的認(rèn)識。

39、課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第五章 Fireworks圖片切割與優(yōu)化教學(xué)目的掌握使用Fireworks圖片切割與優(yōu)化相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握Fireworks圖片切割教學(xué)難點(diǎn)掌握圖片切割教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:98、 Fireworks的發(fā)展歷程?Fireworks的最早起源于美國國防部高級研究計劃署DARPA(Defence Advanced Research Projects Agency)的前身ARPAnet,該網(wǎng)于1

40、969年投入使用。由此,ARPAnet成為現(xiàn)代計算機(jī)網(wǎng)絡(luò)誕生的標(biāo)志。99、 傳統(tǒng)美工與網(wǎng)頁美工?1)傳統(tǒng)美工2)網(wǎng)頁美工100、 網(wǎng)頁美工需要具備的能力?4、操作試題:習(xí)題(一)利用網(wǎng)絡(luò)功能,正確的對網(wǎng)頁美工進(jìn)行操作。習(xí)題(二)網(wǎng)頁美工作品的欣賞。課堂上機(jī)案例操作: 根據(jù)課堂的知識點(diǎn),對本節(jié)進(jìn)行實(shí)例的操作15、廣告圖背景的設(shè)置方式? 答:1、背景圖片 2、漸變背景 3、純色背景16、粘貼的方式? 答:按Ctrl + V17、漸變操作方式? 答:1、線性漸變 2、徑向漸變 3、角度漸變 4、對稱漸變 5、菱形漸變18、填充前景色的方式? 答:Alt + Enter19、字體與排版的介紹? 答:1

41、、在書寫方式和風(fēng)格方面產(chǎn)生不同的風(fēng)格,即字體。 2、常見的字體:楷體、宋體、草書、等。20、文字工具的分類? 答:1、橫排文字 2、豎排文字21、文字工具的操作? 答:1、按:T鍵。 2、點(diǎn)擊工具箱-文字按鈕22、常見文字工具的選取方式? 答:1、設(shè)置字體 2、文字大小 3、文字顏色 4、字體的對齊方式23、文字編輯完成的結(jié)束方式? 答:按Ctrl + Enter24、快速復(fù)制文本圖層的方式? 答:按:Alt ,進(jìn)行拖動鼠標(biāo)即可完成25、文字工具的特點(diǎn)? 答:通過對文字的控制,進(jìn)行文字的基本屬性設(shè)置外,還可以進(jìn)行文字的變形。26、在PS中文字工具的變形操作有多少種? 答:共有4類15種。27、

42、文字工具在操作中有哪幾種消除鋸齒方式? 答:1、無 2、放大 3、光滑 4、凹凸 5、犀利風(fēng)采教學(xué)總結(jié) 本本節(jié)主要是介紹網(wǎng)頁美工的作品欣賞,我們通過介紹對其的使用的正確的認(rèn)識。課后作業(yè)1、復(fù)習(xí)本節(jié)知識。2、預(yù)習(xí)下節(jié)知識點(diǎn)。第六章 Dreamweaver圖文排版實(shí)戰(zhàn)教學(xué)目的掌握使用網(wǎng)頁軟件Dreamweaver圖文排版實(shí)戰(zhàn),表示方式來介紹相關(guān)知識點(diǎn)的學(xué)習(xí)。教學(xué)重點(diǎn)掌握Dreamweaver圖文排版教學(xué)難點(diǎn)掌握整頁設(shè)計教學(xué)時間十課時教學(xué)方式多媒體授課班級13級電商課程班級教學(xué)內(nèi)容:a)、課堂引入: 利用生活中的作品為實(shí)例,引入學(xué)生的興趣,進(jìn)行本節(jié)課堂的知識點(diǎn)的講解和操作。b)、課堂板書:6.1 認(rèn)

43、識Dreamweaver1、網(wǎng)頁中的圖像格式 *BMP:位圖格式 GIF:Graphics Interchange Format可交換的圖像格式 特點(diǎn):只支持256種顏色支持透明效果、可以交錯下載、可以實(shí)現(xiàn)動畫效果、文件所占用空間小、不能支持漸變色彩、更改圖片大小要從原文件改起 JPEG:Joint Photographic Experts Group聯(lián)合攝影專家組文件格式 特點(diǎn):支持24位圖像、有損壓縮。2、插入圖像一、足球的兩種做法1.單擊圖標(biāo)創(chuàng)建新圖形文件.2.單擊工具箱中的多邊形工具畫出一個正五邊形,用鼠標(biāo)左鍵單擊100%黑色為其填充顏色,然后經(jīng)過復(fù)制移動,和工具的應(yīng)用做出如圖4-2所示的結(jié)構(gòu).、3.然后用工具畫一個正圓,包住圖4-2的圖形,并對它進(jìn)行漸變填充,單擊工具箱中的圖標(biāo),進(jìn)行對圖像的顏色填充.設(shè)置如下,類型:射線形 水平:-25% 垂直:24%,顏色調(diào)和自定義,顏色位置如下:第一種顏色: 40%黑. 第二種顏色:20%黑

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論