人教版信息技術七上《規(guī)劃與設計網站》pp

網站規(guī)劃和設計2目錄

網站設計之前的準備工作網站內容的確定與組織結構規(guī)劃和導航網頁設計的構思

3網站設計之前的準備工作45二、網站策劃制作流程：1、網站項目的可行性分析2、確定網站的面向對象3、根據網站的面向對象確定網站的內容以及欄目結構4、制訂網站開發(fā)進度表5、收集和整理網站的內容素材6、確定網站的設計方案7、根據網站的設計方案，設計出網站的各級頁面8、將設計稿制作成頁面9、完善頁面的功能，增強交互性和親和力。10、網站的發(fā)布6確定網站的面向對象適用的人群：學生、老師、計算機人員返回目錄返回目錄78返回目錄返回目錄9根據網站的面向對象確定網站的內容以及欄目結構

一、（網站內容的確定與組織）

首先應從整體上對網站建設進行策劃，這是一個網站的立足之本。明確自身的定位，具體內容包括網站用戶定位，功能定位，網站自身特色的定位。

網站內容設計對于網站建設至關重要，應注意：內容：總體結構要層次分明。文字信息可提供較快的瀏覽速度。而圖像、聲音和視頻信息會產生強大的吸引力。因此，多媒體信息的使用要適中，盡量減少文件數據量和大小。網站主頁是非常重要的，內容的適用性和組織的合理性。網站內容應是動態(tài)的，隨時進行修改和更新。網頁中的文本內容應簡明、通俗、易懂。返回目錄返回目錄10二、欄目結構(結構規(guī)劃和導航)結構規(guī)劃合理，信息導航清晰。不同作用的對象之間的區(qū)別。欄目結構圖（網站導航圖）主頁個人資料網絡日志留言板迷你屋相冊音樂收藏我的偶像個人形象個人檔案訪問量統(tǒng)計IT應用個人日記娛樂瘋狂自拍明星作品歐美韓國港臺返回目錄返回目錄11制訂網站開發(fā)進度表比如：

階段具體步驟時間（天數）時間比1、設計階段參考420%設計框架210%設計裝飾圖210%完成設計整合210%2、制作階段設計樣式210%制作html420%加入Javascript210%代碼優(yōu)化210%返回目錄返回目錄12確定網站的設計方案(網頁設計的構思)首頁的設計是一個網站成功與否的關鍵。1、確定首頁功能模塊：網站名稱(logo)廣告條(banner)主菜單(menu)新聞(what'snew)搜索(search)友情鏈接(links)郵件列表(maillist)計數器(count)版權(copyright)13確定網站中文名和logo14廣告條(banner)15主菜單16搜索(search)搜索搜索17友情鏈接(links)18郵件列表(maillist)19計數器(count)、版權(copyright)計數器版權20212、設計首頁的版面：畫面正常平衡，亦稱勻稱。指左右、上下對照對比能達到均衡的效果。

異常平衡，即非對照形式。讓畫面布局能達到強調特別信息，引起用戶高度關注的效果。對比。利用色彩、色調等技巧來作表現(xiàn)。盡量用圖片做解說。對不能用語言說服、或用語言難以表達的信息，特別適合圖片解說，可以傳達給用戶的更多的心理因素。223、網頁色彩的搭配(1)各種色彩的視覺效果不同顏色會使用戶產生不同的心理感受。紅色：激情、沖動、活力綠色：和睦、寧靜、健康、安全橙色：輕快、溫馨、時尚黃色：快樂、希望、智慧。藍色：涼爽、清新、專業(yè)、浪漫白色：明快、純真、清潔黑色：深沉、神秘、寂靜、悲哀、壓抑灰色：中庸、平凡、溫和、高雅23紅色：激情、沖動、活力24綠色象征和平、寧靜和安逸的感覺25橙色：輕快、溫馨、時尚26紫色(時尚優(yōu)雅/)27黃色：快樂、希望、智慧28藍色：涼爽、清新、專業(yè)、浪漫29白色：明快、純真、清潔30黑色：深沉、神秘、寂靜、悲哀、壓抑31灰色：中庸、平凡、溫和、高雅32(2)網頁中色彩搭配的因素一般來講，要注意各種色彩運用的特性。鮮明性：鮮艷，引人注目。獨特性：與眾不同，印象深刻。合適性：色彩和表達的內容相適合。聯(lián)想性：不同色彩會產生不同的聯(lián)想。經驗：基于一種色彩。通過調整透明度、飽和度產生新的色彩。用兩種色彩。對比色用一個色系。淡色用黑色和一種彩色。黑配紅、白334、頁面內容設計畫面內容的整體視覺效果

(1)簡潔性

(2)一致性