設(shè)計(jì)網(wǎng)頁效果圖

——以Photoshopcs4為例設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第1頁。

請選擇你目前的或喜歡的職業(yè)并記住它的編號（數(shù)字），通過以下方式尋找你另一半從事的職業(yè)1.醫(yī)生2.教師3.律師4.網(wǎng)絡(luò)工程師5.建筑師6.設(shè)計(jì)師7.網(wǎng)頁美工8.警察9.化妝師10.其他另一半從事的職業(yè)編號等于所選擇的職業(yè)編號乘以9得到的數(shù)字，個(gè)位與十位相加，除以3，最后加4

算好了嗎？你另一半從事的職業(yè)是？設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第2頁。網(wǎng)頁美工主要負(fù)責(zé)的工作

P圖做各種網(wǎng)絡(luò)廣告圖片當(dāng)然，如果懂一些html,div，css,更好

它的主要工作是設(shè)計(jì)網(wǎng)頁效果圖設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第3頁。1、記錄客戶的要求與意向如：確定網(wǎng)站的顏色、風(fēng)格、框架等等。2、向客戶索取網(wǎng)站必要文字及圖片素材如：LOGO公司介紹產(chǎn)品圖片聯(lián)系方式等等。3、根據(jù)素材、客戶意向及客戶同行類的網(wǎng)站首頁，設(shè)計(jì)出首頁效果圖。給客戶確認(rèn)，滿意之后則進(jìn)行內(nèi)頁的設(shè)計(jì)。4、代碼實(shí)現(xiàn)設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第4頁。概念：使用Photoshop軟件設(shè)計(jì)出網(wǎng)頁的外觀，制作網(wǎng)頁效果圖

設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第5頁。1、網(wǎng)頁寬度常有980px，960px或是950px，760px等2、分辨率數(shù)值為72

一般在顯示設(shè)備上使用的圖像文件都設(shè)為此值，方便在不同顯示設(shè)備里能有統(tǒng)一的顯示效果。3、字體與字號

一般中文字體使用宋體與黑體，英文可選Arial，Sans1111Serif，Tahoma.12號與14號4、風(fēng)格統(tǒng)一5、使用psd等可見圖層的格式保存設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第6頁。1、軟件Photoshop下，用“素材\圖片”文件夾下1.jpg和2.jpg制作圖像3.jpg2、軟件Photoshop下，用“素材\圖片”文件夾下“學(xué)校標(biāo)志.jpg”和“校園風(fēng)景.jpg”為學(xué)院制作簡單的logo(例logo.jpg)設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第7頁。1、圖像合成：打開需要合成的圖片，單擊排列文檔工具，選擇雙聯(lián)，鼠標(biāo)拖曳合成2、將圖層載入選區(qū)：單擊圖層，選擇載入選區(qū)3、alt+Delete填充前景色（ctrl+Delete填充背景色)4、圖層樣式雙擊圖層便可以對圖層進(jìn)行設(shè)置設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第8頁。以用Photoshopcs4制作職業(yè)技術(shù)師范學(xué)院網(wǎng)站的分頁為例設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第9頁。(見word文檔：設(shè)計(jì)步驟.doc)1.設(shè)計(jì)思路

背景相關(guān)設(shè)置（以藍(lán)色淡雅為主）,制作logo（美觀大方，有校園特色風(fēng)景等標(biāo)志）,設(shè)計(jì)導(dǎo)航欄,設(shè)計(jì)網(wǎng)頁中間部分,設(shè)計(jì)網(wǎng)頁底部2.設(shè)計(jì)重點(diǎn)

風(fēng)格統(tǒng)一制作logo3.設(shè)計(jì)難點(diǎn)

豎直虛線設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第10頁。1.根據(jù)老師的操作演示用Photoshopcs4設(shè)計(jì)職業(yè)技術(shù)師范學(xué)院分頁的網(wǎng)頁效果圖（如有疑問，請查看“設(shè)計(jì)步驟.doc”文件的詳細(xì)設(shè)計(jì)過程）

或者2.模仿“素材”文件夾下“PS制作網(wǎng)頁效果圖—漂亮的綠色首頁模板.doc”的制作過程設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第11頁。界面設(shè)計(jì)（50）1.版面設(shè)計(jì)和諧美觀，布局合理，導(dǎo)航清晰簡捷，各頁面內(nèi)容符合實(shí)際，滿足需求2.文字清晰、字體設(shè)計(jì)恰當(dāng)、色彩搭配合理協(xié)調(diào)、風(fēng)格統(tǒng)一，視覺效果好，符合視覺心理3.頁面的設(shè)計(jì)和布局提供了很好的導(dǎo)向作用4.版面設(shè)計(jì)清晰，容易理解創(chuàng)造性（30）原創(chuàng)性(15)1.圖標(biāo)、圖片設(shè)計(jì)有較多的原創(chuàng)成分創(chuàng)新性(15)2.版面和界面設(shè)計(jì)有新意加分（20）整體效果加分(10)1.UI層整體風(fēng)格,立意新穎、構(gòu)思獨(dú)特，設(shè)計(jì)巧妙，具有想像力和表現(xiàn)力創(chuàng)新創(chuàng)意加分(10)2.作品素材原創(chuàng)成分達(dá)80%，具有鮮明的個(gè)性，創(chuàng)意新穎設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第12頁。設(shè)計(jì)網(wǎng)頁效果圖

1.

概念

2.

注意事項(xiàng)

3.以實(shí)例講解并演示了具體的設(shè)計(jì)過程

4.

鞏固練習(xí)

5.

評估網(wǎng)頁美工網(wǎng)站設(shè)計(jì)的一般流程設(shè)計(jì)網(wǎng)頁效果圖全文共15頁，當(dāng)前為第13頁。1、

關(guān)鍵字：960網(wǎng)格

SEO2、軟件Photoshop下，自命主題，制作一組（首頁，內(nèi)容頁不小于1頁）網(wǎng)頁效果圖3、

預(yù)習(xí)課本第二課：Web標(biāo)準(zhǔn)不是神話

a.Web標(biāo)準(zhǔn)是什么

b.為什么選擇Web標(biāo)準(zhǔn)