新聞中心

                    2019年01月19日

                    網站建設基礎知識及專業術語

                    網站建設基礎知識及專業術語

                    在做網站的時候,許多客戶要求我們介紹一下網站建設相關方面的知識。今天,為大家介紹一下一點基礎知識。這樣在制作網站時可以事半功倍,制作出令人滿意的網站。首先將介紹網頁基本知識、網頁的基本構成元素、如何設計網頁,接著介紹網頁設計的常用軟件 Dreamweaver FlashPhotoshop,最后介紹動態網站技術,如網頁標記語言 HTML、網頁腳本語言 javascript和動態網頁編程語言,為后面設計和創建完整的網站打下良好的基礎。

                      一. 網頁基本知識

                      1.什么是Internet

                      Internet是一個全球墟履計算機互聯網駱,中文名稱為"國際互聯網""因特網",它集現代通信技術和現代計算機技術于一體,是計算機之間進行國際信息交流和實現資源共享的良好手段。Internet將各種各樣的物理網駱聯接起來,構成一個整體,而不論這些網駱類型的異同、規模的大小和地理位置的差異。 Internet是全球最大的信息資源庫,幾乎包括了人們生活的方方面面,如教育、科研、商業、工業、出版、文化藝術、通信、廣播電視、娛樂等。經過多年的發展,互聯網已經在社會的各個方面為全人類提供便利。電子郵件、即時消息、視頻會議、網駱日志、網上購物等已經成為越來越多人的一種生活方式。

                      2.什么是網站

                      網站是因特網上的一個信息集中點,可以通過域名進行訪問。網站要存儲在獨立服務器或者服務器的虛擬主機上才能按受訪問。網站是有獨立域名和獨立存放空間的內容集合,這些內容可能是網頁,也可能是程序或其他文件。網站不一定要有很多網頁,只要有獨立域名和空間,哪怕只有一個頁面也叫網站。

                      3.什么是Web服務器

                      Web服務器就是在Web站點上運行的應用程序,用戶只有把設計好的網頁放到Web服務器上才能被其他用戶瀏覽。Web服務器主要負責處理瀏覽器的請求。當用戶使用瀏覽器請求讀取 Web站點上的內容時,瀏覽器會建立一個 Web鏈接,服務器接受鏈接,向瀏覽器發送所要求的文件內容,然后斷開鏈接。

                      4.什么是靜態網頁

                      網頁又稱 HTML文件,是一種可以在WWW上傳輸、能被瀏覽器認識和翻譯成頁面并顯示出來的文件。 靜態網頁是網站建設初期經常采用的一種形式。網站建設者把內容設計成靜態網頁,訪問者只能被動地瀏覽網站建設者提供的網頁內容,其特點如下:

                      a、網頁內容不會發生變化,除非網頁設計者修改了網頁的空容;

                      b、不能實現和瀏覽網頁的用戶之間的交互,信息流向是單向的,即從服務器到瀏覽器。服務器不能根據用戶的選擇調整返回給用戶的內容。靜態網頁的瀏覽過程。

                      5.什么是動態網頁

                      所謂動態網頁是指網頁文件里包含了程序代碼,通過后臺數據庫與Web服務器的信息交互,由后臺數據庫提供實時數據更新和數據查詢服務。這種網頁的后綴名稱一般根據不同的程序設計語言不同,如常見的有.asp.jsp.php.perl.cgi等形式為后綴。動態網頁能夠根據不同時間和不同訪問者而顯示不同內容。如常見的BBS、留言板和購物系統通常用動態網頁實現。 動態網頁的制作比較復雜,需要用到ASPPHPISPASP.NET等專門的動態網頁設計語言。動態網頁瀏覽過程。

                      二.網頁的基本構成元素

                      1.網站Logo

                      網站Logo也稱為網站標志,網站標志是一個站點的象征,也是一個站點是否正規的標志之一。網站的標志應體現該網站的特色、內容及其內在的文化內涵和理念。成功的網站標志有著獨特的形象標識,在網站的推廣和宣傳中將起到事半功倍的效果。網站標志一般放在網站的左上角,訪問者一眼就能看到它。網站標志通常有3種尺寸:88×31像素、120×60像素和120×9像素。標志的設計創意來自網站的名稱和內容,大致分以下3個方面:

                      a、網站有代表墟履人物、動物、花草,可以用它們作為設計的藍本,加以卡通化的藝術化。

                      b、對于一些專業性網站,可以用本專業有代表墟履物品作為標志,如中國銀行的銅板標志、奔馳氣車的方向盤標志。

                      c、最常用和最簡單的方式是用自己網站的英文名稱做標志。采用不同的字體、字符的變形、字符的組合可以很容易地制作出自己的標志。

                      2.網站的Banner

                      網站Banner即橫幅廣告,是互聯網廣告中最基本的廣告形成。Banner可以位于網頁頂部、中部或底部任意一處,一般橫向貫穿整個或者大半個頁面。網站Banner常見的尺寸是480×60像素或233×30像素,它使用GIF格式的圖像文件,既可以使用靜態圖形,也可以使用動畫圖像。除普通GIF格式外,采用Flash能賦予Banner更強的表現力和交互內容。網站Banner首先要美觀,這個小的區域如果設計得非常漂亮,讓人看上去很舒服,那么即使Banner不是瀏覽者所要看的內容,或者是一些他們可看可不看的東西,他們也會很有興趣地去看看,點擊就是順理成章的事情了。網站Banner還要與整個網頁協調,同時又要突出、醒目,用色要同頁面的主色相搭配,如主色是淺黃,廣告條的用色就可以用一些淺的其他顏色,切忌用一些對比色。

                      3.導航欄

                      導航欄是網頁的重要組成元素,它的任務是幫助瀏覽者在站點內快速查找信息。好的導航系統應該能引導瀏覽者瀏覽網頁而不迷失方向。導航欄的形式多樣,可以是簡單的文字鏈接,也可以是設計精美的圖片或是豐富多彩的按鈕,還可以是下砬菜單導航。 一般來說,網站中的導航位置在各個頁面中出現的位置是比較固定的,而且風格也較為一致。導航的位置一般有4種:在頁面的左側、右側、頂部和底部。有時候在同一個頁面中運用了多種導航。當然并不是導航在頁面中出現的次數越多越好,而是要合理地運用,達到頁面總體的協調一致。

                      4.文本

                      網頁內容是網站的靈魂,而文本又是網頁內容最主要的表現形式,無論制作網頁的目的是什么,文本都是網頁中的最基本和必不可少的元素。與圖像相比,文字雖然不如圖像那樣易于吸引瀏覽者的注意,但卻能準確地表達信息的內容和含義。 一個內容充實的網站必然會使用大量的文本。良好的文本格式可以創建出別具特色的網頁,激發讀者的興趣。為了克服文字固有的缺點,人們賦予了文本更多的屬性,如字體、字號、顏色等,通過不同格式的區別,突出顯示重要的內容。此外,還可以在網頁中設置各種各樣的文字列表來明確表達一系列的項目。這些功能給網頁中的文本增加了新的生命力。

                      5.圖像

                      圖像在網頁中具有提供信息、展示形象、裝飾網頁、表達個人情趣和風格的作用。圖像是文本的說明和解釋,在網頁適當位置放置一些圖像,不僅可以使文本清晰易讀,而且使得網頁更加有吸引力。現在幾乎所有的網站都使用圖像來增加網頁的吸引力。可以在網頁中使用GIFJPEGPNG等多種圖像格式,其中使用得最廣泛的是GIFJPEG兩種格式。

                      6Flash動畫

                      Flash動畫具有簡單易學、靈活多變的特點,所以受到很多網頁制作人員的喜愛。它可以生成亮麗奪目的圖形界面,而文件的體積一般只有5~50KB。隨著Actionscript動態腳本編程語焰履發展,Flash已經不再局限于制作簡單的交互動畫程序,通過復雜的動態腳本編程可以制作出各種各樣有趣、精彩的Flash動畫。由于Flash動畫具有很強的視覺沖擊力和聽覺沖擊力,因此一些公司網站往往會采用Flash制作相關的頁面,借助Flash的精彩效果吸引客戶的注意力,從而達到比以往靜態頁面更好的宣傳效果。

                      三.如何設計網頁

                      網頁設計是指對網站整體頁面的設計,包括頁面的風格、配色、布局和內容等。好的網頁設計,不僅能增加網站的實用性,也可為訪問者留下深刻的印象,有助于提高網站的訪問量。

                      1.網頁設計的任務

                      網頁設計的任務,是指設計者要表現的主題和實現的功能。網站的性質不同,設計的任務也不同。從形式上,可以將網站分為以下3類。

                      a、資訊門戶類站點,像新浪、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化和界面的友好等問題。

                      b、資訊和形象相結合的網站,像一些較大的公司、政務網站等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。

                      c、形象類網站,如一些中小型的企業網站。這類網站一般較小,有的只有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

                      2.網頁設計的實現

                      網頁設計網頁設計的實現可以分為兩個部分:第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成;第二部分分為網頁的設計與制作這一過程是在計算機上完成的。設計網頁的第一步是設計版面布局。可以將網頁看作傳統的報刊雜志來編輯,這里面有文字、圖像及動畫,要以最適合的方式將圖片和文字排放在頁面的不同位置。常用的網頁設計軟件有DreamweaverFireworksFlashPhotoshop,這些都是很不錯的軟件。

                      3.網頁設計的基本原則

                      網頁設計是有原則的,網頁設計遵循統一、連貫、分割、對比及和諧的原則。

                      統一,是指網頁的整體性和一致性。網頁的整體效果是至關重要的,網頁中各個版塊的設計風格要協調一致。

                      連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應,并注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽。

                      分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使瀏覽者一目了然。在信息量很多時為使瀏覽者能夠看清楚,就要注意到將畫面進行有效的分割。

                      對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,如多與少、曲與直、強與弱、長與短、主與次、黑與白、動與靜、美與丑等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。

                      和諧是指整個頁面符合美的規則,渾然一體。網頁不是色彩、形狀、線條等的隨意混合,而是由它們有機組合而成的和諧統一體。

                      四.常用網頁設計軟件

                      1.網頁圖像設計軟件Photoshop

                      2.網頁動畫制作軟件Flash

                      3.網頁編輯排版軟件Dreamweaver

                      五.動態網站技術

                      1.網頁標記語言HTML

                      HTML不是一種編程語言,而是一種描述墟履標記語言,用于描述超文本中內容的顯示方式。如文字以什么顏色和大小來顯示等,這些都是利用HTML標記完成的,其最基本的語法在內容標記符>。標記符通常都是成對使用,有一個開頭標記和一個結束標記。結束標記只是在開頭標記的前面加一個斜杠"/"。當瀏覽器收到HTML文件后,就會解釋里面的標記符,然后把標記符相對應的功能表達出來。

                      2.網頁腳本語言javascript

                      javascript是網頁腳本語言,利用javascript可以輕易地制作出隨鼠標飛翔的文字特效、探照燈效果、漂浮廣告效果、跑馬燈及顯示瀏覽器停留的時間效果。這些特殊效果可以大大提高網頁的互動性,以吸引更多的人訪問網頁。

                      3.動態網頁編程語言

                      動態網頁就是網頁內含有程序代碼。運行于服務器端的程序、網頁和組件等都屬于動態網頁,它們會隨不同客戶、不同時間及不同需求而返回不同的內容。動態網頁以.asp.jsp.php.perl.cgi等形式為后綴。

                      動態網頁主要有以下的特點:

                      動態網頁以數據庫技術為基礎,可以大大降低網站維護的工作量。

                      采用動態網頁技術的網站可以實現更多的功能,如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等;新聞發布系統的登錄頁面,輸入用戶名和秘碼后就可以查看新聞內容。

                      動態網頁實際上并不是獨立存在于服務器上的網頁文件,只有當用戶請求時服務器才返回一個完整的網頁;

                      動態網頁中的""對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁,因此采用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。

                      網站建設規范和基本流程

                      為了讓網站開發能有效地進行,開發人員都必須遵循網站的開發流程。

                      一.網站建設規范

                      任何一個網站在開發之前都需要定制一個開發約定和規則,這樣有利于項目的整體風格統一、代碼維護和發展。由于網站項目開發的分散性、獨立性、整合的交互墟氯,因此定制一套完整的約定和規則湘旅尤為重要。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定制,將來網站嚴格按規則或約定進行開發。

                      1.開發團隊規范

                      在確定網站項目后的第一件事就是組建開發團隊,根據項目的大小,團隊可以有幾十人,也可以是只有幾個人的小團隊,在團隊劃分中必須含有6個角色,這6個角色分別是項目經理、策劃、美工、程序員、代碼整合員和測試員。

                        項目經理負責項目的總體設計、開發進度的定制和監控,相應的開發規范的定制和各個環節的評審工作以及協調各個成員小組之間的開發。

                      策劃提供詳細的策劃方案和需求分析,還負責后期網站推廣方面的策劃。

                      美工根據策劃和需求設計網站VI、界面、Logo等。

                      程序員根據項目總體設計來完成數據庫和功能模塊的實現。

                      代碼整合員負責將程序員的代碼和界面融合到一起,還可以制作網站的相關頁面。

                      測試員負責測試程序。

                      2.開發工具規范

                      網站開發工具主要分為兩部分,第一部分是網站前臺開發工具,第二部分是網站后臺開發工具。下面分別簡單介紹這兩部分需要使用的軟件。網站前臺開發主要是指網站頁面的設計,包括網站整體框架建立、常用圖像和Flash動畫的設計等,主要使用的軟件是PhotoshopDreamweaverFlash等。

                      3.超鏈接規范

                      在網頁中的鏈接按照鏈接路徑的不同可以分為3種形式:"絕對路徑""相對路徑""根目錄相對路徑"

                      小網站由于層次簡單,文件夾結構一般不超過3層,而且網站內容和結構的改動不大,所以使用"相對路徑"是完全可以勝任的。

                      當網站的規模大一些的時候,由于文件夾的結構越來越復雜,且基于模板的設計方法被廣泛使用,使用"相對路徑"會出現如"超鏈接代碼過長""模板中的超鏈接在不同的文件夾結構層次中無法直接使用"等問題。此時使用"根目錄相對路徑"是理想的選擇,它可以使超鏈接的指向變得絕對化,無論在網站的哪一級文件夾中,"根目錄相對路徑"都能夠準確指向。

                      當網站規模再度增長,發展成為擁有一系列子網站的網站群時,各個子網站之間的超鏈接就不得不采用"絕對路徑"。為了方便網站群中的各個子網站共享,過去在單域名網站中以文件夾方式存放的各種公共設計資源,最好采用獨立資源網站的形式進行存放,各子網站可以使用"絕對路徑"對其進行調用。

                      網站的超鏈接設計是一個很老的話題,而且也非常重要。設計和應用超鏈接確實是一項對設計人員的規劃能力要求非常高的工作,而且這些規劃能力多數是靠經驗積累來獲得的,所疫篇善于和勤于總結。

                      4.文件夾和文件夾命名規范

                      文件夾命名一般采用英文,長度一般不超過20個字符,命名采用小寫字母。文件名稱統一用小寫的英文字母、數字和下劃結的組合。命名原則的指導思想一是使得工作組的每一個成員能夠方便地理解每一個文件的意義,二是當在文件夾中使用"按名稱排列"命令時,同一種大類的文件能夠排列在一起,以便進行查找、修改和替換等操作。

                      5.代碼設計規范

                      一個良好的程序編碼風格有利于系統的維護,代碼也易于閱讀查錯。在編寫代碼時應注意以下規范。

                      a. 大小寫規范

                      b. 字體和格式規范

                      c. 注釋規范

                      二.網站建設的基本流程

                      創建網站是一個系統工程,有一定的工作流程,只有遵循這個步驟,按部就班,才能設計出滿意的網站。因此在制作網站前,先要了解網站建設的基本流程,這樣才能制作出更好、更合理的網站。

                      1.網站的需求分析

                      網站的設計是展現企業形象、介紹產品和服務、體現企業發展戰駱履重要途徑,因此必須明確設計網站的目的和用戶需求,從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,牢記以"消費者"為中心,而不是以"美術"為中心進行設計規劃。在設計規劃之初要考慮以下內容:建設網站的目的是什么?為誰提供服務和產品?企業能提供什么樣的產品和服務?企業產品和服務適合什么樣的表現方式?

                      2.網站整體規劃

                      規劃一個網站,可以用樹狀結構先把每個頁面的內容大綱列出來。尤其當要制作一個大型網站的時候,更需要把整體架構規劃好,同時要考慮到以后的擴充性,避免以后要對整個網站的結構進行更改。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色的搭配、版面布局、文字圖片的運用等,只有在制作網頁之前把這些方面都考慮到了,才能在制作時胸有成竹。也只有如此,制作出來的網頁才能有個性、有特色、具有吸引力。

                      3.確定網站整體風格

                      網站風格設計包括網站的整體色彩、網頁的結構、文本的字體和大小、背景的使用等,這些沒有一定的規則,需要設計者通過各種分析決定。網頁設計一般要與企業整體形象一致,要符合企業CI規范。注意網頁色彩、圖片的應用及版面策劃,保持網頁的整體一致性。一般來說,適合于網頁標準色的顏色有3大系:藍色、黃/橙色、黑//白色。不同的色彩搭配會產生不同的效果,并可能影響訪問者的情緒。在站點整體色彩上,要結合站點目標來確定。如果是政府網站,就要在大方、莊重、美觀、嚴謹上多下功夫,切不可花哨;如果是個人網站,風可以采用較鮮明的顏色,設計要簡單而有個性。

                      4.收集資源

                      網站的主題內容是文本、圖像和多媒體等,它們構成了網站的靈魂,否則再好的結構設計都不能達到網站設計的初衷,也不能吸引瀏覽者。在對網站進行結構設計之后,需要對每個網頁的內容進行一個大致的構思,如哪些網頁需要使用模板,哪些網頁需要使用特殊設計的圖像,哪些網頁需要使用較多的動態效果,如何設計菜單,采用什么樣式的鏈接,網頁采用什么顏色和風格,等等,這些都對資源收集具有指導性作用。

                      重要的文本:如企業簡介文本,不能臨時書寫,要得體、簡明,一般使用企業內部的宣傳文字。

                      重要的圖像:如企業的標志、網頁的背景圖像等,這些圖像對于瀏覽者的視覺影響很大,不能草率處理。

                      庫文件:對于一些常用和重要的網頁對象,需要使用庫文件來進行管理和使用,在設計網頁之前,可以先編輯這些庫文件備用。

                      Flash等多媒體元素:許多網站都越來越多地使用Flash等多媒體元素,這些多媒體元素在設計網頁之前就需要收集妥當或者制作完成。

                      5.設計網頁圖像

                      在確定好網站的風格和搜集完資料后就需要設計網頁圖像了,網頁圖像設計包括網站Logo、網站字體、網站導航欄和網站首頁等的設計。可以使用PhotoshopFireworks軟件來具體設計網站的圖像。有經驗的網頁設計者通常會在使用網頁制作工具制作網頁之前就設計好網頁的整體布局,這樣在具體設計過程將會胸有成竹,大大節省工作時間。

                      設計網駱標志。標志可以是漢字、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。如網站內有代表墟履人物、動物、植物,可以用它們作為設計的標本,加以卡通化或藝術化;專業網站可疫圃本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,采用不同的字體、字母的變形、字母的組合可以很容易地制作出自己網站的英文名稱作標志。

                      

                    用于標志和導航欄的特有字體。一般網頁默認的字體是宋體。為了體現站點的與眾不同和特有風格,可以根據需要選擇一些特別字體。

                      設計首頁。首頁設計包括版面設計導航欄。在站點中導航欄也是一個重要的組成部分。在設計站點時,應考慮到如何使瀏覽者能輕松地從網站的一個頁面跳轉到另一個頁面。

                      設計網站字體。標準字體是指、色彩、圖像、動態效果、圖標等風格設計。

                      6.編輯制作網頁

                      網頁設計是一個復雜而細致的過程,一定要按照先大后小,先簡單后復雜的順序制作。所謂先大后小,就是在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。 根據站點目標和用戶對象去設計網頁的版式和安排網頁內容。一般來說,至少應該哆蘋些主要的頁面設計好布局,確定網頁的風格。 在制作網頁時要靈活運用模板和庫,這樣可以大大提高制作效率。如果很多網頁都使用相同的版面設計,就應為這個版面設計一個模板,然后就可疫圃些模板為基礎創建網頁。

                      7.網站維護

                      一個好的網站,僅僅一次是不可能制作完美的,由于市場環境在不斷地變化,網站的內容也需要隨之調整,給人常新的感覺,網站才會更加吸引訪問者,這就要求對網站進行長期不間斷的維護和更新。

                      網站維護一般包含以下內容:

                      內容的更新;

                      網站風格的更新;

                      網站重要頁面的設計與制作:如重大事件頁面、突發事件及相關周年慶祝等活動頁面的設計與制作。

                      網站系統維護服務:如E-mail賬號維護服務、域名維護續費服務、網站空間維護、與IDC進行聯系、DNS設置、域名解析服務等。

                      8.網站推廣

                      網頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。網站推廣的方法有很多,如到搜索引擎上注冊、網站交換鏈接、添加廣告鏈接等。

                      a、登錄搜索引擎

                      注冊到搜索引擎這是極為方便的一種宣傳網站的方法。注冊時盡量詳細地填寫網站中的一些主要信息,特別是一些關鍵詞,盡量寫通通俗化、大眾化一些,如"公司資料"最好寫成"公司簡介"。注冊分類的時候盡量分得細一些。

                      b、交換廣告條

                      廣告交換是宣傳網站的一種較為有效的方法。在交換廣告條的網頁上填寫一些主要的信息,如廣告圖片、網站地址等,之后它會要求用戶將一段HTML代碼加入到網站中,這樣,用戶的廣告條就可以在這個網站上出現。

                      友情鏈接就是一種常見的交換廣告條的推廣方式,包括文字鏈接和圖片鏈接。文字鏈接一般就是網站的名字。圖片鏈接包括Logo的鏈接或Banner的鏈接,既為友情鏈接推廣方式。

                      cmeta標簽的使用

                      使用meta標簽是簡單而且有效地宣傳網站的方法。不需要去搜索引擎注冊就可以讓客戶搜索到你的網站。將下面這段代碼加入到網頁meta標簽中:

                      網站名稱,產品名稱…… >

                      "content"后面填寫的文字是關鍵詞。關鍵詞最好要大眾化一些,跟企業文化、公司產品等緊秘相關,并且盡量多寫一些。如公司生產的是電冰箱,則可以寫電冰箱、家電、電器等。盡量將產品大類的名稱都寫上去。另外名稱要寫全,如"電冰箱"不要簡寫成"冰箱"。這里有個技巧,可以將一些相對關鍵的詞重復,這樣可以提高網站的排行。

                     

                      現在國內有大量的網址導航類站點,如、BBS宣傳、博客、微博等。

                    二維碼 返回頂部
                    31选7走势图