網(wǎng)站規(guī)劃設(shè)計(jì)的一般流程
一、創(chuàng)建網(wǎng)站的簡(jiǎn)介
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)圖形設(shè)計(jì),界面設(shè)計(jì),創(chuàng)作,其中包括標(biāo)準(zhǔn)化的代碼和專(zhuān)有軟件,用戶(hù)體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。易雅網(wǎng)許多人常常會(huì)分為若干個(gè)工作小組,負(fù)責(zé)網(wǎng)站不同方面的設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)過(guò)程的前端(客戶(hù)端),通常用來(lái)描述的網(wǎng)站,并不是簡(jiǎn)單的一個(gè)頁(yè)面,一個(gè)網(wǎng)站是包括很多工作的,其中包括域名注冊(cè)設(shè)計(jì)效果圖,布局頁(yè)面,寫(xiě)代碼等工作。
二、創(chuàng)建網(wǎng)站的步驟
1、申請(qǐng)域名
2、申請(qǐng)空間
3、定位網(wǎng)站
4、分析網(wǎng)站功能和需求(網(wǎng)站策劃)
5、網(wǎng)站風(fēng)格設(shè)計(jì)
6、網(wǎng)站代碼制作
7、測(cè)試網(wǎng)站
8、FTP上傳網(wǎng)站
9、完善資料
10、網(wǎng)站推廣維護(hù)
三、創(chuàng)建網(wǎng)站的符合標(biāo)準(zhǔn)
符合標(biāo)準(zhǔn)的是一個(gè)術(shù)語(yǔ),經(jīng)常被用來(lái)描述網(wǎng)站和用戶(hù)代理(通常是Web瀏覽器)相對(duì)符合web標(biāo)準(zhǔn)由萬(wàn)維網(wǎng)聯(lián)盟(W3C)建議,也可以用來(lái)強(qiáng)調(diào)不使用專(zhuān)有的 方法或功能這些瀏覽器,以確?;ゲ僮餍?。這個(gè)詞也被用來(lái)作為代碼為“Internet Explorer以外的瀏覽器'。雖然沒(méi)有完美的瀏覽器無(wú)縫地堅(jiān)持當(dāng)時(shí)都在安全標(biāo)準(zhǔn),已經(jīng)取得了巨大的進(jìn)步,由幾個(gè)主要的網(wǎng)頁(yè)瀏覽器(如Mozilla的火狐和Google Chrome)在過(guò)去的幾年中,這將確保在未來(lái)更好的互操作性。
四、建站流程
1、設(shè)定目標(biāo)
網(wǎng)站建站流程開(kāi)始先為網(wǎng)站設(shè)立一個(gè)目標(biāo),這個(gè)目標(biāo)不是簡(jiǎn)單的,比如:我想做個(gè)漂亮的網(wǎng)站,或者我想做個(gè)強(qiáng)大的網(wǎng)站。你要先問(wèn)問(wèn)自己,為什么我要做這個(gè)網(wǎng)站?然后想吸引哪些人去訪問(wèn)這個(gè)網(wǎng)站?你不要指望網(wǎng)站所有人都會(huì)喜歡,你的這個(gè)網(wǎng)站描述的越詳細(xì),你的網(wǎng)站就越有可能會(huì)成功!
比如大部分的網(wǎng)站目標(biāo)可能就是吸引潛在客戶(hù),然后購(gòu)買(mǎi)公司的產(chǎn)品或者是服務(wù)。我們應(yīng)該對(duì)這個(gè)目標(biāo)描述的再詳細(xì)一些。比如一家IT培訓(xùn)機(jī)構(gòu),他的主營(yíng)培訓(xùn)項(xiàng)目呢就是IT職業(yè)培訓(xùn),那么他的網(wǎng)站目標(biāo)可以是這樣:吸引18-26歲之間,沒(méi)有工作或者是對(duì)工作不滿(mǎn)的,喜歡計(jì)算機(jī)的年青人,通過(guò)網(wǎng)站了解IT職業(yè)然后選擇培訓(xùn)科目。
2、整理內(nèi)容
這個(gè)網(wǎng)站一旦被設(shè)立目標(biāo)以后,隨著來(lái)的就是它要執(zhí)行的任務(wù),我們?yōu)榱送瓿蛇@些任務(wù)呢,下一步就是要整理網(wǎng)站的內(nèi)容。包括文章、圖片、視頻,然后我們把網(wǎng)站的結(jié)構(gòu)設(shè)立出來(lái),比如我想把網(wǎng)站的內(nèi)容分成哪幾個(gè)單元,每個(gè)單元的下面有什么樣的分類(lèi),最后你還要考慮網(wǎng)站的功能,你的網(wǎng)站需不需要留言功能啊,論壇啊等等,然后可以根據(jù)這些需求,開(kāi)始制定網(wǎng)站建設(shè)方案。
靜態(tài)網(wǎng)頁(yè)
靜態(tài)網(wǎng)頁(yè)多數(shù)為單一的超文件標(biāo)示語(yǔ)言檔案。網(wǎng)站建設(shè)皆?xún)A向把動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)化,之后提交百度谷歌等搜索引擎最佳化,即網(wǎng)站優(yōu)化俗稱(chēng)“偽靜態(tài)”。設(shè)計(jì)和構(gòu)建網(wǎng)站步驟,建立一個(gè)網(wǎng)站是一個(gè)偉大的方式來(lái)與世界分享您的想法和思想,全力以赴閱讀!
動(dòng)態(tài)網(wǎng)頁(yè)
動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容隨著用戶(hù)的輸入和互動(dòng)而有所不同,或者隨著用戶(hù)、時(shí)間、數(shù)據(jù)修正等而改變。動(dòng)態(tài)代碼的一個(gè)網(wǎng)站,是指它的建筑或它是如何建成的,更具體的是指用于創(chuàng)建一個(gè)單一的網(wǎng)頁(yè)的代碼。動(dòng)態(tài)的Web頁(yè)面是動(dòng)態(tài)生成的代碼,程序或例程拼湊塊。動(dòng)態(tài)生成的網(wǎng)頁(yè)會(huì)記得各種比特的信息從數(shù)據(jù)庫(kù)中把它們放在一起,在一個(gè)預(yù)先定義的格式呈現(xiàn)為讀者提供了一個(gè)一致的頁(yè)面。在讀取cookie識(shí)別用戶(hù)以前的歷史,會(huì)話變量,服務(wù)器端變量等多種方式,包括與用戶(hù)交互,或通過(guò)直接互動(dòng)(表單元素等)。一個(gè)站點(diǎn)可以顯示用戶(hù)的當(dāng)前狀態(tài)之間的對(duì)話,監(jiān)控不斷變化的情況,或提供一些個(gè)性化的要求的個(gè)人用戶(hù)的信息。
網(wǎng)站規(guī)劃設(shè)計(jì)
六、網(wǎng)頁(yè)布局
網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型,在這里就不做一一論述了。其實(shí)在我們做設(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式,最重要的是抓住客戶(hù)的需求,把握網(wǎng)站的定位做出合理的框架布局。
三欄式網(wǎng)頁(yè)設(shè)計(jì)布局
1、 分辨率
網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式:百分比、像素、像素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用,行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題,常用的是1024*768和800*600的分辨率,網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度,在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑,有種不透氣的感覺(jué),其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度,不代表最佳視覺(jué),不妨試試760~770的像素,不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺(jué)效果。
2、合理廣告
在一些網(wǎng)站的廣告(彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等……)讓人覺(jué)得很煩瑣,根本就不愿意來(lái)看,有時(shí)連你這個(gè)網(wǎng)站都不上了,這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。
浮動(dòng)廣告有兩種,第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告,第二種是滿(mǎn)屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種,不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶(hù)的心理、妨礙到用戶(hù)瀏覽信息,適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買(mǎi)步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶(hù)分心,避免客戶(hù)流失等……
3、空間的合理利用
很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn),用一個(gè)字來(lái)形容,那就是“塞”,它將各種各樣的信息如文字、圖片、動(dòng)畫(huà)等不加考慮的塞到頁(yè)面上,有多少擠多少,不加以規(guī)范,導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便,主要就是頁(yè)面主次不分,喧賓奪主,要不就是沒(méi)有重點(diǎn),沒(méi)有很好的歸類(lèi),整體就像個(gè)大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡,也可以用個(gè)“散”字來(lái)形容。
4、文字編排
在網(wǎng)頁(yè)設(shè)計(jì)中,字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣。
①文字圖形化
文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn),這種形式在頁(yè)面的子欄目里面最為常用,因?yàn)樗哂型怀觯瑫r(shí)又美化了頁(yè)面,使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果。是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。
②強(qiáng)調(diào)文字
如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn),則可以通過(guò)加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果,使其在頁(yè)面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
它由域名(domain name 俗稱(chēng)網(wǎng)址),網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。域名(俗稱(chēng)網(wǎng)址);網(wǎng)站空間由專(zhuān)門(mén)的獨(dú)立服務(wù)器或租用的虛擬主機(jī)承擔(dān);網(wǎng)站源程序則放在網(wǎng)站空間里面,表現(xiàn)為網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)。
聲明:免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)
送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)
需注明出處:新網(wǎng)idc知識(shí)百科