教學(xué)課件,湘美版九年級(jí)下冊(cè),我的網(wǎng)頁(yè),目 錄,新課導(dǎo)入,1,老師給大家展示的是一個(gè)網(wǎng)頁(yè)，現(xiàn)在互聯(lián)網(wǎng)越來(lái)越發(fā)達(dá)，已經(jīng)遍布世界的角落，同樣，網(wǎng)頁(yè)也有很多。,看到這些網(wǎng)頁(yè)，同學(xué)們想不想設(shè)計(jì)一個(gè)屬于自己的網(wǎng)頁(yè)呢？今天就讓我們一起來(lái)了解一下。,作品欣賞,2,作品欣賞,網(wǎng)頁(yè)欣賞,作品欣賞,網(wǎng)頁(yè)欣賞,作品欣賞,網(wǎng)頁(yè)欣賞,作品欣賞,讓我們一起學(xué)習(xí)運(yùn)用各種信息技術(shù)制作網(wǎng)頁(yè),新課講授,3,新課講授,什么是網(wǎng)頁(yè)？,網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗的說(shuō)，網(wǎng)頁(yè)是由網(wǎng)站組成的頁(yè)面。,新課講授,構(gòu)成網(wǎng)頁(yè)的元素包括文本、色彩、圖標(biāo)、圖片、導(dǎo)航欄、超鏈接、動(dòng)畫(huà)、聲音、視頻等。,新課講授,導(dǎo)航欄，是一組按鈕，可以幫助瀏覽者進(jìn)入各個(gè)子頁(yè)面或返回首頁(yè)，起到貫穿整個(gè)頁(yè)面的作用。,圖片。可以起到裝飾和介紹的作用，可以美化網(wǎng)頁(yè)，不讓網(wǎng)頁(yè)單調(diào)。,文本，介紹網(wǎng)頁(yè)內(nèi)容，是瀏覽者更好的了解網(wǎng)頁(yè)所表達(dá)的意思。,新課講授,適當(dāng)?shù)牡咨芨玫赝怀鲋黝}、烘托氣氛。,圖標(biāo)起到點(diǎn)綴、裝飾地作用，更具有辨識(shí)性。,新課講授,超鏈接，點(diǎn)擊搜索可以轉(zhuǎn)換到另一個(gè)網(wǎng)站或另一個(gè)頁(yè)面。,新課講授,子頁(yè)面，點(diǎn)擊導(dǎo)航欄，出現(xiàn)另一個(gè)頁(yè)面，這個(gè)就是子頁(yè)面。,新課講授,不同的底色會(huì)給人不同的感覺(jué),以黑藍(lán)為主色調(diào)，給人感覺(jué)生機(jī)盎然，充滿了互動(dòng)色彩和青春氣息。,新課講授,不同的底色會(huì)給人不同的感覺(jué),黃色調(diào)為主，體現(xiàn)個(gè)性，中間配一個(gè)抽象的圖案，顯得個(gè)性十足又不單調(diào)。,新課講授,不同的底色會(huì)給人不同的感覺(jué),橙色調(diào)前衛(wèi)、色彩熱烈，給人震懾力較強(qiáng)。,新課講授,網(wǎng)頁(yè)的布局可以分為三種：,1.國(guó)字型布局,也被稱為同字型，頂部是網(wǎng)站的標(biāo)題、橫幅廣告條，然后是網(wǎng)站的主體內(nèi)容個(gè)，而左右分別是一些比較小的內(nèi)容條，中間就是主要內(nèi)容，最底部是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這也是現(xiàn)在網(wǎng)上見(jiàn)到的差不多最多的一種結(jié)構(gòu)類型。,新課講授,網(wǎng)頁(yè)的布局可以分為三種：,2.封面型布局,這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁(yè)，多是精美平面結(jié)合小動(dòng)畫(huà)，再加幾個(gè)簡(jiǎn)單鏈接或僅是一個(gè)“進(jìn)入”鏈接或無(wú)任何提示。,新課講授,網(wǎng)頁(yè)的布局可以分為三種：,3.拐角型布局,這種類型其實(shí)與國(guó)字型很相近的，只是在形式上不一樣，最上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，一種很常見(jiàn)的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。,新課講授,下面就讓我們來(lái)設(shè)計(jì)一個(gè)屬于我們自己的網(wǎng)頁(yè),新課講授,1.使用美術(shù)軟件（如奇奕畫(huà)王）中的文字工具輸入標(biāo)題文字，并選擇你喜歡的字體和效果。,新課講授,2.使用區(qū)域選擇和操作工具進(jìn)行摳圖、旋轉(zhuǎn)等圖像處理。,新課講授,3.使用鼠標(biāo)或電腦繪圖板并結(jié)合軟件中的各種模擬畫(huà)筆可以自由地添加圖形。,Wacom數(shù)位板,新課講授,4.通過(guò)色彩調(diào)節(jié)工具變換背景和圖形的顏色，達(dá)成不同的配色效果。,新課講授,5.完成我們的網(wǎng)頁(yè)設(shè)計(jì),嘗試探究,4,為你自己設(shè)計(jì)一個(gè)個(gè)人網(wǎng)頁(yè),嘗試探究,交流展示,5,學(xué)生作品展示,交流展示,拓展延伸,6,收集本班成長(zhǎng)經(jīng)歷以及班級(jí)和校園生活的資料，公共建設(shè)自己的網(wǎng)上家園班級(jí)主頁(yè)，在網(wǎng)頁(yè)上建立大家喜歡的欄目，展示班級(jí)風(fēng)采等。,拓展延伸,拓展延伸,謝謝觀看