① 如何設計網站
一、建設網站前的市場分析
1、相關行業的市場是怎樣的,市場有什麼樣的特點,是否 能夠在互聯網上開展公司業務。
2、市場主要競爭者分析 ,競爭對手上網情況及其網站規劃、功能作用。
3、公司自 身條件分析、公司概況、市場優勢,可以利用網站提升哪些競爭力, 建設網站的能力(費用、技術、人力等)。
二、 建設網站目的及功能定位
1、為什麼要建立網站,是為了宣 傳產品,進行電子商務,還是建立行業性網站?是企業的需要還是市 場開拓的延伸?
2、整合公司資源,確定網站功能。根據公 司的需要和計劃,確定網站的功能:產品宣傳型、網上營銷型、客戶 服務型、電子商務型等。
3、根據網站功能,確定網站應達 到的目的作用。
4、企業內部網(Intranet)的建 設情況和網站的可擴展性。
② 如何設計網站
根據題主提出的問題你大概是想建一個營銷型網站是吧!但是苦於不知道怎麼寫建站方案,我這里可以給你一點建議,希望能幫助你。
1.網站設計的指導思想
其實就是網站定位,企業在每個不同的商業階段都會有不同的建站需求,首先我們要了解自身所處的市場環境,明確建設網站的核心目的,日後才能更好地把控建站方向。
還有一個是人群定位,我們需要了解我們最想抓住的客戶群體,通過分析他們的瀏覽習慣,從而來決定內容的層級劃分。
2.網站特色
網站特色不知道我可不可以理解為產品或服務特性,網站作為被動式的信息傳輸手段,要想完整地將企業的線下實力搬到線上來是非常困難的,因此在表現形式上我們需要進行深度思考。
3.網站功能
網站功能開發主要分為兩個模塊:前端和後端
前端頁面:包括文本、圖像、媒體、鏈接、表單、表格的生成。後台系統:包括開發後台登錄系統、開發商品管理、開發訂單系統、開發搜索系統、開發交易系統等等。還有涉及到資料庫、搭建伺服器這些比較繁瑣的工作。現在建站已經有一套非常成熟的體系了,不存在特別高的技術壁壘。
③ 怎樣設計網站
第一,做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。
對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。
第二,選擇好域名
域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。
第三:掌握建網工具
網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,網站製作者需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的
第四:確定網站界面
界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:
①欄目與板塊編排
構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:
●盡可能刪除那些與主題無關的欄目;
●盡可能將網站內最有價值的內容列在欄目上;
●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。
④ 公司網站如何製作
公司網站,以用凡科建站為例,具體步驟是:1、首先注冊凡科建站賬戶,並開始選擇網站模板。
模板類型參照個人喜好或者公司需求,選定模板後點擊快速建站,進入網站編輯界面,開始網站編輯。
模板操作類似於PPT更換,注意圖片更換需保持像素大小與原圖一致,否則調整圖片大小會讓小白麻爪的。
2、購買空間。
網站排版完成後,如果覺得滿意,就可以開始下一步操作,打開網站功能升級界面,選擇購買網站會員,個人覺得對於滿足基本需求來說,網站入門版基本夠用了,網站服務包含空間和伺服器,不需要再額外購買。
3、購買網站域名。
點擊企業中心-域名管理,進入域名購買界面,輸入你想要的域名,系統會自動檢測是否能夠注冊,逐步嘗試,選定滿意的域名後點擊購買,費用大約在每年80-120元左右。
4、實名認證。
點擊域名管理-實名認證,按照提示填寫認證信息,一般三個工作日會通過認證,注意信息填寫准確,只有三次免費修改機會。
5、工信部備案。
點擊域名管理-工信部備案開始進行信息備案
如實填寫個人和企業信息,注意仔細閱讀提示信息,嚴格按照提示信息去做
是否需要前置審批選否,這一點尤其重要,前置審批手續需要專業人士去做,普通建站也涉及不到這些。
工信部備案信息比較繁瑣,一步一步填寫,提交認證需要30個工作日,如果被打回了就需要再等30個工作日,我是45天左右完成的認證。
通過後點擊解析域名即可開始使用。
6、公安部備案。
這一項備案對於絕大多數網站來說是不需要做的,完成工信部備案之後域名就已經可以使用了,部分地區要求必須進行公安部備案,那就按照程序去走
線上提交備案申請,填寫備案信息,由當地公司部門安排面訪,合適無誤後完成公安部備案。
7、網站日常管理。
點擊網站管理-電腦版/手機版就可以進入網站內容排版界面,點擊網站管理功能還能夠對站點訪問量進行分析。
0代碼輕松建站!點擊這里獲取精美網站模板:凡科建站
⑤ 如何進行網頁設計
使用網頁三劍客中的
Dreamweaver
就可以了,而且都不要編寫代碼,都是直接添加文字,添加圖片。。超簡單的就象使用Word一樣簡單!!!做出來的網頁是屬於靜態的HTML的!!!只要你學Asp
Php同樣還可以用Dreamweaver寫動態的程序呢。。。寫完了以後就是發布網站了,請買個空間和域名就可以了,如果不會的話我教你呵呵!!!
⑥ 怎麼設計自己的網站
1、 根據自身情況提出網站建設基本要求
2、 提供相關文本及圖片資料
a. 公司文字資料、公司圖片資料;
b. 網站實現功能需求;
c. 網站基本設計要求;
1、域名申請 通過注冊域名,使企業在全球Internet上有唯一標識,也是社會各用戶瀏覽該企業網站的門牌號和進入標識。由域名構成的網址會像商標那樣,在互聯網上廣為流傳,好的域名有助於你將來塑造自己在網上的國際形象。而同時域名在全世界具有唯一性,域名的資源又比較有限,誰先注冊,誰就有權使用,所以你現在就應該考慮,是否要保護你在Internet上的無形資產。 常見的.com為國際域名,而.com.cn則為國內域名。定義域名除了要考慮公司的性質以及信息內容的特徵外,還應該使這個名字簡潔、易記、具有沖擊力。
2、網路平台的建立
虛擬主機方式:所謂虛擬主機是使用特殊的軟硬體技術,把每台計算機 主分成一台"虛擬"的主機,在外界看來,虛擬主機與真正的主機沒有任何區別,我們建議企業上網採用虛擬主機方式。一般虛擬主機提供商都能向用戶提供10兆、30兆、50兆直到一台伺服器的虛擬主機空間。用戶可視網站的內容設置及其發展前景來選擇。一頁網頁所佔的磁碟空間大約20 - 50千位元組,10兆大約可以放置200 - 500頁,但如果你對網站有特殊的要求,如圖片較多、動畫較多、需要文件下載或有資料庫等,就需要多一些空間(大家可以到『 免費資源 』去看一下,那裡有很多免費空間)。
獨立的伺服器:對於經濟實力雄厚且業務量較大的企業,也可以購置自己獨立的伺服器,但這需要很高的費用及大量的人力、物力投入,合計很高的費用及大量的人力、物力投入,合計起來是虛擬主機的數十倍之多。
3、網頁設計及維護
您可以自己設計網頁也可以通過專業網頁設計人才來製作。首先要確定整個網頁系統的整體規劃,所要介紹的內容範圍和目的,之後要收集所有需要放在網站上的文本資料、圖片等,將收集的材料提供給我們,剩下的交給我們的設計人員吧。根據公司業務范圍確定是否採用中英兩種版本,網頁設計完成後下一步最重要的工作就是及時更新網頁內容,不能長時間不更換網頁,造成「曬網」現象將影響網站的訪問量。
4、網站宣傳與推廣
首先企業自身要有推廣網站的意識:在任何出現公司信息的地方都加上公司的網址,如名片、辦公用品、宣傳材料、媒體廣告等。此外網路廣告和搜索引擎登記是目前網站主要的推廣方式。 希望點豹的回答可以幫到你
⑦ 網站如何設計
最基本的當然是搜索引擎優化的問題:這是我們經常遇到的問題了,搜索引擎優化工作應當在設計之前就考慮進去,作為設計的先決條件存在。缺乏良好的結構、關鍵詞分布,反向鏈接的話,在漂亮的界面用處也不大。
2.
是缺乏真正意義上的設計:在設計過程中,最好不要太標新立異,最好能符合大多數人的審美觀念
⑧ 網站設計要怎麼設計
網站設計精華65條原則
01.明確內容
如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。
02.抓住用戶
如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
03.優化內容
內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。
Chanels網站(www.emju.com)在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。
04.快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。
05.網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。
06.堅持基本原則
即使你不懂HTML語言,你只需購買一個有版權的所見即所得的網頁設計工具,如Adobe PageMill或Microsoft FrontPage Express,就可以創建一個看起來很合理的網站。但是,在設計時,這些軟體包雖然不需要HTML,卻使網站速度下降。
為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。
07.學習HTML
用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。
08.用筆畫一個網站的框架
聖人雲:筆比劍更強大。在用計算機之前,用筆畫一個網站的框架,顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。
09.「在計算機上永遠也找不到好的方案」。——專家忠告
10.網站地圖
許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。
11.「睜大你的眼睛,留意所有的事情。
對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,確保你的設計是圍繞站點瀏覽進行的。」 ——專家忠告
12.點擊規則 聽說過3次點擊規則嗎?對於小型網站,在你的主頁上,沒有任何一條信息,需要點擊次數超過3次的。對於大型網站,使用導航和工具條來改善操作。
13.特殊字體的應用
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。
14.「使用切合實際的簡便的命名規則。」 ——專家忠告
15.檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字。
16.避免長文本頁面
在一個站點上有許多隻有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀。
17.不要使用卷滾條
人們厭惡在網上使用卷滾條。Trouble網站(www.Trouble.co.uk)是一個典型的設計很差的網站。它基於一個浮動的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
18.專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTMLValidator等。
19.網站介紹
你應當有一個很清晰的網站介紹,告訴訪問者你的網站能夠提供些什麼,以便訪問者能找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
20.「網站一旦發布,網站設計的優點和缺陷全都公布於世。
沒有什麼法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到多的東西。」——專家忠告
21.閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站,就少用此方法。
22.背景顏色
背景顏色也會產生一些問題,可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。
23.向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。
24.「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習」 ——專家忠告
25.點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎,你最好提供一個鏈接,顯示訪問日誌。
26.不要用框架
與記數器一樣,框架在網頁上越來越流行。在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。
27.去掉圖像
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
28.重復使用圖像
一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時,在網頁上多次使用同樣的圖像是一個好的方法,並且一旦它們被裝入,以後重新載入就會很快。
29.避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。
30.「避免使用炫耀的技巧。」 ——專家忠告
31.選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源,使網站的操作變得很困難,因此,應該給用戶一個跳過使用Flash動畫的選擇。
32.盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大,並且Netscape5.0將支持Flash,在使用時不必再下載任何插件。
但是,最好還是取消使用Flash做各介面的想法。
33.讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
34.動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體,而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。
35.慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣,但是多次以後肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給你帶來什麼。
36.少用Java和AxtiveX
在網頁上應盡量少使用Java和AxtiveX。因為並不是每一種瀏覽器都需要使用它,只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。
37.設計成功的網站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viact.co.uk
38.慎用插件
在Web設計中,如果依賴於一些特別的插件,會減少網站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。
39.使用著名的插件
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
40.使用先進技術
跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新產品和開發技術。
41.自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。——專家忠告
43.平台的兼容性
要為用戶著想,必須最少在一台PC和一台Mac機上測試你的網站,看看兼容性如何。
44.用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查,可選用軟體分析工具。在網址www.weblint.org/validation.html中,你能夠找到更多有效的HTML工具。
45.避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是,如果在你的網頁上有鏈接,一定要經常檢查它們,保證鏈接有效。鏈接的網站可能很多,但不要鏈接到與你的內容無關的網站上。
46.給觀眾成熟的東西
如果網站沒有完成,就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。
47.在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少,除非你把你的網站在主要的搜索引擎上進行登記。
48.設計一個留言板
瀏覽者願意把時間花在好的網站上,所以最好有一個留言本,這能激勵訪問者再次回到你的網站,還有助於擴充網站內容。
49.測試網站
在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50.「盡你所能反復測試所設計的網站,直到你不能發現新的東西為止」——專家忠告
51.演示即將發布的網站
在網站正式運行之前,讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。
52.動畫點綴 網頁上的動畫最多隻用一個。
53.「傾斜的按鈕看起來不會太好,最好不要使用。」——專家忠告
54.內容組織
在開始創建新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容,然後設計導航系統。
55.「空白萬歲」
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
56.「利用空白去吸引注意力。
為了吸引眼球,Web設計者使用各種方法, 比如:閃爍、旋轉等,但是利用空白會吸引更多的注意力。」——專家忠告
57.圖像壓縮
為了保持小的圖像,可以使用類似GIF向導的程序,它能自動對圖像進行壓縮。先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58.設計失敗的網站
——在它上面找一件T恤衫要花一個小時;
——給顧客承諾的服務太多,但真正實現的太少;
——二年以前的設計水平,忽視了顧客的需要;
——不吸引人,主頁太雷同
——設計太差
.
——沒有新意
——導航不知所雲
59.圖像大小屬性 可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
60.用戶注冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的信息。但是,要求訪問者在瀏覽網站之前進行注冊,這樣做是要冒風險的,因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。
61.使網站具有交互功能 在網站上提供一些回答問題的工具,使得訪問者能從網站上獲得交互的信息。
62.圖片更新
盡可能經常更換網站上的圖片,人們更願意點擊的是圖片而不是文本。
63.在網站上提供游戲
游戲是很好的交互工具,它是使訪問者能再次光顧網站的好方法。
64.挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。
65.使用最新版本的軟體
盡量使用Web設計軟體的最新版本。
如果覺得好的話,記得留言哦。
來源:http://www.fanxubo.cn 第二人生
⑨ 網站怎麼設計
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。
三、色彩的運用
色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。
四、造型的組合
在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。
五、設計的原則
設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。
統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。
分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目瞭然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸納。
對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。
和諧是指整個頁面符合美的法則,渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合,那麼作品將不但沒有「生命感」,而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。
六、網頁的優化
在網頁設計中,網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性,影響觀者對網站的印象。
在資訊類網站中,文字是頁面中最大的構成元素,因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上,我們一般使用黑色,這樣不易產生視覺疲勞,能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低,這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候,我們將表格的邊框設為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:瀏覽器在讀取網頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些站點時,等待多時無結果,按"停止"按鈕卻一下顯示出頁面就是這個原因。因此,我們在設計頁面表格的時候,應該盡量避免將所有元素嵌套在一個表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver製作網頁時,會自動在每一個td內添加一個空字元「 」。如果單元格內沒有填充其它元素,這個空字元會保留,在指定td的寬度或高度後,可以在源代碼內將其刪去。
網頁的適應性是很重要的,在不同的系統上,不同的解析度下,不同的瀏覽器上,我們將會看到不同的結果,因此設計時要統籌考慮。一般我們在800*600下製作網頁,最佳瀏覽效果也是在800*600解析度下,在其它情況下只要保證基本一致,不出現較大問題即可。
想設計製作網頁網站的也可以十我交流:前面是dzh,後面是xx09。
⑩ 自己怎麼設計網站
設計一個網站不是一件容易的事情,不是簡單的拼湊幾張圖片就可以的,設計一個網站需要你有美術功底,然後要懂得顏色的搭配,要合理的布局等等,首先你只有知道自己要准備什麼,在整個網頁中放什麼,要根據網閘的內容進行排版和配色,這樣設計出的網站風格會更加統一.本文筆者為你介紹一些簡單的網站設計步驟: 一、網站風格確定 網站設計之前一定要確定好網站的風格,這是很重要的一步,如果風格沒有確定好,之後修改起來很繁瑣的,不同的網站有著不同的風格,譬如政府類型網站適合使用顏色較深的沉穩基調,各企業可以依照其產品特性創造獨有的風格,給年輕人使用的網站則可以更加無拘束地個性化。構成網站風格主要有三個基本要素:顏色、線條和形狀、版式。 二、挑選網站素材 網站風格確定好之後,就要選擇網站素材,比如:導航、網站的LOGO、網站的字體、網站里出現的小指示圖標等等,雖然這么說的很容易,要找到符合網站風格的素材很不容易,所以大部分還是需要設計師自己設計的,筆者推薦一個網站,上面有很多素材,站酷~裡面的素材可以下載下來自己修改的。