《網(wǎng)頁設(shè)計(jì)綜合應(yīng)用技術(shù)》模塊三

模塊三網(wǎng)站首頁設(shè)計(jì)《網(wǎng)頁設(shè)計(jì)綜合應(yīng)用技術(shù)》學(xué)習(xí)目標(biāo)掌握Photoshop中常用工具的使用，能進(jìn)行圖片的編輯和圖像的繪制

掌握Photoshop中路徑、圖層、蒙版技術(shù)，能對圖像進(jìn)行合成處理

了解Photoshop切片的技巧

掌握Dreamweaver站點(diǎn)的建立、管理和維護(hù)

掌握Flash基本動(dòng)畫的制作

學(xué)習(xí)內(nèi)容工作任務(wù)一素材圖片的編輯和圖形繪制

工作任務(wù)二圖像合成工作任務(wù)三圖像切片工作任務(wù)四建立Dreamweaver站點(diǎn)

工作任務(wù)五Flashbanner的制作工作任務(wù)一素材圖片的編輯和圖形繪制圖像的調(diào)整切割類工具的使用

選區(qū)的操作

圖層面板的應(yīng)用

文字的應(yīng)用

畫筆工具的使用

路徑

工作任務(wù)一素材圖片的編輯和圖形繪制圖像的調(diào)整“圖像大小”對話框“畫布大小”對話框工作任務(wù)一素材圖片的編輯和圖形繪制切割類工具的使用利用裁剪工具，可以刪除不需要的部分，以調(diào)整圖像的整體結(jié)構(gòu)圖，也可以裁切特定的區(qū)域，另外，也可以完全改變圖像樣式。使用裁剪工具后，在圖像上拖動(dòng)，會顯示邊框，邊框中顯示小的錨點(diǎn)，邊框內(nèi)的圖像是留下的圖像，變暗的部分則為被裁剪掉的區(qū)域切割工具屬性欄工作任務(wù)一素材圖片的編輯和圖形繪制選區(qū)的操作選區(qū)的創(chuàng)建創(chuàng)建簡單規(guī)則選區(qū)

不規(guī)則選區(qū)工具的使用

選區(qū)的編輯移動(dòng)選區(qū)

取消選區(qū)

羽化選區(qū)

修改選區(qū)

變換選區(qū)

工作任務(wù)一素材圖片的編輯和圖形繪制圖層面板的應(yīng)用圖層是圖像信息的平臺，是構(gòu)成圖像的重要組成單位，在一個(gè)圖層上作圖不會影響其他圖層。圖層面板是由圖層、圖層混合模式、不透明度、提供鎖定功能的部分以及快捷圖標(biāo)構(gòu)成圖層面板工作任務(wù)一素材圖片的編輯和圖形繪制文字的應(yīng)用字符面板“變形文字”對話框文字工具屬性欄工作任務(wù)一素材圖片的編輯和圖形繪制畫筆工具的使用畫筆工具屬性欄工作任務(wù)一素材圖片的編輯和圖形繪制路徑路徑是指通過鋼筆工具繪制出來的線段或曲線，它是矢量式的線條，可為其填充顏色、描邊或轉(zhuǎn)換為選區(qū)等處理路徑面板鋼筆工具屬性欄工作任務(wù)二圖像合成首頁效果圖內(nèi)頁頁眉效果圖工作任務(wù)二圖像合成蒙板的使用用于保護(hù)圖像中被屏蔽的區(qū)域，讓該區(qū)域的圖像不受任何編輯操作的影響，而且還可以反復(fù)操作快速蒙板圖層蒙版矢量蒙版剪切蒙板工作任務(wù)二圖像合成濾鏡的使用濾鏡主要應(yīng)用于實(shí)現(xiàn)圖像的各種特殊效果，使用時(shí)在濾鏡菜單中執(zhí)行這些相應(yīng)的命令濾鏡在計(jì)算過程中將占用相當(dāng)大的內(nèi)存資源，在處理一些較大的圖像文件時(shí)，速度比較慢切割圖片輸出文件工作任務(wù)三圖像切片工作任務(wù)三圖像切片切片是使用HTML表或CSS圖層將圖像劃分為若干較小的圖像，使得圖像在網(wǎng)絡(luò)傳輸中的速度更快，減少瀏覽者的等待時(shí)間，這些圖像可在Web頁上重新組合。切片除了加快傳輸速度外，還可以制作動(dòng)態(tài)效果、優(yōu)化圖像以及創(chuàng)建鏈接切片工具切片的創(chuàng)建方法切片的相關(guān)屬性切片的原則切片類型工作任務(wù)三圖像切片切片的相關(guān)操作

切片的輸出

圖像的優(yōu)化

切片的輸出

工作任務(wù)四建立Dreamweaver站點(diǎn)

dreamweaver界面工作任務(wù)四建立Dreamweaver站點(diǎn)

定義站點(diǎn)靜態(tài)站點(diǎn)的定義

動(dòng)態(tài)站點(diǎn)的定義

創(chuàng)建與管理站點(diǎn)資源

編輯和管理站點(diǎn)

檢查與修復(fù)網(wǎng)站

工作任務(wù)五Flashbanner的制作banner廣告條工作任務(wù)五Flashbanner的制作Flash基礎(chǔ)Flash工作界面工作任務(wù)五Flashbanner的制作Flash動(dòng)畫制作的一般過程創(chuàng)建Flash文檔設(shè)置文檔屬性制作動(dòng)畫保存文檔測試與發(fā)布影片工作任務(wù)五Flashbanner的制作動(dòng)畫的種類及制作方法逐幀動(dòng)畫是在時(shí)間軸上依次繪制每個(gè)關(guān)鍵幀的內(nèi)容，而不是由Flash計(jì)算得到，然后連續(xù)依次播放這些畫面，利用人眼的視覺暫留特性，產(chǎn)生動(dòng)畫效果補(bǔ)間動(dòng)畫也叫過渡動(dòng)畫，制作若干個(gè)關(guān)鍵幀畫面，由Flash計(jì)算生成各關(guān)鍵幀之間的各個(gè)幀，使畫面從一個(gè)關(guān)鍵幀過渡到另一個(gè)關(guān)鍵幀，補(bǔ)間動(dòng)畫又分為動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫小結(jié)Photoshop中的畫筆、矩形、鋼筆等工具進(jìn)行圖形繪制變形命令縮放、旋轉(zhuǎn)、扭曲、傾斜對象蒙版對圖像進(jìn)行處