網站早已不再神秘,再也不是什么高技術活。普通用戶也可以輕松的建立出相對專業的網站。下面向大家簡單介紹一下個人建站的一些
流程和注意事項。
前期準備
一、客戶提出建站申請
客戶通過電話、電子郵件或在線訂單方式提出自己
網站建設方面的"基本需求"。 涉及內容包括:
1 、 公司介紹
2 、 項目描述
3 、 網站基本功能需求
4 、 基本設計要求
二、方案報價
對客戶的需求予以回復并提供"
網站建設需求分析書"一份,包括 解決方案和具體報價供客戶參考。
三、確定合作意向
雙方以面談、電話或電子郵件等方式,針對項目內容和具體需求進行協商,產生合同主體及細節
四、簽署合同書
雙方認可后,簽署"
網站建設合同書"。合同附件中包含"網站制作需求書"及"網絡維護說明書"各一份
定位網站的訪客
只有確定了自己服務的對象是誰,才能有的放矢地設計網站,在內容選取、美工設計、劃分欄目各方面盡力做到合理,并吸引住更多的眼球。 就個人站點而言,大多是為了展示自我的風采,為眾多有共同興趣愛好的朋友(網友)提供其所需的咨詢(如新聞、公告等)和資源(如計算機教程、游戲攻略、桌面屏保等)。所以把訪問者定位在和自己年齡相仿的網友方面是比較合適的(建議年齡范圍是15至30歲之間,其中有學生和年輕的上班族,是上網的主要人群,而且對新事物充滿的好奇心,估計興趣在動漫、音樂、小說、軍事、電腦、游戲等方面),按這部分網友的興趣把內容收集起來,然后,加以分類整理就可以大致上確定站點的發展方向了。 當然,在站點正式運作后,也可以通過調查表單和E-mail來了解訪問者對站點的看法和建議,從而及時做出調整和修改,讓站點更適合來訪者的口味,具體方法會在下文中涉及,這里就不重復了。
頻道
網站頻道就是網站的大框架,也就是主體部分,比如:首頁,公司簡介,新聞動態,產品展示,在線留言,聯系我們等,這是標準的企業網站的內容。如果你有特定的框架,請您一一列出,這樣方便我們設計。
確定網站的整體風格
知道了什么樣的人會來訪問你的
網站,以及要做什么樣的內容,就可以確定需要什么樣的風格了。如果有美工基礎的話,只要再加上少許的創意,就可以做出非同一般的效果。讓人看一眼就留下深刻印象的站點,無論對于吸引眼球還是增加回頭率都是大有益處的。(建議:使用FrontPage2000里設定的模版——其實就是Microsoft請專業美工師為我們設計的站點布局,而且每個模版都各具特色——相信對于網站制作的新手動手做出自己的個性,一定會有很大幫助。) 另外,風格(Style)是非常抽象的概念,往往要結合整個站點來看,而且不同人的審美觀也不相同,對于風格的喜好也很不同。所以想使每一個人都滿意是不可能的,最重要的是先讓自己滿意(當然自己的滿意有很大程度是建立在訪問者滿意上的),再照顧忠實的支持者。 建議:如果站點內容范圍不太廣,屬于相同的主題,可以考慮整個站點設計為同一種風格;但如果各欄目的差異很大,比如站點里既有嚴肅的軍事欄目,同時也有輕松活潑的動漫欄目,很顯然將這兩者設計成各有特色的風格會更使人感覺舒適。可是不管用什么風格,都要記得風格是為主題服務的,也就是要讓它做好襯托氣氛的任務,而不是單純地照搬照抄別人的特色,因為也許那并不適合你的站點。
預算
如果您對您的網頁不清楚,沒經驗,不要緊,您最好告訴建站公司您最大程度的預算,他們會全程為您提供服務。
建設格式
靜態網頁
這類建站方式是最原始的
網站建設方法,就是用軟件( FrontPage、 Dreamweaver )直接制作成靜態頁面,然后通過超級鏈接把它們組合到一起,這樣就制作成了一個
網站。 這類建站方式比較適于不經常更新而且數據較少的網站。但是它有很多缺點,其中最大的缺點是:容易出現錯誤連接,無法更新,每次變動都需要手工修改文件。
動態網頁
動態網頁的內容隨著用戶的輸入和互動而有所不同,或者隨著用戶、時間、數據修正等而改變。
網頁布局
網頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型,在這里就不做一一論述了。其實在我們做設計的時候并沒有過多的去考慮什么形式,比如我們在一張紙看到一個圓形的東西,很容易可以聯想到它像太陽,而有些人則聯想到月亮等等…這都是一種形式比喻,最重要的是抓住客戶的需求,把握網站的定位做處合理的框架布局。
1、 分辨率
不同的瀏覽器對網頁會做出不同的顯示,在Internet Explore里非常漂亮的頁面,用Netscape顯示可能是一團糟。所以即使在現在這種IE一統天下的時候,也要考慮少數使用Netscape的用戶,也許他們正是你的潛在訪客,你總不愿意因為自己的懶惰而失去他們吧!把每個網頁都放在兩種瀏覽器里看看,有什么問題馬上解決。 如果考慮到IE和Netscape老版本的兼容性就更好了,因為有寫新的網頁技術(比如框架)老版本的瀏覽器并不支持。 排除在UNIX操作系統下使用的瀏覽器(比如Emacs-W3、Arena、Amaya等),另外有些瀏覽器使用的是IE內核(很多國產的瀏覽器都是),又或是市場占有率不高(比如Opera、Firefox等),這里就不一一敘述了。 1024×768,800×600是使用最多的兩種分辨率,一個網頁在這兩種分辨率里都能很好顯示是最好的,但如果不行的話,請最先考慮800×600,因為現在大多數人都在使用它。具體做法:可以在網頁里做個表格,并且把寬度設置為“100%”,而不是具體的象素值,這樣一來,網頁就會在不同的分辨率里自動調整。但需要注意的是,這樣設置后,如果你的表格里又都是文字內容的話,只要瀏覽者縮小瀏覽器的窗口,網頁上的內容可能會變得很不協調,甚至會破壞你原先所期待的效果。解決辦法是在表格里插入一個寬度為800象素的圖片,把表格“撐滿”,當瀏覽器窗口再縮小的時候將會出現滾動條來代替內容上的調整。
2、合理廣告
在目前一些網站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等……)讓人覺得很煩瑣,根本就不愿意來看,有時連你這個
網站都不上了,這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。 浮動廣告有兩種,第一種是在網頁兩邊空余的地方可以上下浮動的廣告,第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下盡量使用第一種,不可避免第二種情況時盡量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心,避免客戶流失等……
3、空間的合理利用
很多的網頁都具有一個特點,用一個字來形容,那就是“塞”,它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規范,導致瀏覽時會遇到很多的不方便,主要就是頁面主次不分,喧賓奪主,要不就是沒有重點,沒有很好的歸類,整體就像個大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡,也可以用個“散”字來形容。 并非要把整個頁面塞滿了才不覺得空,也并非讓整個頁面空曠才不覺得滿,只要合理的安排、有機的組合,使頁面達到平衡,即使在一邊的部分大面積留空,同樣不會讓人感到空,相反這樣會給人留下廣闊的思考空間,給人回味又達到了視覺效果。
4、文字編排
在網頁設計中,字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。
4.1文字圖形化
文字圖形化就是將文字用圖片的形式來表現,這種形式在頁面的子欄目里面最為常用,因為它具有突出,同時又美化了頁面,使頁面更加人性化加強了視覺效果。是文字無法達到的。對于通用性的
網站弊端就是擴展性不強。
4.2強調文字
如果將個別文字作為頁面的訴求重點,則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
網站配色
1、用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,(說得通俗些就是將色彩變淡或則加深),產生新的色彩,用于網頁。這樣的頁面看起來色彩統一,有層次感。
2、用兩種色彩。先選定一種色彩,然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進行微小的調整。整個頁面色彩豐富但不花稍。
3、用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。也就是在同一色系里面采用不同的顏色使網頁增加色彩,而又不花,色調統一。這種配色方法在
網站設計種最為常用。
4、灰色在網頁設計中又稱為“萬能色”,其特點是可以和任何顏色搭配,在使用時把握量避免網頁變灰。 在網頁配色中,盡量控制在三種色彩以內,以避免網頁花、亂、沒有主色的顯現。背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
要素
1、明確目的精心策劃
設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要謹慎處理和籌劃。換言之,我們必須首先確定自己需要傳達的主要信息,然后仔細斟酌、把所有意念合情合理地組織起來;之后是設計一個頁面式樣,試用于有代表性的用戶,接著重復修訂,務求盡善盡美。永遠不要忘記,企業建立網站,是為企業服務的,不是要變成網絡公司,更不是經營
網站的。業務、產品、服務是最重要的。
2、保持網頁的樸素
一個好的網站最重要的一點就是界面的簡單、樸素。你聽說過“KISS”法則嗎? “Keep It Simple Silly.”適用于所有的站點。制作者們很容易掉入這樣一個陷阱,即把所有可能用到的網頁技巧,例如:框架、表格、字體、GIF動畫等等都用上,這當然是好的,但如果多了的話就會讓你的訪問者眼花繚亂,不知所措,也不會給他們留下很深的印象。記住,只是因為你可以創建一個效果,但并不意味著你必須創建這個效果。先問一問你自己:我在網頁上加入這個技術有什么價值?是否能更好的向訪問者表達我的主題?
3、簡單并不等于乏味
簡單的真正含義并不是遲鈍和乏味。許多人會被網站多余的奇特效果所迷惑,而忽視了信息的有效性。保持簡單的真正含義就是:想一想如何使自己網站的信息與你的訪問者所期待和所需要的一樣。應該把技術和效果用在適當的地方,用在有效信息上,讓訪問者關注他們想關注的東西。清晰的設計+有效的技術=一個好的站點。
4、提高被查詢的機會
在HTML代碼中加入適當的語法,并把網頁登錄到世界各大引擎和分類目錄中,才能使你的網站能被訪問到,才能發揮網站的商務功能和效益。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和Whats new頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。 當然要素不僅僅只有這些,還有更多的需要去被注意。這樣才能設計完美的企業網站。
作用
企業形象展示與提升
互聯網作為唯一一種全天候24小時不間斷的媒體平臺是傳統媒體可望不可及的。作為一個企業,在互聯網上建立自己的
網站,最顯而易見的就是可以向世界展示自己的企業風采,讓更多人了解自己的企業,使企業能夠在公眾知名度上有一定的提升。 隨著全球化進程的推進,企業越來越多地要和外界發生行業內外的信息溝通,在時機成熟時,這種信息溝通就會成為潛在的交易,因此行業內經常舉辦一些交易會、展覽會。而在互聯網上,信息的溝通非常方便,非常廉價,甚至比起傳統方式(如電話,傳真)來還要更加豐富。我們再也用不著將大量的產品介紹、產品信息郵寄給遠方那些僅僅對此有意向的客戶那里,可以將產品陳列在互聯網上供人們瀏覽選擇。 總而言之,建立了自己的網站就等于找到了自己企業的一個永久的廣告發布平臺。
網絡化的業務用戶管理
在一個有相對規模的企業中,信息流、物流、資金流的管理應該有一個比較規范和科學的流程。而網絡的出現,恰恰滿足了這種業務管理自動化的需要。在這里,網絡在提高效率,比如內部新聞通告,訂貨管理,客戶管理,采購管理,員工管理、好宜居等等許多繁雜的工作都可以在互聯網和局域網上很輕松地完成。
開展電子商務
直接利用互聯網開展電子商務,是企業上網的理想目標,目前對于一些大型公司來說這已成為了現實。他們已經嘗到了電子商務帶來的巨大好處:內部信息數據的瞬間溝通、人員聯系的日趨緊密、業務開展效率加快、國際化成分的日益增加、大量門面與分支機構的消減所帶來的資金節約等等。 但是電子商務平臺搭建的代價和風險又是相當巨大的,非一般中小企業所能承受。那么中小企業就無法開展電子商務了嗎?答案當然是否定的,作為專門為中小企業提供電子商務方面服務的軟件公司絡正在為此做著不懈的努力。我們推出的簡約方案,既滿足了企業的各方面需要,又使企業在相應費用上投入極小,盡可能使企業的風險降至最小。
經驗技巧
一、網站主題規劃
主題不可過于分散,網站主題越集中,一般情況下
網站所有者在這方面投入的精力會更多,因此所提供信息的質量也會越高。
二、豐富網站內容
兩者相輔相成,有著豐富內容的通常會受訪問者的歡迎。但是這里的內容豐富并不是指內容的繁雜,而是指內容的深度。搜索引擎在排名網站時,不僅要看網頁的信息相關度,同時也會考慮
網站的聲望如何,比如外部鏈接有多少,網頁的點擊率有多高等等。因此一個內容充實的網站肯定會排在內容貧乏的網站前面由于不同的搜索引擎在網頁支持方面存在差異,因此在網頁設計時不要只注意外觀漂亮,許多平常設計網頁時常用到的元素到了搜索引擎那里會產生問題。
三、框架結構
有些搜索引擎(如FAST)是不支持框架結構的,他們的"蜘蛛"程序無法閱讀這樣的網頁。圖象區塊(Image Maps),除AltaVista、Google明確支持圖像區塊鏈接,其他引擎是不支持它的。當"蜘蛛"程序遇到這種結構時,往往會感到茫然不知所措。因此盡量不要設置Image Map鏈接。
四、特效鏈接
有不少的網站為導航鏈接加上了特效,如點擊某個項目會展開下層鏈接等。這些效果一般通過Java script實現,視覺上非常新穎,但在"蜘蛛"程序的眼里則沒那么誘人,相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到網頁,建議還是犧牲掉一些花哨的東西。 五、FLASH
雖然FLASH制作的網頁視覺效果較好,但搜索引擎對此卻不太感冒,個案表明這一類的
網站很難被
百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網頁兩種選擇,這樣即增加了網頁的觀賞性,又照顧到了搜索引擎的情緒。
六、動態網頁
任何地址中帶“?”號、“&”號(及其他類似符號)的網頁都會把“蜘蛛”程序擋在門外。這些網頁通常由 CGI、PHP、ASP等程序產生,技術上較先進,但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動態網頁的能力,但相當一部分數引擎還是不支持它的。而且即使是能夠索引 動態網頁的Google,也在多個場合中明確表示不保證檢索全部的動態網頁。