網(wǎng)站建設基礎知識及專業(yè)術語
時間：2024-01-22 05:45:01 | 來源：信息時代
時間：2024-01-22 05:45:01 來源：信息時代
在做網(wǎng)站的時候，許多客戶要求我們介紹一下網(wǎng)站建設相關方面的知識。今天，為大家介紹一下一點基礎知識。這樣在制作網(wǎng)站時可以事半功倍，制作出令人滿意的網(wǎng)站。首先將介紹網(wǎng)頁基本知識、網(wǎng)頁的基本構(gòu)成元素、如何設計網(wǎng)頁，接著介紹網(wǎng)頁設計的常用軟件 Dreamweaver 、Flash和 Photoshop，最后介紹動態(tài)網(wǎng)站技術，如網(wǎng)頁標記語言 HTML、網(wǎng)頁腳本語言 javascript和動態(tài)網(wǎng)頁編程語言，為后面設計和創(chuàng)建完整的網(wǎng)站打下良好的基礎。
一． 網(wǎng)頁基本知識
1．什么是Internet
Internet是一個全球墟履計算機互聯(lián)網(wǎng)駱，中文名稱為"國際互聯(lián)網(wǎng)"或"因特網(wǎng)"，它集現(xiàn)代通信技術和現(xiàn)代計算機技術于一體，是計算機之間進行國際信息交流和實現(xiàn)資源共享的良好手段。Internet將各種各樣的物理網(wǎng)駱聯(lián)接起來，構(gòu)成一個整體，而不論這些網(wǎng)駱類型的異同、規(guī)模的大小和地理位置的差異。 Internet是全球最大的信息資源庫，幾乎包括了人們生活的方方面面，如教育、科研、商業(yè)、工業(yè)、出版、文化藝術、通信、廣播電視、娛樂等。經(jīng)過多年的發(fā)展，互聯(lián)網(wǎng)已經(jīng)在社會的各個方面為全人類提供便利。電子郵件、即時消息、視頻會議、網(wǎng)駱日志、網(wǎng)上購物等已經(jīng)成為越來越多人的一種生活方式。
2．什么是網(wǎng)站
網(wǎng)站是因特網(wǎng)上的一個信息集中點，可以通過域名進行訪問。網(wǎng)站要存儲在獨立服務器或者服務器的虛擬主機上才能按受訪問。網(wǎng)站是有獨立域名和獨立存放空間的內(nèi)容集合，這些內(nèi)容可能是網(wǎng)頁，也可能是程序或其他文件。網(wǎng)站不一定要有很多網(wǎng)頁，只要有獨立域名和空間，哪怕只有一個頁面也叫網(wǎng)站。
3．什么是Web服務器
Web服務器就是在Web站點上運行的應用程序，用戶只有把設計好的網(wǎng)頁放到Web服務器上才能被其他用戶瀏覽。Web服務器主要負責處理瀏覽器的請求。當用戶使用瀏覽器請求讀取 Web站點上的內(nèi)容時，瀏覽器會建立一個 Web鏈接，服務器接受鏈接，向瀏覽器發(fā)送所要求的文件內(nèi)容，然后斷開鏈接。
4．什么是靜態(tài)網(wǎng)頁
網(wǎng)頁又稱 HTML文件，是一種可以在WWW上傳輸、能被瀏覽器認識和翻譯成頁面并顯示出來的文件。 靜態(tài)網(wǎng)頁是網(wǎng)站建設初期經(jīng)常采用的一種形式。網(wǎng)站建設者把內(nèi)容設計成靜態(tài)網(wǎng)頁，訪問者只能被動地瀏覽網(wǎng)站建設者提供的網(wǎng)頁內(nèi)容，其特點如下：
a、網(wǎng)頁內(nèi)容不會發(fā)生變化，除非網(wǎng)頁設計者修改了網(wǎng)頁的空容；
b、不能實現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互，信息流向是單向的，即從服務器到瀏覽器。服務器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。靜態(tài)網(wǎng)頁的瀏覽過程。
5．什么是動態(tài)網(wǎng)頁
所謂動態(tài)網(wǎng)頁是指網(wǎng)頁文件里包含了程序代碼，通過后臺數(shù)據(jù)庫與Web服務器的信息交互，由后臺數(shù)據(jù)庫提供實時數(shù)據(jù)更新和數(shù)據(jù)查詢服務。這種網(wǎng)頁的后綴名稱一般根據(jù)不同的程序設計語言不同，如常見的有.asp、.jsp、.php、.perl、.cgi等形式為后綴。動態(tài)網(wǎng)頁能夠根據(jù)不同時間和不同訪問者而顯示不同內(nèi)容。如常見的BBS、留言板和購物系統(tǒng)通常用動態(tài)網(wǎng)頁實現(xiàn)。 動態(tài)網(wǎng)頁的制作比較復雜，需要用到ASP、PHP、ISP和ASP.NET等專門的動態(tài)網(wǎng)頁設計語言。動態(tài)網(wǎng)頁瀏覽過程。
二．網(wǎng)頁的基本構(gòu)成元素
1．網(wǎng)站Logo
網(wǎng)站Logo也稱為網(wǎng)站標志，網(wǎng)站標志是一個站點的象征，也是一個站點是否正規(guī)的標志之一。網(wǎng)站的標志應體現(xiàn)該網(wǎng)站的特色、內(nèi)容及其內(nèi)在的文化內(nèi)涵和理念。成功的網(wǎng)站標志有著獨特的形象標識，在網(wǎng)站的推廣和宣傳中將起到事半功倍的效果。網(wǎng)站標志一般放在網(wǎng)站的左上角，訪問者一眼就能看到它。網(wǎng)站標志通常有3種尺寸：88×31像素、120×60像素和120×9像素。標志的設計創(chuàng)意來自網(wǎng)站的名稱和內(nèi)容，大致分以下3個方面：
a、網(wǎng)站有代表墟履人物、動物、花草，可以用它們作為設計的藍本，加以卡通化的藝術化。
b、對于一些專業(yè)性網(wǎng)站，可以用本專業(yè)有代表墟履物品作為標志，如中國銀行的銅板標志、奔馳氣車的方向盤標志。
c、最常用和最簡單的方式是用自己網(wǎng)站的英文名稱做標志。采用不同的字體、字符的變形、字符的組合可以很容易地制作出自己的標志。
2．網(wǎng)站的Banner
網(wǎng)站Banner即橫幅廣告，是互聯(lián)網(wǎng)廣告中最基本的廣告形成。Banner可以位于網(wǎng)頁頂部、中部或底部任意一處，一般橫向貫穿整個或者大半個頁面。網(wǎng)站Banner常見的尺寸是480×60像素或233×30像素，它使用GIF格式的圖像文件，既可以使用靜態(tài)圖形，也可以使用動畫圖像。除普通GIF格式外，采用Flash能賦予Banner更強的表現(xiàn)力和交互內(nèi)容。網(wǎng)站Banner首先要美觀，這個小的區(qū)域如果設計得非常漂亮，讓人看上去很舒服，那么即使Banner不是瀏覽者所要看的內(nèi)容，或者是一些他們可看可不看的東西，他們也會很有興趣地去看看，點擊就是順理成章的事情了。網(wǎng)站Banner還要與整個網(wǎng)頁協(xié)調(diào)，同時又要突出、醒目，用色要同頁面的主色相搭配，如主色是淺黃，廣告條的用色就可以用一些淺的其他顏色，切忌用一些對比色。
3．導航欄
導航欄是網(wǎng)頁的重要組成元素，它的任務是幫助瀏覽者在站點內(nèi)快速查找信息。好的導航系統(tǒng)應該能引導瀏覽者瀏覽網(wǎng)頁而不迷失方向。導航欄的形式多樣，可以是簡單的文字鏈接，也可以是設計精美的圖片或是豐富多彩的按鈕，還可以是下砬菜單導航。 一般來說，網(wǎng)站中的導航位置在各個頁面中出現(xiàn)的位置是比較固定的，而且風格也較為一致。導航的位置一般有4種：在頁面的左側(cè)、右側(cè)、頂部和底部。有時候在同一個頁面中運用了多種導航。當然并不是導航在頁面中出現(xiàn)的次數(shù)越多越好，而是要合理地運用，達到頁面總體的協(xié)調(diào)一致。
4．文本
網(wǎng)頁內(nèi)容是網(wǎng)站的靈魂，而文本又是網(wǎng)頁內(nèi)容最主要的表現(xiàn)形式，無論制作網(wǎng)頁的目的是什么，文本都是網(wǎng)頁中的最基本和必不可少的元素。與圖像相比，文字雖然不如圖像那樣易于吸引瀏覽者的注意，但卻能準確地表達信息的內(nèi)容和含義。 一個內(nèi)容充實的網(wǎng)站必然會使用大量的文本。良好的文本格式可以創(chuàng)建出別具特色的網(wǎng)頁，激發(fā)讀者的興趣。為了克服文字固有的缺點，人們賦予了文本更多的屬性，如字體、字號、顏色等，通過不同格式的區(qū)別，突出顯示重要的內(nèi)容。此外，還可以在網(wǎng)頁中設置各種各樣的文字列表來明確表達一系列的項目。這些功能給網(wǎng)頁中的文本增加了新的生命力。
5．圖像
圖像在網(wǎng)頁中具有提供信息、展示形象、裝飾網(wǎng)頁、表達個人情趣和風格的作用。圖像是文本的說明和解釋，在網(wǎng)頁適當位置放置一些圖像，不僅可以使文本清晰易讀，而且使得網(wǎng)頁更加有吸引力?，F(xiàn)在幾乎所有的網(wǎng)站都使用圖像來增加網(wǎng)頁的吸引力?？梢栽诰W(wǎng)頁中使用GIF、JPEG和PNG等多種圖像格式，其中使用得最廣泛的是GIF和JPEG兩種格式。
6．Flash動畫
Flash動畫具有簡單易學、靈活多變的特點，所以受到很多網(wǎng)頁制作人員的喜愛。它可以生成亮麗奪目的圖形界面，而文件的體積一般只有5~50KB。隨著Actionscript動態(tài)腳本編程語焰履發(fā)展，F(xiàn)lash已經(jīng)不再局限于制作簡單的交互動畫程序，通過復雜的動態(tài)腳本編程可以制作出各種各樣有趣、精彩的Flash動畫。由于Flash動畫具有很強的視覺沖擊力和聽覺沖擊力，因此一些公司網(wǎng)站往往會采用Flash制作相關的頁面，借助Flash的精彩效果吸引客戶的注意力，從而達到比以往靜態(tài)頁面更好的宣傳效果。
三．如何設計網(wǎng)頁
網(wǎng)頁設計是指對網(wǎng)站整體頁面的設計，包括頁面的風格、配色、布局和內(nèi)容等。好的網(wǎng)頁設計，不僅能增加網(wǎng)站的實用性，也可為訪問者留下深刻的印象，有助于提高網(wǎng)站的訪問量。
1．網(wǎng)頁設計的任務
網(wǎng)頁設計的任務，是指設計者要表現(xiàn)的主題和實現(xiàn)的功能。網(wǎng)站的性質(zhì)不同，設計的任務也不同。從形式上，可以將網(wǎng)站分為以下3類。
a、資訊門戶類站點，像新浪、搜狐等門戶網(wǎng)站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化和界面的友好等問題。
b、資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、政務網(wǎng)站等。這類網(wǎng)站在設計上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時又要突出企業(yè)、單位的形象。
c、形象類網(wǎng)站，如一些中小型的企業(yè)網(wǎng)站。這類網(wǎng)站一般較小，有的只有幾頁，需要實現(xiàn)的功能也較為簡單，網(wǎng)頁設計的主要任務是突出企業(yè)形象。這類網(wǎng)站對設計者的美工水平要求較高。
2．網(wǎng)頁設計的實現(xiàn)
網(wǎng)頁設計網(wǎng)頁設計的實現(xiàn)可以分為兩個部分：第一部分為站點的規(guī)劃及草圖的繪制，這一部分可以在紙上完成;第二部分分為網(wǎng)頁的設計與制作這一過程是在計算機上完成的。設計網(wǎng)頁的第一步是設計版面布局?？梢詫⒕W(wǎng)頁看作傳統(tǒng)的報刊雜志來編輯，這里面有文字、圖像及動畫，要以最適合的方式將圖片和文字排放在頁面的不同位置。常用的網(wǎng)頁設計軟件有Dreamweaver、Fireworks、Flash及Photoshop，這些都是很不錯的軟件。
3．網(wǎng)頁設計的基本原則
網(wǎng)頁設計是有原則的，網(wǎng)頁設計遵循統(tǒng)一、連貫、分割、對比及和諧的原則。
統(tǒng)一，是指網(wǎng)頁的整體性和一致性。網(wǎng)頁的整體效果是至關重要的，網(wǎng)頁中各個版塊的設計風格要協(xié)調(diào)一致。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應，并注意整個頁面設計風格的一致性，實現(xiàn)視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使瀏覽者一目了然。在信息量很多時為使瀏覽者能夠看清楚，就要注意到將畫面進行有效的分割。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，如多與少、曲與直、強與弱、長與短、主與次、黑與白、動與靜、美與丑等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統(tǒng)一。
和諧是指整個頁面符合美的規(guī)則，渾然一體。網(wǎng)頁不是色彩、形狀、線條等的隨意混合，而是由它們有機組合而成的和諧統(tǒng)一體。
四．常用網(wǎng)頁設計軟件
1．網(wǎng)頁圖像設計軟件Photoshop
2．網(wǎng)頁動畫制作軟件Flash
3．網(wǎng)頁編輯排版軟件Dreamweaver
五．動態(tài)網(wǎng)站技術
1．網(wǎng)頁標記語言HTML
HTML不是一種編程語言，而是一種描述墟履標記語言，用于描述超文本中內(nèi)容的顯示方式。如文字以什么顏色和大小來顯示等，這些都是利用HTML標記完成的，其最基本的語法在內(nèi)容標記符>。標記符通常都是成對使用，有一個開頭標記和一個結(jié)束標記。結(jié)束標記只是在開頭標記的前面加一個斜杠"/"。當瀏覽器收到HTML文件后，就會解釋里面的標記符，然后把標記符相對應的功能表達出來。
2．網(wǎng)頁腳本語言javascript
javascript是網(wǎng)頁腳本語言，利用javascript可以輕易地制作出隨鼠標飛翔的文字特效、探照燈效果、漂浮廣告效果、跑馬燈及顯示瀏覽器停留的時間效果。這些特殊效果可以大大提高網(wǎng)頁的互動性，以吸引更多的人訪問網(wǎng)頁。
3．動態(tài)網(wǎng)頁編程語言
動態(tài)網(wǎng)頁就是網(wǎng)頁內(nèi)含有程序代碼。運行于服務器端的程序、網(wǎng)頁和組件等都屬于動態(tài)網(wǎng)頁，它們會隨不同客戶、不同時間及不同需求而返回不同的內(nèi)容。動態(tài)網(wǎng)頁以.asp、.jsp、.php、.perl、.cgi等形式為后綴。
動態(tài)網(wǎng)頁主要有以下的特點：
動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術為基礎，可以大大降低網(wǎng)站維護的工作量。
采用動態(tài)網(wǎng)頁技術的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等；新聞發(fā)布系統(tǒng)的登錄頁面，輸入用戶名和秘碼后就可以查看新聞內(nèi)容。
動態(tài)網(wǎng)頁實際上并不是獨立存在于服務器上的網(wǎng)頁文件，只有當用戶請求時服務器才返回一個完整的網(wǎng)頁；
動態(tài)網(wǎng)頁中的"？"對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。
網(wǎng)站建設規(guī)范和基本流程
為了讓網(wǎng)站開發(fā)能有效地進行，開發(fā)人員都必須遵循網(wǎng)站的開發(fā)流程。
一．網(wǎng)站建設規(guī)范
任何一個網(wǎng)站在開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則，這樣有利于項目的整體風格統(tǒng)一、代碼維護和發(fā)展。由于網(wǎng)站項目開發(fā)的分散性、獨立性、整合的交互墟氯，因此定制一套完整的約定和規(guī)則湘旅尤為重要。這些規(guī)則和約定需要與開發(fā)人員、設計人員和維護人員共同討論定制，將來網(wǎng)站嚴格按規(guī)則或約定進行開發(fā)。
1．開發(fā)團隊規(guī)范
在確定網(wǎng)站項目后的第一件事就是組建開發(fā)團隊，根據(jù)項目的大小，團隊可以有幾十人，也可以是只有幾個人的小團隊，在團隊劃分中必須含有6個角色，這6個角色分別是項目經(jīng)理、策劃、美工、程序員、代碼整合員和測試員。
項目經(jīng)理負責項目的總體設計、開發(fā)進度的定制和監(jiān)控，相應的開發(fā)規(guī)范的定制和各個環(huán)節(jié)的評審工作以及協(xié)調(diào)各個成員小組之間的開發(fā)。
策劃提供詳細的策劃方案和需求分析，還負責后期網(wǎng)站推廣方面的策劃。
美工根據(jù)策劃和需求設計網(wǎng)站VI、界面、Logo等。
程序員根據(jù)項目總體設計來完成數(shù)據(jù)庫和功能模塊的實現(xiàn)。
代碼整合員負責將程序員的代碼和界面融合到一起，還可以制作網(wǎng)站的相關頁面。
測試員負責測試程序。
2．開發(fā)工具規(guī)范
網(wǎng)站開發(fā)工具主要分為兩部分，第一部分是網(wǎng)站前臺開發(fā)工具，第二部分是網(wǎng)站后臺開發(fā)工具。下面分別簡單介紹這兩部分需要使用的軟件。網(wǎng)站前臺開發(fā)主要是指網(wǎng)站頁面的設計，包括網(wǎng)站整體框架建立、常用圖像和Flash動畫的設計等，主要使用的軟件是Photoshop、Dreamweaver和Flash等。
3．超鏈接規(guī)范
在網(wǎng)頁中的鏈接按照鏈接路徑的不同可以分為3種形式："絕對路徑"、"相對路徑"和"根目錄相對路徑"。
小網(wǎng)站由于層次簡單，文件夾結(jié)構(gòu)一般不超過3層，而且網(wǎng)站內(nèi)容和結(jié)構(gòu)的改動不大，所以使用"相對路徑"是完全可以勝任的。
當網(wǎng)站的規(guī)模大一些的時候，由于文件夾的結(jié)構(gòu)越來越復雜，且基于模板的設計方法被廣泛使用，使用"相對路徑"會出現(xiàn)如"超鏈接代碼過長"、"模板中的超鏈接在不同的文件夾結(jié)構(gòu)層次中無法直接使用"等問題。此時使用"根目錄相對路徑"是理想的選擇，它可以使超鏈接的指向變得絕對化，無論在網(wǎng)站的哪一級文件夾中，"根目錄相對路徑"都能夠準確指向。
當網(wǎng)站規(guī)模再度增長，發(fā)展成為擁有一系列子網(wǎng)站的網(wǎng)站群時，各個子網(wǎng)站之間的超鏈接就不得不采用"絕對路徑"。為了方便網(wǎng)站群中的各個子網(wǎng)站共享，過去在單域名網(wǎng)站中以文件夾方式存放的各種公共設計資源，最好采用獨立資源網(wǎng)站的形式進行存放，各子網(wǎng)站可以使用"絕對路徑"對其進行調(diào)用。
網(wǎng)站的超鏈接設計是一個很老的話題，而且也非常重要。設計和應用超鏈接確實是一項對設計人員的規(guī)劃能力要求非常高的工作，而且這些規(guī)劃能力多數(shù)是靠經(jīng)驗積累來獲得的，所疫篇善于和勤于總結(jié)。
4．文件夾和文件夾命名規(guī)范
文件夾命名一般采用英文，長度一般不超過20個字符，命名采用小寫字母。文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃結(jié)的組合。命名原則的指導思想一是使得工作組的每一個成員能夠方便地理解每一個文件的意義，二是當在文件夾中使用"按名稱排列"命令時，同一種大類的文件能夠排列在一起，以便進行查找、修改和替換等操作。
5．代碼設計規(guī)范
一個良好的程序編碼風格有利于系統(tǒng)的維護，代碼也易于閱讀查錯。在編寫代碼時應注意以下規(guī)范。
a． 大小寫規(guī)范
b． 字體和格式規(guī)范
c． 注釋規(guī)范
二．網(wǎng)站建設的基本流程
創(chuàng)建網(wǎng)站是一個系統(tǒng)工程，有一定的工作流程，只有遵循這個步驟，按部就班，才能設計出滿意的網(wǎng)站。因此在制作網(wǎng)站前，先要了解網(wǎng)站建設的基本流程，這樣才能制作出更好、更合理的網(wǎng)站。
1．網(wǎng)站的需求分析
網(wǎng)站的設計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)駱履重要途徑，因此必須明確設計網(wǎng)站的目的和用戶需求，從而做出切實可行的設計計劃。要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，牢記以"消費者"為中心，而不是以"美術"為中心進行設計規(guī)劃。在設計規(guī)劃之初要考慮以下內(nèi)容：建設網(wǎng)站的目的是什么？為誰提供服務和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務？企業(yè)產(chǎn)品和服務適合什么樣的表現(xiàn)方式？
2．網(wǎng)站整體規(guī)劃
規(guī)劃一個網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來。尤其當要制作一個大型網(wǎng)站的時候，更需要把整體架構(gòu)規(guī)劃好，同時要考慮到以后的擴充性，避免以后要對整個網(wǎng)站的結(jié)構(gòu)進行更改。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色的搭配、版面布局、文字圖片的運用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時胸有成竹。也只有如此，制作出來的網(wǎng)頁才能有個性、有特色、具有吸引力。
3．確定網(wǎng)站整體風格
網(wǎng)站風格設計包括網(wǎng)站的整體色彩、網(wǎng)頁的結(jié)構(gòu)、文本的字體和大小、背景的使用等，這些沒有一定的規(guī)則，需要設計者通過各種分析決定。網(wǎng)頁設計一般要與企業(yè)整體形象一致，要符合企業(yè)CI規(guī)范。注意網(wǎng)頁色彩、圖片的應用及版面策劃，保持網(wǎng)頁的整體一致性。一般來說，適合于網(wǎng)頁標準色的顏色有3大系：藍色、黃/橙色、黑/灰/白色。不同的色彩搭配會產(chǎn)生不同的效果，并可能影響訪問者的情緒。在站點整體色彩上，要結(jié)合站點目標來確定。如果是政府網(wǎng)站，就要在大方、莊重、美觀、嚴謹上多下功夫，切不可花哨；如果是個人網(wǎng)站，風可以采用較鮮明的顏色，設計要簡單而有個性。
4．收集資源
網(wǎng)站的主題內(nèi)容是文本、圖像和多媒體等，它們構(gòu)成了網(wǎng)站的靈魂，否則再好的結(jié)構(gòu)設計都不能達到網(wǎng)站設計的初衷，也不能吸引瀏覽者。在對網(wǎng)站進行結(jié)構(gòu)設計之后，需要對每個網(wǎng)頁的內(nèi)容進行一個大致的構(gòu)思，如哪些網(wǎng)頁需要使用模板，哪些網(wǎng)頁需要使用特殊設計的圖像，哪些網(wǎng)頁需要使用較多的動態(tài)效果，如何設計菜單，采用什么樣式的鏈接，網(wǎng)頁采用什么顏色和風格，等等，這些都對資源收集具有指導性作用。
重要的文本：如企業(yè)簡介文本，不能臨時書寫，要得體、簡明，一般使用企業(yè)內(nèi)部的宣傳文字。
重要的圖像：如企業(yè)的標志、網(wǎng)頁的背景圖像等，這些圖像對于瀏覽者的視覺影響很大，不能草率處理。
庫文件：對于一些常用和重要的網(wǎng)頁對象，需要使用庫文件來進行管理和使用，在設計網(wǎng)頁之前，可以先編輯這些庫文件備用。
Flash等多媒體元素：許多網(wǎng)站都越來越多地使用Flash等多媒體元素，這些多媒體元素在設計網(wǎng)頁之前就需要收集妥當或者制作完成。
5．設計網(wǎng)頁圖像
在確定好網(wǎng)站的風格和搜集完資料后就需要設計網(wǎng)頁圖像了，網(wǎng)頁圖像設計包括網(wǎng)站Logo、網(wǎng)站字體、網(wǎng)站導航欄和網(wǎng)站首頁等的設計。可以使用Photoshop或Fireworks軟件來具體設計網(wǎng)站的圖像。有經(jīng)驗的網(wǎng)頁設計者通常會在使用網(wǎng)頁制作工具制作網(wǎng)頁之前就設計好網(wǎng)頁的整體布局，這樣在具體設計過程將會胸有成竹，大大節(jié)省工作時間。
設計網(wǎng)駱標志。標志可以是漢字、英文字母，也可以是符號、圖案等。標志的設計創(chuàng)意應當來自網(wǎng)站的名稱和內(nèi)容。如網(wǎng)站內(nèi)有代表墟履人物、動物、植物，可以用它們作為設計的標本，加以卡通化或藝術化；專業(yè)網(wǎng)站可疫圃本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易地制作出自己網(wǎng)站的英文名稱作標志。
用于標志和導航欄的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的與眾不同和特有風格，可以根據(jù)需要選擇一些特別字體。
設計首頁。首頁設計包括版面設計導航欄。在站點中導航欄也是一個重要的組成部分。在設計站點時，應考慮到如何使瀏覽者能輕松地從網(wǎng)站的一個頁面跳轉(zhuǎn)到另一個頁面。
設計網(wǎng)站字體。標準字體是指、色彩、圖像、動態(tài)效果、圖標等風格設計。
6．編輯制作網(wǎng)頁
網(wǎng)頁設計是一個復雜而細致的過程，一定要按照先大后小，先簡單后復雜的順序制作。所謂先大后小，就是在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。 根據(jù)站點目標和用戶對象去設計網(wǎng)頁的版式和安排網(wǎng)頁內(nèi)容。一般來說，至少應該哆蘋些主要的頁面設計好布局，確定網(wǎng)頁的風格。 在制作網(wǎng)頁時要靈活運用模板和庫，這樣可以大大提高制作效率。如果很多網(wǎng)頁都使用相同的版面設計，就應為這個版面設計一個模板，然后就可疫圃些模板為基礎創(chuàng)建網(wǎng)頁。
7．網(wǎng)站維護
一個好的網(wǎng)站，僅僅一次是不可能制作完美的，由于市場環(huán)境在不斷地變化，網(wǎng)站的內(nèi)容也需要隨之調(diào)整，給人常新的感覺，網(wǎng)站才會更加吸引訪問者，這就要求對網(wǎng)站進行長期不間斷的維護和更新。
網(wǎng)站維護一般包含以下內(nèi)容：
內(nèi)容的更新；
網(wǎng)站風格的更新；
網(wǎng)站重要頁面的設計與制作：如重大事件頁面、突發(fā)事件及相關周年慶祝等活動頁面的設計與制作。
網(wǎng)站系統(tǒng)維護服務：如E-mail賬號維護服務、域名維護續(xù)費服務、網(wǎng)站空間維護、與IDC進行聯(lián)系、DNS設置、域名解析服務等。
8．網(wǎng)站推廣
網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網(wǎng)站的訪問率和知名度。網(wǎng)站推廣的方法有很多，如到搜索引擎上注冊、網(wǎng)站交換鏈接、添加廣告鏈接等。
a、登錄搜索引擎
注冊到搜索引擎這是極為方便的一種宣傳網(wǎng)站的方法。注冊時盡量詳細地填寫網(wǎng)站中的一些主要信息，特別是一些關鍵詞，盡量寫通通俗化、大眾化一些，如"公司資料"最好寫成"公司簡介"。注冊分類的時候盡量分得細一些。
b、交換廣告條
廣告交換是宣傳網(wǎng)站的一種較為有效的方法。在交換廣告條的網(wǎng)頁上填寫一些主要的信息，如廣告圖片、網(wǎng)站地址等，之后它會要求用戶將一段HTML代碼加入到網(wǎng)站中，這樣，用戶的廣告條就可以在這個網(wǎng)站上出現(xiàn)。
友情鏈接就是一種常見的交換廣告條的推廣方式，包括文字鏈接和圖片鏈接。文字鏈接一般就是網(wǎng)站的名字。圖片鏈接包括Logo的鏈接或Banner的鏈接，既為友情鏈接推廣方式。
c、meta標簽的使用
使用meta標簽是簡單而且有效地宣傳網(wǎng)站的方法。不需要去搜索引擎注冊就可以讓客戶搜索到你的網(wǎng)站。將下面這段代碼加入到網(wǎng)頁meta標簽中：
網(wǎng)站名稱，產(chǎn)品名稱…… >
"content"后面填寫的文字是關鍵詞。關鍵詞最好要大眾化一些，跟企業(yè)文化、公司產(chǎn)品等緊秘相關，并且盡量多寫一些。如公司生產(chǎn)的是電冰箱，則可以寫電冰箱、家電、電器等。盡量將產(chǎn)品大類的名稱都寫上去。另外名稱要寫全，如"電冰箱"不要簡寫成"冰箱"。這里有個技巧，可以將一些相對關鍵的詞重復，這樣可以提高網(wǎng)站的排行。
現(xiàn)在國內(nèi)有大量的網(wǎng)址導航類站點，如、BBS宣傳、博客、微博等。
-
網(wǎng)站
-
營銷
-
設計
-
運營
-
優(yōu)化
-
效率
-
專注
-
電商
-
方案
-
推廣
微信公眾號
版權所有? 億企邦 1997-2025 保留一切法律許可權利。
在線咨詢