資源簡介

(共21張PPT)
網(wǎng)頁設(shè)計(jì)
第七課
欣賞
你看過哪些題材的網(wǎng)頁設(shè)計(jì)？
欣賞
一、什么是網(wǎng)頁設(shè)計(jì)？
網(wǎng)頁設(shè)計(jì)是一種建立在新型媒體之上的新型設(shè)計(jì)，是網(wǎng)頁設(shè)計(jì)師表達(dá)設(shè)計(jì)意圖并通過互聯(lián)網(wǎng)向觀眾傳輸信息的一種方式，有很強(qiáng)的視覺效果，具有互動(dòng)性、互操作性、受眾面廣等其他媒體所不具有的特點(diǎn)。
優(yōu)秀的網(wǎng)頁設(shè)計(jì)不僅具有唯美的外觀，而且內(nèi)容豐富，是設(shè)計(jì)與技術(shù)完美結(jié)合的表現(xiàn)，能夠更好地與瀏覽者進(jìn)行互動(dòng)，吸引瀏覽者點(diǎn)擊。
二、網(wǎng)頁由哪幾部分構(gòu)成？分別起到了怎樣的作用？
主標(biāo)題
主導(dǎo)航圖
導(dǎo)航菜單欄
導(dǎo)航圖片
資源鏈接
更多資源鏈接
網(wǎng)站層次示意圖
主頁
子頁
次子頁
如果由你來為班級(jí)或者自己設(shè)計(jì)
網(wǎng)站,你的主頁和子頁會(huì)有哪些內(nèi)容？
三、網(wǎng)頁設(shè)計(jì)的版式
整版式
部分留白式
分割式
四、導(dǎo)航欄的設(shè)計(jì)
橫向
豎向
與圖案結(jié)合
五、網(wǎng)頁設(shè)計(jì)的色彩
對(duì)比色
鄰近色
探究網(wǎng)頁的定位、色彩和素材的選擇有怎樣的關(guān)系
相
互
搭
配
統(tǒng)
一
和
諧
六、欣賞網(wǎng)頁設(shè)計(jì)作品
你喜歡哪一幅？你能說出它的風(fēng)格嗎？
動(dòng)漫風(fēng)
文藝風(fēng)
科技風(fēng)
簡約風(fēng)
你想設(shè)計(jì)什么版式、風(fēng)格、
色彩的個(gè)人網(wǎng)頁？
我們還可以加入音樂和動(dòng)畫豐富網(wǎng)頁內(nèi)容。
GIF動(dòng)畫
Midi或WAV文件
七、網(wǎng)頁設(shè)計(jì)的步驟
1.確定主題、風(fēng)格、版式。
2.收集相關(guān)圖片。
3.選擇制作工具。
Photoshop CS5
Dreamweaver CS5
集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意、圖像輸入與輸出為一體的圖像處理軟件。
集網(wǎng)頁制作和管理網(wǎng)站于一體的網(wǎng)頁編輯器。
軟件介紹
作業(yè)要求：
1.通過互聯(lián)網(wǎng)了解有關(guān)網(wǎng)頁設(shè)計(jì)的知識(shí)和網(wǎng)頁設(shè)計(jì)相關(guān)軟件的使用。
2.用PS、DW軟件設(shè)計(jì)一個(gè)班級(jí)網(wǎng)頁或個(gè)人網(wǎng)頁，主題不限。
展示評(píng)價(jià)：
自評(píng)：簡要介紹自己設(shè)計(jì)的網(wǎng)頁的內(nèi)容、版式、風(fēng)格和色彩。
互評(píng)：你喜歡誰的作品？哪些方面你認(rèn)為做得比較好，值得你學(xué)習(xí)。
用網(wǎng)頁記錄生活的美好！
謝 謝

展開更多......

收起↑