信息技術(shù)之規(guī)劃與設計網(wǎng)站培訓課件

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

網(wǎng)站設計之前的準備工作網(wǎng)站內(nèi)容的確定與組織結(jié)構(gòu)規(guī)劃和導航網(wǎng)頁設計的構(gòu)思

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

一、（網(wǎng)站內(nèi)容的確定與組織）

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

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

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

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

(1)簡潔性

(2)一致性

(3)對比度頁面內(nèi)容編排

(1)組織內(nèi)容

(2)合理地編排文本、圖片等元素的順序。

(3)把希望用戶最先看到的內(nèi)容放在頁面的左上角和頁面頂部。

(4)多媒體信息的綜合利用。演講完畢，謝謝觀看！附錄資料：不需要的可以自行刪除企業(yè)信息化管理專業(yè)分析目標企業(yè)信息化概述企業(yè)信息化專業(yè)介紹企業(yè)信息化學習方法介紹個人期望企業(yè)信息化概述企業(yè)信息化專業(yè)介紹企業(yè)信息化學習方法介紹個人期望

什么是企業(yè)企業(yè)是從事生產(chǎn)、流通、服務等經(jīng)濟活動，以生產(chǎn)或服務滿足社會需要，實行自主經(jīng)營、獨立核算、依法設立的一種盈利性的經(jīng)濟組織。你聽過哪些企業(yè)？東風汽車中國銀行百度新浪……等等什么是信息化定義一：信息化是指培養(yǎng)、發(fā)展以計算機為主的智能化工具為代表的新生產(chǎn)力，并使之造福于社會的歷史過程。定義二：是指建立在IT產(chǎn)業(yè)發(fā)展與IT在社會經(jīng)濟各部門擴散的基礎之上，運用IT改造傳統(tǒng)的經(jīng)濟、社會結(jié)構(gòu)的過程。什么是企業(yè)信息化企業(yè)信息化(Enterprisesinformatization)，企業(yè)信息化實質(zhì)上是將企業(yè)的生產(chǎn)過程、物料移動、事務處理、現(xiàn)金流動、客戶交互等業(yè)務過程數(shù)字化，通過各種信息系統(tǒng)網(wǎng)絡加工生成新的信息資源，提供給各層次的人們洞悉、觀察各類動態(tài)業(yè)務中的一切信息，以作出有利于生產(chǎn)要素組合優(yōu)化的決策，使企業(yè)資源合理配置，以使企業(yè)能適應瞬息萬變的市場經(jīng)濟競爭環(huán)境，求得最大的經(jīng)濟效益。企業(yè)為什么需要信息化生產(chǎn)與銷售員工與管理庫存與原材料管理市場競爭企業(yè)信息化主流平臺SAP用友金蝶神舟數(shù)碼Oracle企業(yè)信息化概述企業(yè)信息化專業(yè)介紹企業(yè)信息化學習方法介紹個人期望企業(yè)信息化管理專業(yè)介紹本專業(yè)培養(yǎng)能幫助企業(yè)進行信息化改造，幫助軟件公司進行信息化軟件售前和售后技術(shù)支持以及企業(yè)軟件實施，或者作為資訊公司對企業(yè)業(yè)務流程進行設計與改造的高級管理人才。能勝任軟件實施工程師、軟件售前服務工程師，軟件售后服務工程師，企業(yè)信息化咨詢師，企業(yè)業(yè)務流程規(guī)劃師。企業(yè)信息化職位CompanyLogo實施經(jīng)理售前售后工程師產(chǎn)品咨詢師企業(yè)信息分析師企業(yè)需求分析師企業(yè)信息化解決方案數(shù)據(jù)庫維護售前工程師售后工程師系統(tǒng)策劃師產(chǎn)品實施公司職位表企業(yè)信息化管理與其他專業(yè)對比研發(fā)管理營銷企業(yè)信息化管理課程安排企業(yè)信息化概述企業(yè)信息化專業(yè)介紹企業(yè)信息化學習方法介紹個人期望學好企業(yè)信息化核心要素良好的心態(tài)開闊的思維組織協(xié)調(diào)能力團隊精神專業(yè)知識個人形象口才良好的心態(tài)良好心態(tài)表現(xiàn)：激勵性自信努力、上進如何提高心態(tài)：閱讀一定管理書籍和管理視頻閱讀企業(yè)信息化管理學開闊的思維開闊視野閱讀經(jīng)典成功案例組織協(xié)調(diào)能力組織班級活動積極參與班級活動發(fā)揮班級力量，容納好點子團隊精神組建團隊融入團隊激勵團隊專業(yè)知識學會專業(yè)技能擴展專業(yè)知識擴展行業(yè)背景學會溝通個人形象個人禮儀個人形象氣質(zhì)口才組織班級辯論賽組織班級演講比賽利用好課前三分鐘產(chǎn)品策