網站制作方法及網站制作簡易流程介紹

合理運用新技術：如果不是介紹網絡技術的專業站點，新的網站制作技術幾乎每天都會呈現。一定要合理地運用網頁制作的新技術，切忌將網站變為一個制作網頁的技術展臺，永遠記住用戶方便快捷地得到所需要的信息是最重要的對于網站設計者來說，必需學習跟蹤掌握網頁設計的新技術如JavaDHTMLXML等，根據網站的內容和形式的需要合理地應用到設計中。

1謀劃與草圖

會創造，1.1所有網站和其它設計作品的過程都是從策劃開始的這是最能體現你才氣和創造力的地方。人最大的區別于其它動物的地方就是會思考。而且唯有這點是難能可貴的!必需要在動手打開PS或FW制做界面前就要完成一個網站最最關鍵的謀劃局部，將直接影響

不只做得漂亮，這個網站的成敗與否。一個優秀的網站。而且要方便瀏覽，可讀性強，簡潔明快!

用色，網站的風格。版式，布局，欄目甚至每個細小的圖標都要經過精雕細琢，深思熟慮。而風格的制定要取決于你所做網站的瀏覽人群和讀者職業背景、文化水平和修養喜好等，只有投其所好才干最大化地產生共鳴;另一方面取決于公司的類型和企業法人的喜好，如果不是要強加入你自己的意志的話，那上述幾點已經制定了網站大致的努力方向了!

所以我采用簡約風格，1.2本站是商業化的網站面向企業為主。亮麗明快的顏色和風格，只要學學平面構成和色彩構成就知道如何按其風格去布置各個元素和內容，以及用何種顏色來營造你要表達的效果了包括冷暖明暗都是很關鍵的大面積的中性色不刺眼，而重要的引導視線可以讓亮色來擔當，冬天喜歡暖色夏天喜歡冷色是人之常情，藍色那種給人以信任和科技的底韻是選擇它原因，而像橙、黃等促進食欲的顏色更容易受到食品網站的青睞!

1.3本著簡潔科學的分類原則來劃分欄目:首頁客戶中心窄告介紹合作媒體罕見問題媒體報道關于我

影響框架的調整，欄目如果劃分不好的話。后果就是:重頭再來了郁悶吧?

所以要做得本地化，本網站主要面向濰坊企業。讓人看了感覺親切，而且要做得漂亮，廢話!!

盡是具體些，1.4好了完成上面這些后請拿起筆在紙上按你創意和設想畫一草圖。最好精細到每處陰影和描邊!這步很關鍵的說!

LOGO廣告語，1.5本節最后就是準備制做網站時所需要的素材了包括圖標。內容介紹等這都是最基本的!

2設計與制做

這是最喜歡的也因為用慣了嘛!^^養兵千日用兵一時，2.1如果草圖都已經繪制完美后就可以打開PS或FW開工制做和設計我界面了這里我使用PS雖然沒有FW高效和專業但更加靈活和自由。平時的練習和學習在這里派上用場了!呵呵!

還可以采用你自己獨特的手法，2.2可以在新建的778*600頁面中先打框架然后再采用逐步細化的方法。比如透明玻璃水晶按鈕等效果來營造特別的風格，要力求簡約和精致!不要放過每個細節的刻畫，即使是1*15%透明度的陰影都會給你頁面增彩，別以為他人看不見!

這樣可以方便分類和編輯，2.3最好養成分層的習慣。不至于把上百個圖層放在一下層級里搞得一團亂麻，分不清楚。

所以請養成分類并為每個圖層命名的習慣，作為一名優秀的設計師應該有條理。這決不是浪費你時間!

3切割與導出

切割的原則都是一樣的請遵從以下幾個方面無論是PS還是FW哪怕是AI做的設計界面。:

如國字型或T字型，3.1首先要按大致的框架切割。注意其完整性

3.2對于要輸入的文字區域、大面積色塊或單獨的圖片以及flash動畫要單獨切割成非圖片格式的切片以備插入

若有圖案要保證可以重復排列3.3對于添加內容需要很長的區域要注意其伸縮性切割。

不要空留一行或列的一個象素的間隙，3.4切割時要特別認真和小心。要放大讓切片都對齊，不留空隙

以及創建需要改變圖片外觀的切片等3.5其它如按鈕和空白處等自動生成的切片。

選擇文件另存為WEB頁命令，切割完畢后。導出為HTML文件待DW編輯。

4編輯與模板

包括大表格居中，4.1DW中打開導出的HTML文件開始編輯。設置背景，修改空白可輸入區單元格背景為原來切割的圖片等

包括最基本的TD和ALINK等標簽，4.2將編輯完畢的文件添加CSS樣式。然后存為模板DWT文件，并^+alt+v新建可編輯區域

4.3通過模板新建各個頁面并添加入相應的內容

5動畫與廣告

使用相應的文字內容和廣告語，5.1按原來切片所容留的大小制做FL動畫廣告條。FL中新建文件

排版并轉換為元件578*105.2復制粘貼廣告詞到場景中。4

調試節奏后發布為SWF文件5.3添加相應的背景和動畫。

其它頁面會自動更新5.4拔出到DW中的模板頁并調整大小后存盤。

6鏈接與上傳

本步驟也可在第四節完成6.1重新設置模板頁的導航鏈接。

確保鏈接可正常訪問6.2外地打開首頁檢查鏈接與文字內容直到無錯。

域名解析勝利后在瀏覽器中瀏覽網上的效果并做相應后期維6.3上傳到申請的空間。

網頁優化之選擇正確的關鍵詞

同時也是多數人容易忽視的問題。人們往往隨隨便便想出幾個關鍵詞，如何挑選關鍵詞是網頁優化中最重要的方法之一。將它用在網頁中，然后把這些頁面提交到搜索引擎，以為就能得到好的排名。殊不知此舉通常是不會為你帶來理想的效果的

應該花些時間琢磨到底哪些是需要的目標關鍵詞或關鍵詞組。搜索引擎絕對是重要的訪問來源渠道，對網頁進行優化前。但要充分利用它優勢，必需花一些工夫。

別急于求成。坐下來，首先要避免激進。打開你最喜歡的文字編輯工具軟件，再在另一個窗口中打開你網頁，從頭到尾將你網頁讀一遍，然后停下來思考下面的問題:

網頁是有關哪方面的內容?

文中哪些詞能夠準確地描述整個網頁的內容?

可能使用的關鍵詞有哪些當某個人在搜索引擎上查找類似的信息時。?

立刻將所想到詞或詞組記錄下來，當你找到答案。然后從中挑選出最適合你關鍵詞。做法是關鍵詞列表中選出1-2個中等熱門關鍵詞(因為太熱門的關鍵詞往往不容易獲得好的名次)并以該關鍵詞為基礎將網頁進行重點優化，同時還把一些次要的比較冷門的關鍵詞也用在網頁中，以期在以這些不常見的關鍵詞搜索時，網頁也能出現在結果中。

將你網站中的各個頁面都進行優化。注意要為每一個網頁制訂出一套獨特的關鍵詞列表。不同頁面的關鍵詞列表之間不能形成"競爭"關系，重復以上方法。而是應該各有側重。但這并不意味著每個頁面的關鍵詞列表必需完全不同，關鍵詞列表之間存在某些相似之處并無大礙，但必需注意關鍵詞列表不能100%完全相同，因為在20個搜索引擎上獲得好的排位總強過在單個搜索引擎中獲得20個好的排名。

但其中可能包括一些極熱門的單詞，好了現在有了一整套關鍵詞列表。比方“MP3book或“Comput等等。接下來要做的事是將這些熱門單詞打散。這聽起來似乎有些殘暴，但如果你個初學者，根本不可能在這些關鍵詞上獲得好的名次的即使是搜索引擎登錄專家(得說是大部分專家)也都盡量回避這些關鍵詞，因為它實在太熱門了有不可勝數個網站都以它作為目標關鍵詞參與競爭，即便你網頁優化技巧再高超，也不可能保證能夠排名靠前，因此你需要將這些關鍵詞具體化。

但相對原來的關鍵詞來說就容易多了不管怎么說，想想上述關鍵詞有哪些變形形式。如果你原打算用“book那么改為“buiusbookonlin或者“antiqubookstor如何?這些詞組項下取得好名次雖然也不易。以一個中等熱門關鍵詞在搜索引擎上排位前10名，要比以一個熱門關鍵詞排在第500名要好得多。

也許打算用它來優化網頁。但使用錯拼關鍵詞通常會影響網站的權威性。會從一個連自己的商品名稱都寫不對的商家購買產品嗎?想不會。因此使用錯拼單詞時一定要小心。如果某個與你網站內容有關的單詞經常被錯拼。

商業網站設計主要原則

離開網站(或者只是利用第三方網站)去談電子商務是不可能的企業的網址被稱為“網絡商標”也是企業無形資產的組成局部，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。網站是企業向用戶和網民提供信息(包括產品和服務)一種方式,企業開展電子商務的基礎設施和信息平臺。

一、明確建立網站的目標和用戶需求

因此必需明確設計站點的目的和用戶需求，Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑。從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，牢記以“消費者(custom為中心，而不是以“美術”為中心進行設計規劃。設計規劃之初同樣考慮:建設網站的目的什么?為誰提供服務和產品?企業能提供什么樣的產品和服務?網站的目的消費者和受眾的特點是什么?企業產品和服務適合什么樣的表示方式(風格)?

二、總體設計方案主題鮮明

完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，目標明確的基礎上。規劃網站的組織結構。Web站點應針對所服務對象(機構或人)不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表示手法，提供華麗的圖像、閃爍的燈光、復雜的頁面安排，甚至可以下載聲音和錄像片段。好的Web站點把圖形表示手法和有效的組織與通信結合起來。要做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表示網站點的個性和情趣，辦出網站的特點。Web站點主頁應具備的基本成分包括:頁頭:準確無誤地標識你站點和企業標志;Email地址:用來接收用戶垂詢;聯系信息:如普通郵件地址或電話;版權信息:聲明版權所有者等。注意重復利用已有信息。如客戶手冊.公共關系文檔.技術手冊和數據庫等可以輕而易舉地用到企業的Web站點中。

三、網站的版式設計

要講究編排和布局，網頁設計作為一種視覺語言。雖然主頁的設計不等同于平面設計但它有許多相近之處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落于何處，才干使整個網頁生輝。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映進去，特別要處置好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表示效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

四、色彩在網頁設計中的作用

根據和諧、均衡和重點突出的原則，色彩是藝術表示的要素之一。網頁設計中。將不同的色彩進行組合.搭配來構成美麗的頁面。根據色彩對人們心理的影響，合理地加以運用。依照色彩的記憶性原則，一般暖色較冷色的記憶性強;色彩還具有聯想與象征的物質，如紅色象征血、太陽;藍色象征大海、天空和水面等。所以設計出售冷食的虛擬店面，應使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網頁的顏色應用并沒有數量的限制，但不能毫無節制地運用多種顏色，一般情況下，先根據總體風格的要求定出一至二種主色調，有CIS企業形象識別系統)更應該依照其中的VI進行色彩運用。

還應注意的一個問題是:由于國家和種族.宗教和信仰的不同，色彩的運用過程中。以及生活的地理位置.文化修養的差異等，不同的人群對色彩的喜惡水平有著很大的差別。如:兒童喜歡對比強烈.個性鮮明的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏色;生活在沙漠”中的人喜歡綠色。設計中要考慮主要讀者群的背景和構成。

五、網頁形式與內容相統一

形式語言必需符合頁面的內容，要將豐富的意義和多樣的形式組織成統一的頁面結構。體現內容的豐富含義。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，發生和諧的美感。如對稱原則在頁面設計中，均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表示內容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素，要使用點、線、面的互相交叉、互相烘托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用并不是孤立的很多時候都需要將它結合起來，表達完美的設計意境。

六、三維空間的構成和虛擬現實

這種空間關系需借助動靜變化.圖像的比例關系等空間因素表示進去。頁面中，網絡上的三維空間是一個假想空間。圖片、文字位置前后疊壓，或頁面位置變化所產生的視覺效果都各不相同。圖片、文字前后疊壓所構成的空間層次目前還不多見，網上更多的一些設計比較規范、簡明的頁面，這種疊壓排列能發生強節奏的空間層次，視覺效果強烈。網頁上常見的頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人發生輕松或緊迫的心理感受。現在人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，于是VRML語言呈現了VRML一種面向對象的語言，類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運行在多種平臺之上，只不過能夠更多地為虛擬現實環境服務。

七、多媒體功能的利用

頁面的內容可以用三維動畫、FLA SH等來表現。但要注意，網絡資源的優勢之一是多媒體功能。要吸引瀏覽者注意力。由于網絡帶寬的限制，使用多媒體的形式表示網頁的內容時應考慮客戶端的傳輸速度。

八、網站測試和改進

用以發現問題并改進設計。要注意讓用戶參與網站測試。測試實際上是模擬用戶詢問網站的過程。

九、內容更新與溝通

要不斷更新內容。站點信息的不時更新，企業Web站點建立后。讓瀏覽者了解企業的發展動態和網上職務等，同時也會協助企業建立良好的好象。企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件.電話垂 詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解.售后服務等，由相關部門處置，使用站訪問者感受到企業的真實存在并由此發生信任感。注意不要許諾你實現不了東西，真正有能力處置回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自愿提供其個人信息，應公布并認真履行個人隱私保承諾。

本文發布于北京網站建設公司尚品中國http://www.yiyouzhen.cn/