我的網頁,同 步 課 件,湘美版九年級下冊,學習運用各種信息技術制作網頁 這是一個交流的平臺，擁有無限的魅力；這是一個廣闊的世界，展現全新的傳播方式。走進這個多彩的領域，為自己設計一個別致的網頁，盡情彰顯你的才華與個性。,網頁的風格 優秀的網頁設計往往將一些構成頁面的基本元素進行合理的組織，體現出語言難以表現的情境，同時展現網站獨特的風格與個性，促使瀏覽者在眾多選擇中對其留下深刻的印象。,幽默夸張,突出形象,文字表現,制造懸念,網站建立的目標和客戶需求不同，網頁設計風格也會有所差異。試歸納一下自己所見過的不同類型的網頁。,思考練習,構成網頁的元素包括文本、色彩、圖標、圖片、導航欄、超鏈接、動畫、聲音、視頻等。,來源于The Greeting Farm英文網站,導航欄是一組桉鈕，可以幫助瀏覽者進入各個子頁面或返回首頁，起到貫穿整個網頁的作用。其動畫效果的動態裝飾，使網頁具有運動的形式美感。,恰當的底色能更好地突出主題、烘托氣氛。,圖標起到點綴、裝飾的作用，同時使頁面個性更鮮明，更具可辨性。,直觀形象的圖文設計便于瀏覽者選擇和瀏覽。,嘗試像下圖一樣，畫出一個網頁的基本布局。,為你的個人網頁設計一個圖標，注意體現你的個性、愛好、特長等。,學習活動一,我的信箱 小螞蟻之家,學生作品,網頁設計 多種電腦軟件與設備為網頁設計的實現提供了多樣的手段。圖片的形狀、位置、大小、數量等直接關系到網頁的視覺效果。文字是網頁中的主要信息描述要素，文字表現的好與壞將影響到整個網頁的質量。,1.使用美術軟件（如奇奕畫王）中的文字工具輸入標題文字，并選擇你喜歡的字體和效果。,2.使用區域選擇和操作工具進行摳圖、旋轉等圖像處理。,3.使用鼠標或電腦繪圖板并結合軟件中的各種模擬畫筆可以自由地添加圖形。,Wacom數位板,4.通過色彩調節工具變換背景和圖形的顏色，達成不同的配色效果。,色彩的表達與網頁的內容要相關聯。網頁的色彩要鮮明、獨特，與表達的內容氣氛相適應。,對比色 近似色,依據內容的多少、功能的分類、頁面的大小設計一種版式，然后將文字、圖像、圖標、導航欄等各元素納入框架中。,耐克公司中國網站,曲線型版式富于韻律與節奏。,骨骼型版式呈現和諧與理性。,焦點型版式視覺效果強烈而集中。,1.確定網頁名稱，選擇底色，明確網頁基調。 2.明確內容區域，版式排列要統一中有變化。,3.導入恰當的圖片，形成頁面風格。 4.強化版式、色彩和圖文的協調呼應，豐富頁面效果。,把你喜歡的圖片在電腦中進行一些處理， 再試著搭配上不同的圖文，變換不同的底色，看看頁面版式會有哪些不一樣的效果。,思考練習,網站的建立 確立大致的板塊框架和清晰明確的導航系統，是建設網站極其關鍵的一步，也將涉及后期的更新與延展性的間題。 合理劃分內容板塊，分類安排內容，使每個頁面都有一個清晰明了的導航系統，可以條理清楚地引導讀者點擊感興趣的頁面。,1.網站首頁,2.進入網站子頁面,3.進入產品信息子頁面,4.分頁鏈接,5.進入綜合資訊分頁,編排合理的網站頁面可以很好地引導瀏覽者的視覺流程。網站風格與企業形象要協調一致。,6.進入終極頁面，再返回首頁,收集本班成長經歷以及班級和校園生活的資料，共同建設自己的網上家園班級主頁。在網頁上建立大家喜歡的欄目，展示班級風采等。,學習活動二,學生作品,1.能用手繪或電腦軟件制作的方式為自己的個人網頁設計一個圖標，并能體現個人的個性、愛好、特長等。 2.能夠運用電腦軟件與相關設備，展開網頁基本元素的設計練習，為個人或者班級設計網頁。 3.嘗試自評與互評，指出自己設計的網頁在個性與創意、版式結構、色彩搭配、圖片處理、導航與鏈接、動畫制作等方面的長處和不足。,評價要點,網頁(webpage):網站中的一“頁”，通常是HTML格式（文件擴展名為.html或.htm或.asp或.aspx或.php或.jsp等）。網頁是構成網站的基本元素，是承載各種網站應用的平臺。,相關鏈接,超鏈接：又叫超級鏈接，是一個網絡導航器，能夠幫助我們在瀏覽網頁時輕松實現各種“跳轉”，查看需要的網頁。 動畫：將連續的畫面按一定的順序放到一個時間坐標上，然后按時間順序依次播放，即形成動畫。,相關鏈接,網頁制作工具有Dreamweaver、Frontpage等，圖片編輯工具有Photoshop、奇奕畫王等，動畫制作工具有Flash、Cool3d、UleadGifAnimator等，還有一些網頁特效工具，可以根據需要靈活運用。,相關鏈接,門戶網站,個人網站,功能網站,商業網站,謝 謝 觀 看