個人網設計知識學習領域_第1頁
個人網設計知識學習領域_第2頁
個人網設計知識學習領域_第3頁
個人網設計知識學習領域_第4頁
個人網設計知識學習領域_第5頁
已閱讀5頁,還剩55頁未讀 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、表二:個人網頁設計學習領域學習項目與學習任務分解表項目項目一(24課時)項目二(30課時)項目三(36課時)項目四(24課時)使用flash制作互使用Flash使用多軟件綜合任務Dreamweaver運用完善動入場動畫設計網站制作Html網站個人網站Html網站整體架運用視覺傳達任務1靜態(tài)回面構思繪制網站整體架構構認識與構思與色彩運用原(6課時)構思繪制(6課時)(6課時)理修葺網站(6課時)動畫、按鈕元件首頁場景繪制表格框架繪制主Firework切割任務2構思制作要貝回優(yōu)化圖片(6課(6課時)(6課時)(12課時)時)在元件內其他頁面flash及其他控件制作作品展示任務3添加聲音繪制制作的插

2、入與控制小動畫(6課時)(12課時)(6課時)(6課時)任務4添加鏈接按鈕動回及各頁面插入鏈接及css應制作gif動畫以及腳本轉場動作添加用規(guī)范網貝(6課時)(6課時)(6課時)廣告(6課時)任務5網貝中層與行為應用(6課時)任務6任務7任務8考核項目使用flash設計制作完成具有互動效果的入場動畫使用flash設計制作動回網頁使用Dreamweaver制作html個人主頁綜合運用flash、Dreamweaver、firkwork等設計網頁項目一表四:使用flash制作互動入場動畫學習項目的設計學習領域名稱個人網頁設計項目編號GRWYSJ-1學習項目名稱使用flash制作互動入場動回學習方式

3、講授法、分析法、實踐參考課時24學習內容使用flash制作互動入場動畫項目學習目標能力(技能)目標知識目標1、運用flash繪制圖形。2、使用元件制作動畫。3、為按鈕元件添加腳本,聲音,制作互動動畫。1、了解flash動圓的基本原埋2、理解flash中元件的運用3、了解腳本的原埋,以及常用的基本語句。學習任務任務一、靜態(tài)回面構思繪制任務二、動畫元件構思制作;任務二、在兀件內添加補間動回;任務四、添加按鈕以及腳本;考核要求使用flash制作互動入場動畫。整體考核標準:任務一占30%任務二20%任務三占30%任務四占20%1、技術要求:能按任務實施步驟制作出作品,在作品中充分體現(xiàn)出本節(jié)課所學的知識

4、;2、藝術要求:版面設計美觀,繪圖精致,顏色配搭合理。主要設備一體化教室、(項目一):任務1表五(1):靜態(tài)畫面構思繪制項目名稱使用flash制作互動入場動畫任務名稱靜態(tài)回面構思繪制任務編號GRWYSJ-1-1學習環(huán)境一體化教室學習方法講授法、實踐法學習目標1、認識網站拓撲圖的功能作用已經寫法。2、了解進場動畫的分鏡頭腳本編寫。3、能運用繪圖工具繪制繪制圖形版面。4、結合平面設計知識設計網頁版式。任務實施步驟(先,接收教師發(fā)送的作業(yè)題目。一、拓撲圖作業(yè):1、拿出紙、筆2、對之前網上收集的作品進行一些了解和分析:(1)認真領會和掌握原作架構(2)仔細的觀察,細心點擊各個鏈接,了解作品的各個連接部

5、位,點擊連接,"且把其名稱記錄下來,3、開始繪制,把記錄下來的各個位置名稱,整理歸類,按照級別填寫,最后把其完稿,要求結構工整清晰,細條細直。二、分鏡頭腳本作業(yè)。1?仔細分析觀察進場動畫,2?然后把其主要過程寫出。3.使用舞臺工具設置好舞臺大小三、參考觀察分析的例子,把其主要構圖用紙繪制出來,四、運用flash繪圖工具,把大概版式繪制出來五、提交作業(yè)(下周交)1、正確繪制出網站拓撲圖2、能大致寫出入場動畫的分鏡頭腳本3、認識工作版面;工具箱,舞臺,圖層。任務實4、設置好舞臺的大小,了解舞臺大小對網頁的施要求5、使用平面工具;矩形工具,圓形工具繪制版面,按鈕6、老師巡回指導,遇到共性問

6、題及時解答1、拓撲圖的架構格式以及寫法。2、分鏡頭腳本的寫法;知識要點3、網站構成的基本形式;1、技術要求:正確繪制拓撲圖,動畫的分鏡頭腳本,合理設置舞臺大小;考核要求2、藝術要求:網站構圖富有創(chuàng)意,排列有序,構圖美觀。(項目一):任務2表五(2):動畫、按鈕元件構思制作項目名稱使用flash制作互動入場動畫任務名稱動畫、按鈕元件構思制作任務編號GRWYSJ-1-2學習環(huán)境一體化教室學習方法講授、分析、實踐學習目標1、了解補間動畫生成;形狀和動畫區(qū)別,2、明白關鍵幀與普通幀的區(qū)別;3、明白時間軸的工作原埋4、掌握元件的使用,能制作簡單按鈕元件,任務實施步驟卜先,接收教師發(fā)送的作業(yè)題目。一、按鈕

7、設計作業(yè):1、拿出紙、筆2、根據(jù)之前的網站公司,標準色的定制,設計按鈕3、開始繪制。二、電腦制作按鈕作業(yè)。1、設計按鈕風格,使用繪圖工具繪制按鈕,2、根據(jù)時間軸工作原埋,制作補間動回3、開始繪制制作動畫k提交作業(yè)(下周交)任務實施要求1、了解補間動畫類型,形狀和動畫區(qū)別,元件不能使用形狀動畫;2、了解兀件種類,區(qū)分電影兀件和按鈕兀件,真確放置動畫于電影兀件內部,明白二者的工作原埋。3、電影兀件要放置于按鈕兀件內的關鍵幀上4、老師巡回指導,遇到共性問題及時解答知識要點1、元件不能使用形狀動畫;2、按鈕兀件只有四幀。3、明白動回兀件中的既可以存放靜態(tài)圖形,也可以存放一段動回考核要求1、技木要求:正

8、確使用使用補間動畫繪制動畫,合理運用電影元件裝載動畫,正確使用按鈕元牛;2、藝術要求:"鈕的形狀有創(chuàng)意,排列有序,構圖美觀。(項目一):任務3表五(3):在元件內添加聲音項目名稱使用flash制作互動入場動畫任務名稱在元件內添加聲音任務編號GRWYSJ-1-3學習環(huán)境一體化教室學習方法解說法、層分法、實踐學習目標1、了解flash如何添加聲音,2、明白如何減少聲音大?。?、了解如何如何控制聲音任務實施步驟卜先,接收教師發(fā)送的作業(yè)題目。H一、素材收集1、收集不同網站的聲效2、對比,設計出適合自己網站的聲音二、添加聲音作業(yè)“驟一、導入聲音;運用聲音編輯工具,把把聲音編輯好,導入flash

9、,“驟二、導入到按鈕元件內*入按鈕元件內部,選擇關鍵幀插入“驟二、調整聲音,試聲音,調整聲音在最適合處播放。k提交作業(yè)(下周交)任務實施要求1、明白聲音在flash的作用,flash不能編輯聲音,需要借助外部軟件進行編輯,成肥。2、分別嘗試,區(qū)分了解聲音類型,“事件”與“數(shù)據(jù)流”區(qū)別,3、仔細測試影片檢測聲音的最后效果需要知識要點1、聲音可以象圖片一樣導入flash使用2、“事件”與“數(shù)據(jù)流”有區(qū)別,“數(shù)據(jù)流”可以根據(jù)幀的長度播放。3、聲音可以通過幀或者按鈕進行播放的控制??己艘?、技木要求:(確使用導入聲音,合理調整大小,弁且配置正確的播放選項;2、藝術要求:“音播放合理,與動畫配合T(項

10、目一):任務4表五(4):添加鏈接以及腳本項目名稱使用flash制作互動入場動畫任務名稱添加鏈接以及腳本任務編號GRWYSJ-1-4學習環(huán)境一體化教室學習方法講授法、層分法、實踐學習目標1、認識flash腳本運行原埋及語句構成格式;2、學會使用基本的跳轉語句使用3、能運用語句添加鏈接。任務實施步驟1驟一、面板認識;“紹動作面板的構成與使用?!绑E二、幀按鈕使用了解flash語句的成方式,為幀添加停止語句;步驟三、按鈕語句使用;了解flash語句的在元件的使用方式,為按鈕添加跳轉語句;任務實施要求1、認識flash腳本運行原理及語句構成格式;2、正確為幀添加語句;3、明白為兀件添加語句的區(qū)別,按鈕

11、需要加上on(press)格式;4、學會使用腳本助手幫助自己正確添加腳本知識要點1、flash腳本是由點語句格式組成;2、點語句的概念及其特點;3、腳本可以加在幀、電影元件和按鈕元件上,但是格式不相同,各有一定的格式要求;考核要求1、技術要求:flash點語句的分類相對準確,在各個幀或者元件上合理添加腳本,測試時候各鏈接準確。語句添加與設計要求相符。項目二表四:使用Flash設計網站學習項目的設計學習領域名 稱學習項目個人網頁設計項目編號使用Flash設計網站學習方式GRWYSJ-2講授法、實踐法名稱項目分析法、參考課時30學習內容使用flash設計全動畫網站項目學習目標能力(技能)目標知識目

12、標1、運用flash制作多靜態(tài)動國頁面網頁。2、運用flash腳本實現(xiàn)頁面跳轉。3、運用電影兀件為頁面跳轉添加動畫。1、了解flash網貝的基本原理2、掌握flash腳本實現(xiàn)貝曲原理3、明白電影元件的動畫與主時間軸區(qū)別學習任務任務一、網站整體架構構思繪制;任務二、首頁場景繪制及按鈕元件制作任務三、其他頁面繪制制作;任務四、各個頁面轉場動作添加;考核要求使用Flash設計網站。整體考核標準:任務一占20%任務二30%任務三占40%任務四占10%1、技術要求:能按任務實施步驟制作出作品,運用本節(jié)課所學的知識;使網頁鏈接順暢,動畫流暢2、藝術要求:繪圖精致,符合網頁瀏覽原理,顏色配搭美觀。與任務風格

13、Tc主要設備一體化教室、(項目二):任務1表五(1):網站整體架構構思繪制項目名稱使用Flash設計網站任務名稱網站整體架構構思繪制任務編號GRWYSJ-2-1學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、認識網貝的基本架構與原理;2、了解用flash繪制網頁使用的工具3、明白flash網貝在整個網貝中的使用。任務實施步驟步驟一、繪制架構圖;介紹網頁的基本架構與原理,讓學生根據(jù)網站繪制架構圖。步驟二、繪制設計手圖;介紹flash繪制網頁使用的工具,讓學生動手繪制設計手圖;步驟三、動畫設置。讓學生動手根據(jù)版面繪制動畫效果示意圖任務實施要求1、在規(guī)定時間內寫下網站的架構圖,清晰明了,符

14、合網站結構;2、對點網站版面進行設計分析,弁歸納出設計框架特征;3、運對網頁設計與按鈕進行動回效果分析,繪制去示意圖。知識要點1、網貝的基本架構與原理;2、flash繪制網頁使用的工具;3、flash網貝在整個網貝中的導航使用;4、動回設計7K息圖在flash動圓中起主導動回作用??己艘?、技術要求:架構圖繪制準確,畫面整潔、示意圖線條流暢、動畫示意清晰明了;2、藝術要求:flash網頁在整個網頁中的使用,按鈕排列有序,構圖美觀。(項目二):任務2表五(2):首頁場景繪制項目名稱使用Flash設計網站任務名稱首頁場景繪制任務編號GRWYSJ-2-2學習環(huán)境一體化教室學習方法講授法、分析法、實

15、踐學習目標1、掌握使用flash繪制網頁場景;2、學會運用調色工具填充顏色3.明白運用在flash中鍵入文子弁且排版”驟一、頁面場景繪制;任務實“用矩形工具繪制頁面場景;按鈕施步驟“驟二、文字排版任用文字工具鍵入文字;弁且排好版面?!绑E三、色彩配搭“用填充工具,如墨水瓶、顏料桶填充顏色?!绑E四、導入圖片,用導入命令導入圖片,并按照要求放置,并把圖片打散。防止。任務實施要求1、運用flash把場景貝曲按要求繪制出來;2、網貝貝向版面繪制精美,配色和諧;3、文字及按鈕放置合理,瀏覽清晰,大小適中;4、圖片打散后要重新群組,不然只能放于底層。知識要點1、矩形工具繪制導角要先設置再繪制,不能中途修改;

16、2、填充顏色時候注意調色面板是外輪廓線條還是內容狀態(tài);3、填充顏色漸變顏色時候注意每個分顏色均可以調整顏透明度;4、導入圖片,時候注意導入庫和舞臺區(qū)別。考核要求1、技術要求:線條繪制準確,版面有帝律、圖片清晰,文字擺放合理;2、藝術要求:配色和諧,構圖美觀。*(項目二):任務3表五(3):其他頁面繪制制作項目名稱使用Flash設計網站任務名稱其他頁面繪制制作任務編號GRWYSJ-2-3學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、熟練使用flash繪制網貝場景;2、熟練運用調色工具填充顏色3?明白網頁排版的聯(lián)貫性任務實施步驟1驟一、網頁繪制;讓學生尋根據(jù)上堂課繪制首頁圖形,用延伸的

17、手法,繪制的其他網頁。(有能力制作項目三任務3內頁flash)“驟二、導入圖片;艮據(jù)網頁需要導入圖片,然后轉換成兀件;“驟三、排放文字;”據(jù)網頁要求放置文字。任務實施要求1、場景頁面繪制出來要有延續(xù)性;2、網貝貝向版面繪制精美,配色和諧;3、圖片打散后要重新群組,不然只能放于底層。4、文字及按鈕放置合理,瀏覽清晰,大小適中;知識要點1、繪制網貝的時候要拉輔助線來;對齊網貝邊界2、填充顏色時候注意調色面板是填充狀態(tài)還是外輪廓線條;3、填充顏色漸變顏色時候注意每個分顏色均可以調整顏透明度;4、導入圖片,導入庫的可以重復利用??己艘?、技術要求:線條對齊繪制,版面有延續(xù)性、圖片清晰,文字設置合理;

18、2、藝術要求:配色和諧,構圖美觀,具有延續(xù)性。(項目二):任務4表五(4):按鈕動畫及各頁面轉場動作添加項目名稱使用Flash設計網站任務名稱按鈕動圓及各貝向轉場動作添加任務編號GRWYSJ-2-4學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、熟練使用flash給網頁轉場;2、熟練使用腳本,給按鈕添加鏈接與聲音3?給圖片添加鏈接步驟一、轉場設置;讓學生尋根據(jù)網頁排放順序給按鈕添加內部鏈接步驟二、聲音添加;任務實根據(jù)網頁需要導入聲音,然后給按鈕添加聲音;施步驟步驟三、圖片鏈接;根據(jù)網頁要求給圖片和文字添加外部鏈接。任務實施要求1、按鈕內部鏈接要正確,注意goto命令中停止與播放設置;

19、2、聲首添加合理,大小適中;3、圖片打散后不能直接添加鏈接,需要添加隱形按鈕;4、文字及按鈕鏈接合理,瀏覽清晰,大小適中;網頁頁面版面鏈接正確。知識要點1、goto命令有停止與播放區(qū)別。2、腳本可以寫在幀上也可以寫在按鈕上,二者要區(qū)分;3、外部鏈接注意“/”與"的區(qū)別;4、隱形按鈕不需要彈起狀態(tài)??己艘?、技術要求:鏈接正確,聲音設置合理,文件打開正常,文件不會太大影響瀏覽效果。項目三表四:使用Dreamweaver制作Html網站學習項目的設計學習領域名稱個人網頁設計項目編號1GRWYSJ-3學習項目名稱使用Dreamweaver制作Html網站學習方式講授法、分析法、實踐參考課

20、時36學習內容使用Dreamweaver制作Html網站項目學習能力(技能)目標知識目標目標1、 運用Dreamweaver建立站點。2、 運用Dreamweaver設計網頁。3、利用html語言設計制作網頁以及其他效果。1、網站的構建與設計基本知識。2、了解Dreamweaver網頁的基本原理2、掌握html在網頁設計中的運用學習任務任務一、Html網站整體架構認識與構思任務一、表格框架繪制主要頁面;任務二、flash及其他控件的插入與控制;任務四、插入鏈接及css應用規(guī)范網貝;任務五、網頁中層與行為應用考核要求使用Dreamweaver制作Html網站。整體考核標準:任務一占10%任務二3

21、0%任務三占20%任務四占20%5務五占20%1、技木要求:能按任務實施步驟制運用dreamweaver作出作品,在作品中充分體現(xiàn)出本項目所學的知識;2、藝術要求:網頁設置精致,符合配色原埋,圖片動畫配搭美觀。主要設備一體化教室、(項目三):任務1表五(1):Html網站整體架構認識與構思項目名稱使用Dreamweaver制作Html網站任務名稱Html網站整體架構認識與構思任務編號GRWYSJ-3-1學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、認識網站的基本架構與原理;2、了解用dreamweaver繪制網頁使用的工具3、明白dreamweaver網頁在整個網頁中的使用。4、學

22、會dreamweaver網頁必須先建立一個站點任務實施步驟“驟一、繪制托普圖;“紹網頁的基本架構與原理,讓學生根據(jù)網站繪制托普圖?!绑E二、繪制設計手圖;介紹dreamweaver繪制網頁使用的工具,讓學生動手繪制設計手圖;步驟三、色“設置?!皩W生動手根據(jù)版面繪制色彩配搭效果示意圖“驟四、建立站點“用站點命令建立站點任務實施要求1、在規(guī)定時間內寫下網站的架構托普圖,清晰明了,思路清晰,符合網站結構;2、對點網站版面進行設計分析,弁歸納出設計框架特征;,面分析排布歸類3、運用平面設計知識對網頁版面與色彩配置進行效果分析,繪制設計草圖。4、站點建立最好用央文。知識要點1、html網貝的基本架構與原理

23、;2、dreamweaver繪制網頁使用的工具;3、dreamweaver網頁在與flash網頁的區(qū)別與聯(lián)系;4、色彩配搭設計效果圖在網頁設計中起主導版面重要作用??己艘?、技術要求:架構托普圖繪制準確,畫面整潔、示意圖線條流暢、示意清晰明了,站點建立準確;2、藝術要求:圖片按鈕排列有序,構圖美觀,色彩配搭和諧整體。(項目三):任務2表五(2):表格框架繪制主要頁面項目名稱使用Dreamweaver制作Html網站任務名稱表格框架繪制主要頁面任務編號GRWYSJ-3-2學習環(huán)境一體化教室學習方法講授法、實踐分析法1、學會在網頁排版中使用表格規(guī)范排版學習目標2、使用dreamweaver繪制網

24、貝html土要貝面3、使用對齊命令是使表格對齊。任務實施步驟步驟一、面板認識;介紹dreamWeaver軟件使用的面板,練習各工具使用;“驟二、插入表格;使用dreamweaver插入表格;1驟三、輸入文字;,學生動手在表格輸入文字;“驟四、插入圖片;”學生動手根據(jù)版面配搭效果示意圖在表格中插入圖片。任務實施要求1、根據(jù)版面需要插入表格,增加或者刪除表格的行和列,;2、輸入文字,弁且對齊3、在表格插入圖片,對齊。知識要點1、dreamweaver中的表格出入與修改;2、表格內的對齊與表格外的對齊;3、表格內可以填充單元格顏色,4、色彩配搭設計效果圖在網頁設計中起主導版面重要作用??己艘?、技

25、術要求:表格繪制準確,畫面整潔、示意清晰明了;2、藝術要求:文字、構圖美觀,圖片按鈕排列有序,色彩配搭和諧整體。(項目三):任務3表五(3):flash及其他控件的插入與控制項目名稱使用Dreamweaver制作Html網站任務名稱flash及其他控件的插入與控制任務編號GRWYSJ-3-3學習環(huán)境一體化教室學習方法講授法、舉例法、實踐學習目標1、運用dreamweaver在網頁中插入flash;2、在dreamweaver里的編輯與控制flash3、運用dreamweaver在網頁中制作導航條任務實施步驟1驟一、版面定位;將制作好的flash放入設定好的表格內?!绑E二、設置參數(shù);,用屬性欄工

26、具設置法拉薩參數(shù);“驟三、設置參數(shù);,入鼠標經過圖像制作導航條;任務實施要求1、flash要在flash軟件里制作好尺寸才能放置;2、如果未能做好的可以先放置替代圖片;(項目四任務3繼續(xù)完成)3、透明、菜單參數(shù)設置要止確。知識要點1、導入的flash要按播放按鈕力能觀看;2、透明、采單參數(shù)等flash的控制參數(shù)要在dreamweaver里添加;3、鼠標經過圖象最多有四張??己艘?、技術要求:flash設置尺寸準確,金旱接順利、動作準確;2、藝術要求:flash制作合理,動畫播放有序,構圖美觀。(項目三):任務4表五(4):插入鏈接及css應用規(guī)范網頁項目名稱使用Dreamweaver制作Ht

27、ml網站任務名稱插入鏈接及css應用規(guī)范網貝任務編號GRWYSJ-3-4學習環(huán)境一體化教室學習方法講授法、實踐、分析法學習目標1、使用dreamweaver為文子圖片添加鏈接;2、使用css規(guī)范網貝排版。任務實施步驟“驟一為文子添加鏈接;“擇要添加鏈接的文字,添加鏈接?!绑E一、為圖片添加鏈接;“擇要添加鏈接的圖片,添加鏈接。步驟三、css使用使用css面板,設置內置css屬性(鏈接,超鏈接等)步驟四、自定義css運用css面板自JE義css(背景,正文文子,標題等)。任務實施要求1、文字鏈接要設置好,2、對圖片鏈接注意熱點使用;3、注意區(qū)分的使用分內置css與自定義css的使用,知識要點1、文

28、字位置與屬性要設置好,才添加鏈接2、對圖片可以直接添加鏈接或者使用熱點;3、css的使用分內置與自定義,注意分清考核要求1、技術要求:正確設置css;正確添加鏈接。2、藝術要求:字體版面到有序,構圖美觀,大小適中。(項目三):任務5表五(5):網頁中層與行為應用項目名稱使用Dreamweaver制作Html網站任務名稱網貝中層與行為應用任務編號GRWYSJ-3-5學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、為網貝添加留百欄;2、為網貝添加層3、運用行為設置層的隱藏與顯示。任務實施步驟“驟一、添加留言欄;使用Dreamweaver行為設置留舌欄?!绑E二、添加層;“用層面板添加層?!?/p>

29、驟三、添加行為;運用行為設置層的隱藏與顯示;步驟四、網頁設置標題以及屬性欄;使用Dreamweaver添加標題以及屬性欄。任務實施要求1、利用行為對層進行隱藏與顯示2、留言欄鏈接要設置好,3、要正確設置email鏈接;4、在Dreamweaver運用行為設置層的隱臧與顯tk5、;注意區(qū)分的標題欄與屬性欄,知識要點1、留言鏈接是調用了外部程序;2、email鏈接是添加一個email地址的鏈接;3、彳丁為面板可以輕松制作多種網頁效果4、層可以放置于網頁的坐標是絕對位置考核要求1、技術要求:語句設置相對準確,鏈接流暢、調用程序準確;層的隱藏與顯示正確項目四表四:多軟件綜合運用完善個人網站學習項目的設

30、計學習領域名稱個人網頁設計項目編號GRWYSJ-4學習項目名稱多軟件綜合運用完善個人網站學習方式講授法、分析法、實踐參考課時24學習內容綜合使用多個軟件,運用美學知識修飾美化網站能力(技能)目標知識目標項目學習目 標1、運用綜合運用 dreamweaver、 flash、firkwork 等繪制圖形,裝 飾美 化網頁。2使用firkwork 等優(yōu)化圖形,減少文 件大小,加快網絡流量。3、運用平面設計、色彩設計知識修飾美化網頁。4、學會使用其他圖形軟件如photoshop 、imageready 等協(xié)同修改1、網頁三劍客中各個軟件的使用特點 和主要使用范圍2、明白網頁圖形的優(yōu)化對提圖網頁瀏 覽速

31、度的重要性3、明白網頁的平面構成與色彩構成原 理,了解網頁用色的習慣與理論。4、對網頁工具使用的選擇原理清晰學習任務考核要求完善網頁。任務一、運用視覺傳達與色彩運用原理修葺網站任務二、Firework切割優(yōu)化圖片;任務三、制作flash小動畫;任務四、制作gif動畫廣告;多軟件綜合運用完善個人網站。整體考核標準:任務一占25%任務二25% 任務三占25% 任務四占25%1、技術要求:能按任務實施步驟制作完善個人作品,在作品中充分體現(xiàn)出各個軟件所體現(xiàn)的特色;2、藝術要求:繪圖精致,符合動回或繪圖原理,顏色配搭美觀。主要設備一體化教室、(項目四):任務1表五(1):運用視覺傳達與色彩運用原理修葺網

32、站項目名稱多軟件綜合運用完善個人網站任務名稱運用視覺傳達與色彩運用原埋修葺網站任務編號GRWYSJ-4-1學習環(huán)境一體化教室學習方法講授法、分析法、實踐學習目標1、認識網站的基本架構與原埋,準確繪制網站地圖;2、運用用網站配色原埋調整網站配色3、學會使用點線面設置網頁。任務實施步驟步驟一、繪制站點地圖頁;讓學生根據(jù)網站托普圖制作站點地圖網頁;步驟二、個性化網站顏色配搭;根據(jù)網站配色原埋,對網站顏色進行個性化修改;步驟二、細部調整?!皩W生動手根據(jù)視覺傳達原理設置網頁任務實1、在規(guī)定時間內準確繪制網站地圖,弁且設置成為網站一頁;施要求2、根據(jù)顏色配搭原理3、運用平面設計知識對網頁版面進行美化修改,

33、要求充分體現(xiàn)平面構成中的點,面結合。1、充分理解站點沒一頁所處位置;知識要點2、顏色配搭要符合網站瀏覽要求和色彩配搭原則;3、色彩配搭設計效果圖在網頁設計中起主導版面重要作用??己艘?、技術要求站點地圖繪制準確,2、藝術要求:畫面整潔、構圖美觀、具有視符合覺傳達原理,色彩修改具有個、風格,色彩配搭和諧整體。(項目四):任務2表五(2):Firework切割優(yōu)化圖片項目名稱多軟件綜合運用完善個人網站任務名稱Firework切割優(yōu)化圖片任務編號GRWYSJ-4-2學習環(huán)境一體化教室學習方法分析、觀察、實踐學習目標1、了解什么是位圖圖像;2、了解什么是矢量圖形;3、學會使用firework切割位圖圖片。4、學會使用firework優(yōu)化jpeg圖片任務實施步驟“驟一、認識位圖與矢量圖;介紹位圖圖像與矢量圖的基本原理,了解一者的區(qū)別。步驟一、面板認識;介紹firework切割圖片使用的工具;步驟三、調整圖片。讓學生動手導入示意圖,并按要求調整其色調;步驟四、優(yōu)化圖片。務使用切割工具切割圖片,圖片切割以后優(yōu)化輸出任務實施要求1、圖片的調整可以使用濾鏡等進行;2、可以根據(jù)使用的要求適當調整圖片的大小3、

溫馨提示

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

評論

0/150

提交評論