當前位置:首頁 » 網站資訊 » 宣威網站怎麼設計

宣威網站怎麼設計

發布時間: 2022-06-28 04:41:27

A. 網站的設計流程是如何

第一:構思網站的類型,內容以及排版。第二:選擇購買空間以及域名,還有備案。第三:上傳安裝程序以及後台管理設置

B. 網站怎麼設計

  • 1

    明確自己所創建的網站內容,網站的內容有很多,例如購物網站,招聘網站等等,所以得要有一個大致方向。

  • 2

    構建開發環境。

    (1)開發平台,例如VS等。(2)開發語言:ASP.NET、HTML、js等等。

    (3)選擇資料庫。(4)系統框架,例如Microsoft.NET Framework 4.0

    (5)IIS伺服器和瀏覽器

  • 3

    頁面布局。頁面布局在網站中起到至關重要的作用,目前常用的就是DIV+CSS,網站內容的結構要明確,不能過於繁瑣。

  • 4

    要有後台資料庫,一個網站沒有連接資料庫,後期維護是相當復雜的

  • 5

    無論做什麼樣的網站,都必須掌握網站編程語言,如ASP、PHP、HTML等等

  • 6

    網站源程序編輯好後,還需要申請網站虛擬空間和域名。

  • 7

    網站發布後,需定期維護網站,更新網站內容。

C. 網站怎麼設計

第一,做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。
對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。
第二,選擇好域名
域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。
第三:掌握建網工具
網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,網站製作者需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的
第四:確定網站界面
界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:
①欄目與板塊編排
構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:
●盡可能刪除那些與主題無關的欄目;

●盡可能將網站內最有價值的內容列在欄目上;

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。

另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:

●各板塊要有相對獨立性;

●各板塊要有相互關聯;

●各板塊的內容要圍繞站點主題;

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:

●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建

D. 如何設計網站

根據題主提出的問題你大概是想建一個營銷型網站是吧!但是苦於不知道怎麼寫建站方案,我這里可以給你一點建議,希望能幫助你。

1.網站設計的指導思想

其實就是網站定位,企業在每個不同的商業階段都會有不同的建站需求,首先我們要了解自身所處的市場環境,明確建設網站的核心目的,日後才能更好地把控建站方向。

還有一個是人群定位,我們需要了解我們最想抓住的客戶群體,通過分析他們的瀏覽習慣,從而來決定內容的層級劃分。

2.網站特色

網站特色不知道我可不可以理解為產品或服務特性,網站作為被動式的信息傳輸手段,要想完整地將企業的線下實力搬到線上來是非常困難的,因此在表現形式上我們需要進行深度思考。

3.網站功能

網站功能開發主要分為兩個模塊:前端和後端

前端頁面:包括文本、圖像、媒體、鏈接、表單、表格的生成。後台系統:包括開發後台登錄系統、開發商品管理、開發訂單系統、開發搜索系統、開發交易系統等等。還有涉及到資料庫、搭建伺服器這些比較繁瑣的工作。現在建站已經有一套非常成熟的體系了,不存在特別高的技術壁壘。

E. 怎麼設計網站

隨著網路技術的不斷發展,網路應用已經滲透到人類社會的各個角落。作為網路世界的支撐點的網站,更是人們關注的熱點:政府利用網站宣傳自己的施政綱領,日益成為與百姓交流的直通車;企業利用網站宣傳自己的形象,挖掘無限商機;個人利用網站展示個性風采,創建彼此溝通的橋梁。越來越多的人希望擁有網站,開辟網路世界裡的一片天地。如何設計一個出色的網站呢?關於這個問題,人們討論的很多,可以討論的內容也很多,加之網路技術的飛速發展,很難提出一個絕對權威和正確的設計思路,筆者不才,根據自己的設計體
會,總結出以下基本設計思路:

一、定位網站的主題和名稱

網站的主題也就是網站的題材,網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目,只要想的到,就可以把它製作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材:

第1類:網上求職
第2類:網上聊天/即時信息/ ICQ
第3類:網上社區/討論/郵件列表
第4類:計算機技術
第5類:網頁/網站開發
第6類:娛樂網站
第7類:旅行
第8類:參考/資訊
第9類:家庭/教育
第10類:生活/時尚
每個大類都可以繼續細分,比如娛樂類再分為體育/電影/音樂等小類,音樂又可以按格式分為MP3,VQF,Ra等,按表現形式分古典,現代,搖滾等。同時,各個題材相聯系和交叉結合可以產生新得題材,例如旅遊論壇(旅遊+討論),經典進球播放(足球+影視)按這樣分下去,題材可以有成千上萬種。這么多題材,如何選擇呢?遵循的原則如下:
1、主題要小而精
定位要小,內容要精。如果你想製作一個包羅萬象的站點,把所有你認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有,卻樣樣都很膚淺,因為你不可能有那麼多的精力去維護它。網站的最大特點就是新和快,目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示,網路上的"主題站"比"萬全站"更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某一方面的東西,肯定會選擇專買店。
2、題材最好是你自己擅長或者喜愛的內容
比如:你擅長編程,就可以建立一個編程愛好者網站;對足球感興趣,可以報道最新的戰況,球星動態等。這樣在製作時,才不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有熱情,很難設計製作出優秀的網站。
3、題材不要太濫或者目標太高。
"太濫"是指到處可見,人人都有的題材;比如軟體下載,免費信息。"目標太高"是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
如果題材已經確定以後,就可以圍繞題材給網站起一個名字。網站名稱,也是網站設計的一部分,而且是很關鍵的一個要素。你來看,"電腦學習室"和"電腦之家"顯然是後者簡練;"迷笛樂園"和"MIDI樂園"顯然是後者明晰;"兒童天地"和"中國幼兒園"顯然是後者大氣。我們都知道PIII的中文名稱"奔騰",如果改為"奔跑",可能就沒有今天這么"火"了。和現實生活中一樣,網站名稱是否正氣,響亮,易記,對網站的形象和宣傳推廣也有很大影響。我的建議是:
1、名稱要正
其實就是要合法,和理,和情。不能用反動的,色情的,迷信的,危害社會安全的名詞語句。
2、名稱要易記
最好用中文名稱,不要使用英文或者中英文混合型名稱。另外,網站名稱的字數應該控制在六個字(最好四個字)以內,四個字的也可以用成語。字數少還有個好處,適合於其他站點的鏈接排版。
3、名稱要有特色
名稱平實就可以接受,如果能體現一定的內涵,給瀏覽者更多的視覺沖擊和空間想像力,則為上品。例如:音樂前衛,網頁陶吧,e書時空等。在體現出網站主題的同時,能點出特色之處。

二、定位網站的CI形象

所謂CI(corporate identity),意思是通過視覺來統一企業的形象。一個傑出的網站,和實體公司一樣,需要整體的形象包裝和設計。准確的,有創意的CI設計,對網站的宣傳推廣有事半功倍的效果。具體的做法是:
1、設計網站的標志(logo)
就如同商標一樣,標志是你站點特色和內涵的集中體現,看見標志就讓大家聯想起你的站點。標志的設計創意來自你網站的名稱和內容:
(1)網站有代表性的人物、動物、花草等,可以用它們作為設計的藍本,加以卡通化和藝術化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。
(2)網站有專業性的,可以以本專業有代表的物品作為標志。比如中國銀行的銅板標志,賓士汽車的方向盤標志等等。
(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。採用不同的字體,字母的變形,字母的組合可以很容易製作好自己的標志。
2、設計網站的標准色彩
網站給人的第一印象來自視覺沖擊,確定網站的標准色彩是相當重要的一步。不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。舉個實際的例子就明白了:IBM的深藍色,肯得基的紅色條型,windows視窗標志上的紅藍黃綠色塊,都使我們覺得很貼切,很和諧。"標准色彩"是指能體現網站形象和延伸內涵的色彩。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。標准色彩要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,只是作為點綴和襯托,絕不能喧賓奪主。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。
3、設計網站的標准字體
和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的"與眾不同"和特有風格,我們可以根據需要選擇一些特別字體。例如,為了體現專業可以使用粗仿宋體,體現設計精美可以用廣告體,體現親切隨意可以用手寫體等等。
4、設計網站的宣傳標語
也可以說是網站的精神,網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如:鵲巢的"味道好極了";麥斯威爾的"好東西和好朋友一起分享";Intel的"給你一顆奔騰的心"等等。

三、確定網站的欄目

建立一個網站好比寫一篇文章,首先要擬好提綱,文章才能主題明確,層次清晰。如果網站結構不清晰,目錄龐雜,內容東一塊西一塊。結果不但瀏覽者看得糊塗,自己擴充和維護網站也相當困難。網站的題材確定後,並且收集和組織了許多相關的資料內容,但如何組織內容才能吸引網友們來瀏覽網站呢?欄目的實質是一個網站的大綱索引,索引應該將網
站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面:
1、要緊扣主題
將你的主題按一定的方法分類並將它們作為網站的主欄目。主題欄目個數在總欄目中要佔絕對優勢,這樣的網站顯的專業,主題突出,容易給人留下深刻印象。
2、設立最近更新或網站指南欄目
設立"最近更新"的欄目,是為了照顧常來的訪客,讓你的主頁更有人性化。如果主頁內容龐大,層次較多,而又沒有站內的搜索引擎,設置"本站指南"欄目,可以幫助初訪者快速找到他們想要的內容。
3、設立可以雙向交流的欄目
比如論壇,留言本,郵件列表等,可以讓瀏覽者留下他們的信息。
4、設立下載或常見問題回答欄目
網路的特點是信息共享。如在你主頁上設置一個資料下載欄目,便於訪問者下載所需資料。另外,如果站點經常收到網友關於某方面的問題來信,最好設立一個常見問題回答的欄目,既方便了網友,也可以節約自己更多時間。

四、確定網站的目錄結構

網站的目錄是指你建立網站時創建的目錄。例如:在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的上傳維護,內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議:
1、不要將所有文件都存放在根目錄下,會造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率。另外,上傳速度慢。伺服器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下,那麼即使你只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時間也將越長。所以,盡可能減少根目錄的文件存放數。
2、按欄目內容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如:企業站點可以按公司簡介,產品介紹,價格,在線定單,反饋聯系等建立相應目錄。其他的次要欄目,類似what's new,友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:關於本站,關於站長,站點經歷等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄。例如:CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。
3、在每個主欄目目錄下都建立獨立的images目錄
為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過3層,維護管理方便。
5、不要使用中文目錄
6、不要使用過長的目錄

五、確定網站的鏈接結構

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。建立網站的鏈接結構有兩種基本方式:
1、樹狀鏈接結構
類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出。優點是條理清晰,訪問者明確知道自己在什麼位置,不會"迷"路。缺點是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須繞經首頁。
2、星狀鏈接結構
類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便,隨時可以到達自己喜歡的頁面。缺點是鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。
這兩種基本結構都只是理想方式,在實際的網站設計中,總是將這兩種結構混合起來使用,達到比較理想的效果。比較好的方案是:首頁和一級頁面之間用星狀鏈接結構,一級和以下各級頁面之間用樹狀鏈接結構。

六、設計網站的整體風格

風格(style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志,色彩,字體,標語),版面布局,瀏覽方式,交互性,文字,語氣,內容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的,這些都是網站給人們
留下的不同感受。
風格是獨特的,是站點不同與其他網站的地方。或者色彩,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網路的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網站的。
風格是有人性的。通過網站的外表,內容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執著熱情,是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派",你可以用人的性格來比喻站點。如何樹立網站風格呢?我們可以分這樣幾個步驟:
1、確信風格是建立在有價值內容之上
一個網站有風格而沒有內容,就好比綉花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性,這是最基本的。
2、你需要徹底搞清楚自己希望站點給人的印象是什麼
可以從這幾方面來理清思路:
a.如果只用一句話來描述你的站點,應該是:()
參考答案:有創意,專業,有(技術)實力,有美感,有沖擊力
b.想到你的站點,可以聯想到的色彩是:()
參考答案:熱情的紅色,幻想的天藍色,聰明的金黃色
c.想到你的站點,可以聯想到的畫面是:()
參考答案:一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店
d.如果網站是一個人,他擁有的個性是:()
參考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創業者
e.作為站長,你希望給人的印象是:()
參考答案:敬業,認真投入,有深度,負責,純真,直爽,淑女
f.用一種動物來比喻,你的網站最像:()
參考答案:貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
g.瀏覽者覺得你和其他網站的不同是:()
參考答案:可以信賴,信息最快,交流方便,
h.瀏覽者和你交流合作的感受是:()
參考答案:師生,同事,朋友,長幼。
你可以自己先填寫一份答案,然後讓其他網友填寫。比較後的結果會告訴你:你網站現在的差距,弱點及需要改進的地方。
3、在明確自己的網站印象後,開始努力建立和加強這種印象
經過第二步印象的"量化"後,你需要進一步找出其中最有特色特點的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化,宣傳。以下做法可作參考:
(1)將你的標志logo,盡可能的出現在每個頁面上。或者頁眉,或者頁腳,或則背景。
(2)突出你的標准色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標准色彩一致的色彩。
(3)突出你的標准字體。在關鍵的標題,菜單,圖片里使用統一的標准字體。
(4)想一條朗朗上口宣傳標語。把它做在你的banner里,或者放在醒目的位置,告訴大家你的網站的特色是...。
(5)使用統一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。
(6)使用統一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
(7)創造一個你的站點特有的符號或圖標。
(8)用自己設計的花邊,線條,點。
(9)展示你網站的榮譽和成功作品。
(10)告訴網友關於你的真實的故事和想法。風格的形成不是一次定位的,你可以在實踐中不斷強化,調整,修飾。

七、總結:

網站設計充滿無窮魅力,僅靠一篇文章無法窮盡其中的奧秘。這條設計思路不一定完全適合於每個設計者,也不可能完全適合於各種設計的實際情況,全當拋磚引玉。仁者見仁,智者見智,希望更多優秀的網站出自於你我的手。文章中錯誤之處,望批評指正。

八、參考書目

1、《網頁標題製作技巧與實例》--呂少華--清華大學出版社
2、《FrontPage 2000從入門到精通》--成棟等譯--電子工業出版社
3、《Web可用性設計》--〔美〕Jakob Nielsen著--人民郵電出版社
4、《網站架構與美工黃金組合》--天藍工作室著--人民郵電出版社
5、《網頁設計與網站開發---HTML網頁製作網站開發完全實戰》--伍梵華--航空工業出版社
6、《廣告製作》--樊志育--人民郵電出版社

F. 網站設計的步驟

  • 網頁設計第一步是做整體框架規劃,比如網站需要哪些項目,需要做一個整體的目錄。類似下方圖片。這一部分是最重要的,因為無框架不網站。

如果有幫助的話,記得採納哦!

G. 如何設計一個網站

網站設計對於網站來說是非常重要的,關乎到網站開發出來是否美觀等問題,一般是需要專業的設計人員的。
1、網頁設計第一步是做整體框架規劃,比如網站需要哪些項目,需要做一個整體的目錄。
2、然後是開始網頁設計了,首先是網頁的logo和頭部,這一部分的難點就在於你的logo要怎麼排布,按照網頁視覺設計的標准,是要做一條標准參考線的。所以logo的位置非常重要。
3、接下來是我們的導航欄,我這里做的是最簡單的,只是做展示。你要設計的是導航欄各項目的位置,按鈕形狀等。如果有搜索,也需要考慮在其中。
4、第三步是設計網站的banner,也就是所謂的視覺區。視覺區一般是要圖片,因為圖片可以讓用戶打開網站第一眼就了解你網站的定位,從而決定要不要繼續瀏覽。你要設計的是banner的尺寸,如果要做幻燈片的話,會如何變化。
5、接下來設計的是內容區,根據不同的內容設置不同的展現方式。例如簡介的話可以是一張圖片加一段文字,如果是產品介紹的話,可以是多張圖片+簡介。
6、做好了主內容區,就剩下footer部分設計了。footer一般關繫到網站的優化。footer部分包括的內容就根據不同的網頁進行設計,例如展現你公司位置的地圖,你想要體現的網站,甚至友鏈部分,都在這里。
7、當然,單純靜態頁面很不好看。所以產品可能會要求做一些效果,例如懸浮窗,滑鼠放上去後會實現動畫效果等。對應的內容也需要網頁設計進行製作。

H. 網站設計要怎麼設計

網站設計精華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 第二人生

I. 網站如何設計

最基本的當然是搜索引擎優化的問題:這是我們經常遇到的問題了,搜索引擎優化工作應當在設計之前就考慮進去,作為設計的先決條件存在。缺乏良好的結構、關鍵詞分布,反向鏈接的話,在漂亮的界面用處也不大。

2.
是缺乏真正意義上的設計:在設計過程中,最好不要太標新立異,最好能符合大多數人的審美觀念