網站開發總體功能設計_什麼是網站總體架構設計

1、網站開發設計

前端和後端兩者要共同配合進行才能使網站擁有更好的發展。後端是長期需要持續進行，在前期後端創建完成後再由前端展現，另外同時再由前端贏得潛在顧客、精準顧客的認可。
網站前端一般是要展現給大眾的頁面信息;網站後端則是程序、代碼類信息等用來支撐前端展現的。
前端：是網民在上網頁時第一眼看到的頁面或是分支點信息頁面等。或者是頁面中的圖片、文字、框架分配、視頻、語音等整體布局都是web的前端。
後端：是網民第一眼是看不到的，一般只有部分專業人員才能大致看到。像語言編寫、創建方式、改寫或優化網站的方式這些操作則為web的後端。

2、一個網站的主頁的整體設計包括哪些工作

首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，並注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。

3、網頁開發與設計的基本流程是什麼?

網頁製作流程

--------------------------------------------------------------------------------

主要內容介紹：

一、構成網頁的基本要素
二、製作及美化的基本工具
三、網頁製作的基本步驟
四、界面設計及交互研究探討
五、實例製作演示

一.構成網頁的基本要素

1.文字（標題、字型大小、字型...）
2 圖形（網頁上經常使用的圖片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜單按鈕、鏈接、表單、數據交換...）
...

超文本標識語言（HTML）

HTML（Hypertext Markup Language）是一種專門用於Web頁製作的編程語言，用來描述超文本各個部分的內容，告訴瀏覽器如何顯示文本，怎樣生成與別的文本或圖像的鏈接點。

在HTML中，所有的標記符都用尖括弧括起來。
例如，<HTML>表示HTML標記符。絕大多數標記符都是成對出現的，包括開始標記符和結束標記符。
如：<HTML>…<／HTML> .

HTML文檔的基本結構

一個典型的HTML文本的基本結構形式如下：

<HTML>
<HEAD>
<TITLE>網站製作流程及界面交互設計研究探討<／TITLE>
<／HEAD>
<BODY>文本內容：<／BODY>
<／HTML>

二.製作及美化的基本工具

1．超文本標識語言（HTML）
編輯工具：editplus、dreamweaver、記事本、FrontPage、

2．頁面設計及美化工具
使用工具：所有可製作平面的軟體
推薦使用Photoshop、FireWorks、Flash

三、網頁製作的基本步驟

1、整體規劃
需要完成的規劃：網站主題、風格、頁面元素、邏輯結構等

2、資料收集
收集內容：
a、跟主題相關的文字圖片資料
b、一些優秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼

3、偽界面設計
根據事先規劃的結構，在平面軟體里設計你想要的最終效果，利用平面圖片的形式先展示一次，設計時要注意宜人性、人機、心理等各方面因素

4、代碼轉換及交互添加
把平面的偽界面轉化為HTML代碼，添加相應的交互功能Js、按紐、表單，以及一些與資料庫相連接的代碼。

5、測試網頁兼容性
你可以不必嚴格按照W3C標准來製作頁面，但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。

6、發布站點
測試完畢，符合你的要求，當然就可以開始發布你的網站了，發布的伺服器可以是遠程，也可以是本地，各個語言有各自的相應的伺服器，比如ASP，就應該對應的是ASP伺服器，上傳可利用遠程FTP工具。

四.界面設計及交互研究探討

a、導航欄設計
導航要素設計的好壞決定著用戶是否能方便使用網站導航要素要設計的直接而明確，並最大限度為用戶的方便考慮。

b、網頁布局
網頁的布局是整個界面的核心，這里體現了一切以用戶為中心、以及製作者如何與欣賞著溝通的思想在裡面，你必須知道自己要傳達什麼樣的信息，別人使用起來合適不，字體的大小、型號、字間距、行間距，以及配色所有的一切都在這個階段完成，所以如何表現功能以及美感就是你研究的重點。

PS:布局之前要緊密連接你網站的主題，要注意把握整體風格，你可以事先在紙上勾畫草圖，利用你習慣的元素來表現你想要的效果

網頁布局--主要構成原則
醒目性：指用戶把注意力集中到你誘導起瀏覽的部分和內容
可讀性：指網站的內容讓人容易讀懂
明快性：指准確、快速轉達網站的構成內容
造型性：維持整體外型上的穩定感和均衡性
創造性：有鮮明個性，創意是必不可少的
布局的構成原則上是:統一、協調、流動、強調、均衡

c、交互研究
我這邊的交互主要集中在人機操作方面，研究用戶瀏覽網站心理我個人認為一個成功的個人主頁，單純的美觀是不夠的，重要的是宜人性方面應該注重，喜歡Google、Douban就居於這。

五、實例製作演示(略）

1、頁面製作整體規劃

對象：一個列印商業宣傳主頁
格調:活潑，色彩，簡單，大方

2、資料收集

a 、商標、網址、公司宣傳冊、了解企業文化，了解負責人的品位、他們的案例、跟負責人溝通掌握信息
b 、網上下載相似印刷行業的公司主頁，了解現有行業的的一些設計特點
c、下載一些色彩比較華麗的圖片，或跟印刷相關連的圖片
d、如果你自己不會動態語言，下載一個滿足你功能的新聞發布系統和留言源碼

3、偽界面設計

a、在PS設計偽界面

b、切片工具對整體進行合理的分割
注意點：隱藏你要通過輸入的文字，分割時要保持他的整體意義，盡量讓每一部分是完整的，注意一些交互上操作。

c、導成WEB格式-直接導成HTML格式—步驟:
1、.點擊文件存儲為WEB文件格式
2、在界面裡面調整理想參數
3、導出保存PS能自動生成一些HTML代碼，但是他不是很標准，你必須在Dreamweave裡面進行加工

d、在Dreamweave裡面進行代碼加工
具體步驟：
1、先修改標題
2、修改頁面屬性：背景顏色、背景圖片.....
3、把頁面調整為布局格式（這個可以按照自己習慣來設置，有標準的表格方式，也有布局類型）
4、把要添加文字的圖片轉化為背景形式
a、找到對應圖片路徑
b、拷貝路徑後刪除圖片
c、轉化為標准形式
d、把路徑粘貼到背景屬性上
e、回到布局界面
5、添加具體文字連接設置等操作
6、CSS設置
7、修整代碼，發布預覽按F12即可預覽效果

4、測試網頁兼容性

按照你設計時的對象,根據IE版本以及瀏覽器的不同，調整理想的效果，但是大部分出現問題的是JS\VB等代碼，如果只是單純靜態圖片，基本不會有很大的差別，推選大家盡量往W3C標准靠

5、發布站點

購買自己的空間域名，其實事先就應該購買的，利用FTP上傳軟體，把你的頁面上傳到你的網上伺服器上推薦一款FTP上傳工具LeadFTP

4、網站設計都包括什麼？

網站建設一般分為六部分。具體如下：

一、市場分析
二、網站建設目的及功能定位
三、網站內容及實現方式
四、網頁設計
五、網站測試
六、網站發布與推廣

5、網站設計的目的和意義

1 課題開發背：課題開發背景就是網站在市場中的需求，
2 課題目的：課題目的開發此網站的意義
3 課題意義：同上
二課題介紹及相關技術分析：
1總體設計思想：網站的整體框架
2網站開發工具分析：開發網站使用的技術,具體實現網站的功能步驟和難度分析.

6、網站設計方案怎麼寫啊？

XX網站建設方案

第一章前言

在INTERNET迅速普及的今天,擁有自己的網站是一個企業或部
門進行形象宣傳的重要方式，也是同外界交流合作、尋找商機的一個重要途徑。互聯網的發展大大提高了各類信息活動發布的速度和可選擇空間，新型的商務信息通道其優越性顯而易見。XX公司服務作為一家知名度很高的家政服務公司，其網上形象的樹立、宣傳、案例展示等都顯得極為重要。現通過利用互聯網覆蓋面廣、信息容量大、傳遞速度快的特點，建立網站首頁以公司簡介、服務項目、服務宗旨、家政常識、加盟合作、聯系我們等相關內容資訊的網站，把網站建設成為面向社會各界宣傳的窗口與客戶勾通、交流的紐帶。網站的色彩與整體布局，突出其作為一個大型服務行業網站應有的大氣、典雅、清新的特色。同時將提升整個網站的功能性，加強祥和家政項目宣傳力度，提高綜合服務的能力，同時可進行網上展示、網上宣傳、網上咨詢等一系列信息服務等。同時通過留言、郵件等功能，加大與社會各界的隨時交流與溝通。

網站內容

首頁：以一幅富於創意，符合XX公司特徵的FLASH動畫作為過渡頁，同時在動畫上設置進入網站的按鈕，分別進入網站的首頁面，再根據XX公司服務網站的具體欄目來設計首頁的風格及布局，確保各個欄目位置合理，點擊方便，一目瞭然。
XX公司簡介：主要為XX公司服務的簡介，系統全面介紹XX公司服務的一些具體情況，樹立企業形象。
服務項目：主要是向客戶展示公司的具體業務服務項目。使客戶對公司的服務有一個具體的了解。
服務宗旨：我們打動客戶，客戶尋找我們，這是我們的優勢，也可以通過以往的服務宗旨來了解。金文網路公司將根據貴公司提供案例進行實景拍攝，或由我公司資深美工給你設計出精美居家、商業案例。
加盟合作：向有意向加盟的單位詳細介紹加盟的一些信息。
家政常識：向你的客戶介紹一些家政服務的知識。
聯系我們：列出XX公司的地址、電話、郵箱等便於你的客戶和你們聯系。

7、網站開發和網站建設有什麼區別

當一個企業准備做自己的企業網站或其它類型的網站，或者對於剛接觸網站建設的人來說，難以搞清模板網站和定製開發網站的核心區別。網站建設定製開發與模板網站的最核心的區別到底是什麼呢，最核心的區別是質量、功能、個性化、版權、價格。
第一、質量的區別
模板網站就是非常低端的網站，說白了就是將別人做好的程序與平面換個公司名、欄目名或LOGO就上線運行了，這種網站不能保證網站的質量，更不能保證網站上線正常運行，特別讓人不放心的是，網站的安全性完全沒法保證。現在網上提供這種免費的源程序多如牛毛，基本不需要花錢就可以得到，反之，網站建設定製開發就不存在上面的情況，都是網站開發公司員工自己的汗水成果。
第二、功能的區別
模板網站的功能千篇一律，功能簡單且沒有個性，換句話說，不管您有什麼其它要求，都沒有辦法更改，這就造成了，你不要的功能一堆無法刪除，而想要的功能卻沒辦法進一步擴展或增加，如同雞肋，更讓人傷心的是，維護管理不方便，也不定適合用戶的操作習慣，反之，網站建設定製開發就不存在上面的情況，都是根據客戶的功能要求進行的，完全滿足客戶的功能要求與操作習慣，並且可以保證網站的規模與功能進一步擴展與擴充。
第三、個性化的區別
模板網站幾百個甚至上千個網站放置在同一台伺服器上。即便是今天，很多公司的模板網站都一樣非常簡陋，相似度達到90%以上，好多網站除了LOGO不一樣，欄目名稱不同，其它完全相同，對瀏覽者來說，一點吸引力都沒有，何來的網站流量與交易量呢?更加談不上網站漂亮了。為什麼這樣?原因簡單，模板網站不能修改模板，選好了模板，無法編輯，無法自定義模板，共享模板設計出來的頁面，往往是一個呆板而雷同的頁面，讓人感覺死氣沉沉。而網站建設定製開發就不存在上面的情況，都是根據客戶的頁面要求進行頁面製作與設計，充分體現了網站的個性化，可以新增或修改頁面布局，給瀏覽者完全不同的網站風格，讓人眼前一亮。
每四、版權的區別
模板網站的版權是個問題，因為絕大多數的模板網站是來源於網上提供這種免費的源程序，版權沒法保障，隨時都可能受到舉報或傳票，一場官司下來，真是費時費力費金錢，特別是當您將網站搞到一定程度有模有樣的時候突然出現這種情況，試想一下，您將要如何呢?而網站建設定製開發就不存在上面的情況，完全享有網頁設計著作權。
第五、價格的區別
很多企業或個人在建站時，都會打探多個網路公司，從報價到設計等問題一一詢問。很多朋友都把價格排在了第一位。大家應該知道，一分錢一分貨，網站建設定製開發價格肯定要比模板網站高，因為定製開發的網站不管從人力成本、還是開發成本都是很高的，價格自然要高，而模板網站因為網站設計頁面與功能千篇一律，都是現存的相同的，所以價格低。
如果公司或個人實力尚可，企業或個人建站最好選擇網站建設定製開發，更能保證網站運行穩定、體現網站個性化、網站功能更加能滿足實際需要、網站操作習慣更適合使用者，管理者管理網站方便。

8、網站的總體設計內容是

9、網站的規劃與設計分別包括哪些內容

一、建設網站前的市場分析
1、相關行業的市場是怎樣的,市場有什麼樣的特點，是否能夠在互聯網上開展公司業務。
2、市場主要競爭者分析，競爭對手上網情況及其網站規劃、功能作用。
3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。
二、建設網站目的及功能定位

10、什麼是網站總體架構設計

網站結構是指網站中頁面間的層次關系，按性質可分為邏輯結構及物理結構。是現代網路學習和發展的一個必須的基礎技術。根據需求分析的結果，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序。

網站架構的內容有哪些？

有程序架構，呈現架構，和信息架構三種表現，步驟主要分為硬架構和軟架構兩步程序。

網站總體框架示意圖是網站後台支撐系統的想法，一般取決於網站本身的建設意圖。

網站架構水平的高低決定著網站的整體性能和運營模式的時效性和經濟性，它的設計必須考慮到網站的模式、運營思路、用戶群體使用習慣、網站的功能等等。

網站結構對網站的搜索引擎友好性及用戶體驗有著非常重要的影響。網站結構在決定頁面權重上起著非常關鍵的作用，會直接影響到搜索引擎對頁面的收錄。一個合理的網站結構可以引導搜索引擎抓取到更多、更有價值的網頁。如果網站結構混亂，往往就會造成搜索引擎陷入死循環、抓取不到頁面等問題。網站結構的好壞會決定用戶瀏覽的體驗度，合理的網站結構是優化網站關鍵詞排名的前提。

所以，網站結構可以影響網站內部頁面的重要性，合理的內部鏈接策略就可以對重要頁面進行突出、推薦等操作。

繪制網站概要圖符號

網站概要圖模板

導航:首頁 > 萬維百科 > 網站開發總體功能設計

網站開發總體功能設計

與網站開發總體功能設計相關的知識