網頁設計與制作 (1).ppt

《網頁設計與制作 (1).ppt》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、第2章網頁設計知識網頁設計中的注意事項網頁設計的過程網頁設計初步2.1網頁設計中的注意事項網頁設計需要的知識網頁設計的基本原則網頁設計需考慮的因素2.1.1網頁設計需要的知識風格定位版面編排（1）主次要分明，中心要突出。如圖2-1鮮活食品網頁大小要搭配，相互要呼應。（3）圖文要并茂，相得要益彰。（4）動靜要有度，平衡要對稱。如圖2-2就是動靜結合的典范、圖2-3是對稱的示例、圖2-4平衡的樣板。圖2-3圖2-43．點、線、面（１）點的應用（２）直線的應用（３）曲線的應用（4）曲線、直線的綜合應用（５）面的應用。線動成面點的應用點的應用線的應用曲線的應用曲

2、線、直線的綜合應用面的應用4．色彩處理（1）暖色調。即紅色、橙色、黃色、褐色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。（2）冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。（3）對比色調。即把色調完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等。色彩處理色彩處理5．數字圖像圖像尺寸：彩色空間：位平面：最大顏色數圖像數據容量：分辨率：像素深度真彩色：偽彩色調色板調配色６．色彩的使用技巧與指針2.1.2網頁設計的基本原則統(tǒng)一連貫分割對比和諧易讀易找清晰精選分割統(tǒng)一和諧易讀易找

3、清晰2.1.3網頁設計需考慮的因素1．設計網站的標志（Logo）2．設計網站的標準色彩3．設計網站的標準字體4．設計網站的宣傳標語2.2網頁設計的過程網頁設計的一般步驟設計主題總體結構的構思網頁的版面布局網頁創(chuàng)意網頁素材收集網頁制作網頁測試與發(fā)布網站維護2.2.1網頁設計的一般步驟1．設計主題2．網頁的組織結構3．資料的收集與整理4．選擇網頁的設計方法5．設計網頁要注意的問題2.2.2設計主題對于題材的選擇，原則是：1．主題要小而精。2．題材最好是自己擅長或喜愛的內容。3．名稱要正。4．名稱要易記。5．名稱要有特色。2.2.3總體結構的構思總體結構主要應

4、考慮以下問題：1．網站主題和名稱的定位。2．網站CI形象的定位。3．欄目和版塊的確定。4．網站的整體風格創(chuàng)意設計。5．網站的層次結構和鏈接結構。6．首頁的設計。7．版面布局的竅門。8．色彩的搭配。9．效果與速度。2.2.3總體結構的構思10．替瀏覽者考慮。11．細微之處下功夫。12．建設完成度與推出時間。13．交互性與親和度。14．考慮不同的瀏覽器和分辨率。15．字體的設置和表格的嵌套。16．新技術的運用取舍。17．設計好的banner和位置。18．語句文字融入感情。2.2.4網頁的版面布局1．網頁草圖2．粗略布局3．定案2.2.5網頁創(chuàng)意創(chuàng)意思考的過程

5、分五階段:（1）準備期：究所搜集的資料，根據舊經驗，啟發(fā)新創(chuàng)意。（2）孵化期：將資料咀嚼消化，使意識自由發(fā)展，任意結合。（3）啟示期：意識發(fā)展并結合，產生創(chuàng)意。（4）驗證期：將產生的假冒意討論修正。（5）形成期：設計制作網頁，將創(chuàng)意具體化。2.2.6網頁素材收集2.2.7網頁制作2.2.8網頁測試與發(fā)布2.2.9網站維護2.3網頁設計初步2.3.1在Word中建網頁2.3.2給網頁設背景2.3.3標題2.3.4插入橫線，把標題與正文分開2.3.5做橫幅(水平滾動字)2.3.6做導航欄3.7正文