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