初中美術(shù)-我的網(wǎng)頁教學(xué)課件設(shè)計

1、學(xué)習(xí)網(wǎng)頁設(shè)計的一般知識，能夠分析網(wǎng)頁畫面的構(gòu)成方法。2、嘗試設(shè)計體現(xiàn)個性的網(wǎng)頁圖標(biāo)形象。3、學(xué)習(xí)運(yùn)用網(wǎng)頁版面結(jié)構(gòu)搭配的基本技巧，設(shè)計自己的個人網(wǎng)頁。教學(xué)目標(biāo)

基本概念：1、什么是網(wǎng)頁、網(wǎng)站？2、網(wǎng)頁有哪些構(gòu)成要素？網(wǎng)站、網(wǎng)頁的概念2.1什么是網(wǎng)頁

用HTML語言編寫的文件稱為HTML文件，以頁面的形式呈現(xiàn)在用戶的屏幕上。2.2網(wǎng)站存放網(wǎng)頁的服務(wù)器。因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，由域名(也就是網(wǎng)站地址)和網(wǎng)站空間構(gòu)成，通常包括主頁和其他具有超鏈接文件的頁面。2.3兩者關(guān)系網(wǎng)站包含網(wǎng)頁，一張網(wǎng)頁最多是一個網(wǎng)站FrontPage2003的界面標(biāo)題欄菜單欄常用工具欄格式工具欄視圖欄工作區(qū)界面介紹任務(wù)窗口文件夾列表“加菲貓”專題網(wǎng)站主頁整體版面設(shè)計返回導(dǎo)航欄超鏈接聲音視頻色彩圖片圖標(biāo)文字網(wǎng)頁的構(gòu)成要素有哪些？主頁中整體導(dǎo)航欄目設(shè)計主頁中主體圖標(biāo)形象設(shè)計返回構(gòu)成網(wǎng)頁的基本要素文本（文字）：標(biāo)題、字號、字型等；色彩：圖片：圖標(biāo)：菜單按鈕、背景圖形鏈接標(biāo)志：/聲音和視頻:2023/6/10

網(wǎng)頁大PK——網(wǎng)頁設(shè)計“類比研究學(xué)習(xí)”

下列是加菲貓網(wǎng)站中英文不同版本的兩個主頁設(shè)計。比較兩者在網(wǎng)頁導(dǎo)航欄、超鏈接、主體圖標(biāo)、色彩搭配等方面的異同，談?wù)勀阌X得哪個網(wǎng)頁設(shè)計相對更好的看法。返回網(wǎng)頁風(fēng)格常見創(chuàng)意手法返回

個性化網(wǎng)頁組織設(shè)計賞析

色彩鮮明的書簽成了個性化的網(wǎng)頁導(dǎo)航欄。

簡結(jié)生動、活潑可愛的小蝴蝶成為網(wǎng)頁的主體圖標(biāo)。

手繪一本翻開的便簽筆記本，配合書簽與圖畫，構(gòu)成一個極富特點(diǎn)的網(wǎng)頁。返回

對于個性化的專題網(wǎng)站而言，網(wǎng)頁上凸顯網(wǎng)頁特色的個性化主體圖標(biāo)設(shè)計不但打破設(shè)計常規(guī)，易于吸引瀏覽者的視覺注意，更重要的是能在第一時間生動表達(dá)出網(wǎng)頁的主題內(nèi)容，使人過目不忘。個性化網(wǎng)頁組織設(shè)計賞析返回

主體圖標(biāo)的巧妙設(shè)計，把網(wǎng)頁中的主要元素全部整合其中，讓人分不清是圖形設(shè)計作品，還是一個網(wǎng)頁的版面設(shè)計。網(wǎng)頁的優(yōu)秀主體圖標(biāo)設(shè)計賞析返回網(wǎng)頁的優(yōu)秀主體圖標(biāo)設(shè)計賞析返回思考·練習(xí)——選一選之一：

下列四個擬定的網(wǎng)頁圖標(biāo)形象中，你覺得哪個更能體現(xiàn)“天文觀察愛好者專題網(wǎng)站”的網(wǎng)頁個性特點(diǎn)？并說說你選擇圖標(biāo)的理由。返回2023/6/10選出更為適合“天文觀察愛好者專題網(wǎng)站”的網(wǎng)頁主體圖標(biāo)返回思考.練習(xí)——選一選之二：下列四個擬定的網(wǎng)頁圖標(biāo)形象中，你覺得哪個更能體現(xiàn)“自然環(huán)境體驗(yàn)者”的網(wǎng)頁個性特點(diǎn)？并說說你選擇圖標(biāo)的理由。

返回選出更為體現(xiàn)“自然環(huán)境體驗(yàn)者”的網(wǎng)頁主體圖標(biāo)返回思考.練習(xí)——“小試牛刀”動動手：如果要設(shè)計一個“地理愛好者的專題網(wǎng)站”，想想運(yùn)用什么特定主體圖標(biāo)更為適合，并動手設(shè)計繪制幾個方案草圖備選。也嘗試設(shè)計一下網(wǎng)頁導(dǎo)航欄、超鏈接等的圖形設(shè)計吧。返回學(xué)習(xí)活動——“量身定做”繪圖標(biāo)：

1.為你的個人網(wǎng)頁設(shè)計一個簡潔、生動的主體圖