網站建設及實訓(第3章)

網站建設與實訓第3章網站設計2/3/20231科學出版社本章學習目標

要了解網站域名的設計、注冊、維護的基本知識和步驟正確理解網站文件結構組成，文件名設計

正確理解網站CI形象標志和網站標志(logo)的設計要了解網絡廣告的設計，常見網絡廣告的形式，網上廣告的計費方式等正確理解網站導航欄的位置、導航一致性等知識2/3/20232科學出版社本章要點內容

網站域名的設計

網站文件結構設計

網站CI形象標志的設計網絡廣告的設計網站導航欄設計

2/3/20233科學出版社本章學前要求

對計算機互聯網有一定的了解，經常上網

已經掌握了網站的基本知識、網站結構、網站的深度、Web網站的類型、網站建設進程、網站建設的需求分析和網站的規劃等基本知識4

2/3/20234科學出版社3.1網站域名的設計

為什么要設計域名要想在激烈的市場競爭中出類拔萃，擁有一個好的域名顯得尤為重要。因為域名注冊后是受到保護的，就如同是你在互聯網上的商標和品牌，是一筆無形的資產。域名也是企業、單位在進入互聯網上給人的第一印象，當別人看到你的域名就會讓人聯想到這是你的企業、品牌、產品。而且它具有全球唯一性，因此它的價值可能會高于傳統的名字、商標。域名是企業開展電子商務必不可少的要素，企業沒有域名，就像房子沒有門牌號碼在互聯網中沒有人可以找到你，也就難以建立起良好的企業形象。在如今科技信息時代的浪潮中注冊企業自己的域名，可以保護企業的無形資產、樹立良好的企業形象。

2/3/20235科學出版社3.1.1域名

什么是域名?

1、從技術上講，域名只是Internet中用于解決地址對應問題的一種方法，可以說只是一個技術名詞。

2、由于Internet的全球化，域名也自然地成為一個社會科學名詞。

3、從社會科學的角度看，域名已成為Internet文化的組成部分。

4、從商界看，域名已被譽為企業的網上商標。

2/3/20236科學出版社IP地址

TCP／IP協議規定，IP地址用二進制來表示，每個IP地址長32位（bit）,我們知道，網絡的規模是不同的，有的網絡主機多，有的網絡主機少，這樣根據網絡規模的大小，TCP／IP將IP地址分為A、B、C3類。A類地址用于超大型的網絡，它能容納1600多萬臺主機，B類地址用于中等規模的網絡，容納6萬多臺主機，C類地址用于小型的網絡，僅能容納256臺主機。為了便于記憶，可以將這個32位數分成4個組，每組8位，然后將每一組都翻譯成相應的十進制碼。IP地址的這種表示方法叫做“點分十進制表示法”，比1和0二進制碼表示法容易記憶。

2/3/20237科學出版社域名地址

由于IP地址是數字型的，使用起來并不方便。于是又起用了另一套字符型的地址方案，即所謂的域名地址。

由于Internet的域名體系是一個樹型結構，因此，Internet中的域名可分為多層。域名地址更直接體現出層次型的管理方法，其通用的格式如下：

第四級域名．第三級域名．第二級域名．第一級域名

第一級域名：往往是國家或地區的代碼；第二級域名：往往表示主機所屬的網絡性質，比如屬于教育界還是政府部門等。

2/3/20238科學出版社常見一級域名如表3.1

域名

分類

ac

科研機構com商業組織、公司、企業edu教育機構gov政府部門mil軍事部門net網絡支持中心org國際組織（非營利機構）int上述以外的機構國家地區代碼

如cn,jp,uk等

2/3/20239科學出版社特別需要說明的是：Internet是首先在美國發明和發展起來的，各種管理規則也是由以美國為主的機構和組織制定的，所以在美國注冊的域名可以不使用國家代碼，這是一個特例，直接使用.com、.net等一級域名，如、、、163.net等域名都是在美國注冊的域名。

社會上把在美國注冊的域名稱為頂級域名的說法是不科學的。在世界各國和地區的域名管理和注冊機構注冊的域名必須把國家和地區代碼作為一級域名。在中國的互聯網絡信息中心（CNNIC）注冊的域名必須有.cn，如等等。

1997年2月4日，IAHC公布了一個報告，提到新增加7個通用一級域名。

2/3/202310科學出版社表3.2新增加7個通用一級域名域名分類firm代表公司、企業store代表商店web代表突出WWW活動的單位arts代表突出文化、娛樂活動的單位arts代表突出消遣、娛樂活動的單位info代表提供信息服務的單位nom代表個人2/3/202311科學出版社表3.3我國類別域名

域名分類ac科研機構com工業、商業、金融業等edu教育機構gov政府部門net互聯網絡、接入網絡的信息中心(NIC)和運行中心(NOC)org各種非盈利性組織2/3/202312科學出版社表3.4我國的各省、自治區、直轄市行政區域名

行政區域名含義行政區域名含義bj 北京市sh上海市tj 天津市cq重慶市he 河北省sx山西省nm 內蒙古自治區ln遼寧省jl 吉林省hl黑龍江省js江蘇省zj浙江省sh 安徽省fj福建省jx江西省sd山東省ha河南省hb湖北省hn 湖南省gd廣東省gx廣西壯族自治區yn云南省sc四川省gz貴州省yn云南省hn海南省sx陜西省xz西藏自治區qh青海省gs甘肅省xj新疆維吾爾自治區nx寧夏回族自治區hk香港tw臺灣2/3/202313科學出版社3.1.2域名設計一個專業的網站建立在合理的網站規劃前提之下，網站規劃既要有戰略性的內容，也要包含戰術性的內容，戰術是為戰略服務的。網站規劃是網站建設的基礎和指導綱領，決定了一個網站的發展方向，同時對網站推廣也具有指導意義。實際上，從網絡營銷的觀點來看，網站建設的每一步工作都與網絡營銷效果有關，網頁優化設計是為了搜索引擎排名的需要，一個響亮而又意義明確的網站名稱對網站的推廣具有更加重要的意義，注冊一個簡單易記的域名是為了網站品牌營銷的需要。2/3/202314科學出版社1.域名設計的原則

設計域名時，要選擇有顯著特征和容易記憶的單詞，最好簡短且有獨特意義。一個好的域名應該具有以下幾個特點：吸引力強簡潔明了內涵豐富商業價值高域名要短小域名要容易記憶不容易與其他域名混淆避免競爭者域名與公司名稱、商標或核心業務相關為拓展業務注冊域名域名要避免文化沖突保持國際域名和國內域名的統一

2/3/202315科學出版社2.域名設計

國內網站的新穎域名層出不窮，許多國內網站的域名設計思路都有很高藝術價值和創意，域名設計可以從以下幾個方面考慮：模仿型

數字型

區域型

拼音型

組合型

2/3/202316科學出版社3.1.3域名注冊

1.國際域名的注冊

為了保證國際互聯網絡的正常運行和向全體互聯網絡用戶提供服務，國際上設立了國際互聯網絡信息中心(InterNIC)，為所有互聯網絡用戶服務。國際域名最好通過ICANN認證的域名注冊服務商或NetworkSolutions公司代理商來注冊。全球最大的域名注冊機構美國NSI(NetworkSolutionsInc)公司。

圖3.1是國際域名注冊代理機構的在線注冊網站的一個界面。

2/3/202317科學出版社圖3.1國際域名注冊代理頁面

2/3/202318科學出版社2.國內域名的注冊我國為了適應互聯網絡的發展，更好地為我國迅速增長的互聯網絡用戶服務，受原國務院信息化工作領導小組辦公室的委托，中國科學院在中國科學院計算機網絡信息中心組建了中國互聯網絡信息中心（CNNIC），行使國家互聯網絡信息中心的職責，CNNIC的一項主要業務就是域名注冊服務，圖3.3是中國互聯網絡信息中心（CNNIC）的主頁。CNNIC對域名的管理嚴格遵守中國互聯網絡域名管理辦法。國內域名注冊有兩種辦法，一種是通過CNNIC來注冊域名，另一種是通過CNNIC域名注冊申請授權代理單位(ISP)來進行。前一種辦法要求較高，尤其是對于首次設置的網站，注冊人員在技術上不熟悉的話，要回答注冊域名時的問題時會有些困難，但此種方法費用較低，不用付給代理商服務費，而且由注冊者直接控制注冊過程，維護也比較方便；后一種辦法對于第一次注冊域名的單位來說比較容易，不利之處是要額外為這項服務付費，還要受到代理商的控制。

2/3/202319科學出版社3.我國域名注冊的規定

域名注冊申請人至少有一臺域名服務器（可以是自己的服務器或者是租的服務器，也可以是代理商的服務器），其中主域名服務器必須在中國境內運行，并且能與Internet保持連接，能對域名提供連續服務。此外，還需要提供以下文件資料。

1)域名的命名

我國在域名的命名上有比較多的限制，如：不得使用“CHINA”、“CHINESE”、“CN”、“NATIONAL”等作為域名的一部分；不得使用公眾知曉的其他國家或者地區名稱、外國地名、國際組織名稱；不得使用行業名稱或者商品通用名稱等等。2)需要提交較多的書面材料，有些必須是原件通過CNNIC來自己注冊域名的方法和步驟如下：域名注冊申請表；本單位介紹信；承辦人身份證復印件；本單位依法登記文件的復印件。通過代理商來進行域名注冊申請應提交如下幾種資料：域名注冊申請表；域名申請單位依法登記文件的復印件；委托代理書；代理單位介紹信；承辦人身份證復印件。

2/3/202320科學出版社4.通過CNNIC注冊域名的方法和步驟如下最快的方式是申請人先通過CNNIC的WWW頁面提交域名注冊申請表，CNNIC也接受電子郵件注冊，傳真的方式僅適用于代理商。CNNIC初審通過后，申請的域名就處于30天保留期。注冊人應盡快將所需的全部書面材料提交給CNNIC。在30天保留期內的域名CNNIC并不提供域名解析服務，因此在這段時間內域名是訪問不到的。用戶可以通過CNNIC的域名處理情況查詢頁面了解域名的注冊狀況，網址是：/cgi-bin/mailqc。5.填表時應注意的事項l

域名管理聯系人的單位必須和域名申請單位相同。域名申請單位一欄中單位名稱縮寫必須為英文縮寫。

2/3/202321科學出版社6.域名注冊后可能進行的后續操作l

修改部分記錄和轉移域名這在CNNIC都叫域名的變更。其手序除了第一次注冊時所需的材料外，同時還要提交《域名注冊證》。提出域名申請的單位必須是域名的擁有單位。域名變更的申請材料只能通過郵寄或面交方式提交給CNNIC，其處理流程與新注冊相同。l

注冊主機：在CNNIC注冊域名的同時，若發現無此主機，則會自動為您注冊主機。l

過戶：我國域名注冊政策不允許過戶。l

刪除：如果需要刪除域名，其操作和修改相似，需要完整的書面材料。l

注冊聯系人：聯系人是在注冊新域名時，同新域名一起完成注冊。7.身份認證國內域名的注冊中對身份的認證，靠對書面文件進行驗證實現。

2/3/202322科學出版社3.1.4中文域名注冊

通用網址技術是一種基于域名基礎之上，專用于WWW瀏覽的訪問技術。它通過建立通用網址與網站地址URL的對應關系，有效地降低了域名體系的復雜性，是實現她覽器訪問的一種便捷方式訪問者不用記憶或輸人http//www.zjyyc．net等復雜、冗長的英文域名，只要在瀏覽器網址欄中輸人通用網址（企業、產品、品牌的名稱或拼音）就可以直達目標網站。

通用網址提供了4種訪問方式：中文網址、英文網址、拼音網址、數字網址

2/3/202323科學出版社3.1.5域名維護

111.

繳費如果在我國的CNNIC注冊了域名，在收到CNNIC已通過審核的電子郵件通知后，用戶應該在20日內通過郵政匯款、銀行電匯或直接上門繳納域名注冊費用。如果沒及時交納會收到CNNIC的暫停通知。CNNIC處理域名注冊的時間周期很短，從收到申請材料至域名開通在5個工作日內完成，從收到域名注冊費用至寄出“域名注冊證”在10個工作日內完成。注冊國際域名不用用戶寄送任何材料，只要你所申請的域名沒有被注冊，在期限內交納費用就可以了。域名注冊費的繳納是以年為單位的，如果域名注冊費到期沒有按時繳納，國際域名可以由別人注冊。所以繳納域名注冊費是域名管理維護最重要的工作之一。

2/3/202324科學出版社2.域名的管理

非個人注冊的域名，如企業和公司的域名的注冊和管理要有專門的管理員，其域名注冊檔案要保留在檔案室或機要部門，其目的是防止人員流動造成失去對域名的控制權的時間發生。另外域名管理員還要密切注視委托公司代辦注冊的ISP公司的動向，確保代辦的經營運行狀況，不會因為代辦公司的經營改變和倒閉失去對域名的控制權。要按時交納域名注冊費，如域名管理員變動要及時更新維護密碼和相關信息。

3．關于域名的法律糾紛當域名出現法律糾紛后，按照管理規定，CNNIC的做法是：CNNIC不負責向國家工商行政管理部門及商標管理部門查詢用戶城名是否與注冊商標或者企業名稱相沖突，是否侵害了第三者的權益。任何因這類沖突引起的糾紛，由申請人自己負責處理并承擔法律責任。當某個域名與在我國境內注冊的商標或者企業名稱相同。并且注冊域名不為注冊商標或者企業名稱持有方擁有時，注冊商標或者企業名稱持有方若未提出異議，則域名持有方可以繼續使用其域名；若注冊商標或者企業名稱持有方提出異議，在確認其擁有注冊商標權或者企業名稱權之日起，各級城名管理單位為域名持有方保留30日戰名服務，30日后域名服務終止。

2/3/202325科學出版社3.1.6域名的設置和使用域名注冊完成后并不意味著訪問者可以通過流覽器訪問到網站，還需要在Web服務器上進行一些設置。1、DNS服務器

DNS服務器中將保存有A記錄、CNAME記錄、MX記錄等信息，并負責向互聯網中其他計算機提供這些信息。2、A記錄

用于指定域名所對應的IP地址，例如“網易”的IP地址是220．181．28.42，A記錄負責解析所有WWW.163.COM的請求到220．181.28．42的IP上。有一點要注意，A記錄是一種將域名對應為IP的記錄，并非僅用于WWW服務（網站），互聯網使用者同樣可以通過此域名訪問位于同一個IP上的其他服務，例如FTP、SMTP、POP服務等。2/3/202326科學出版社3、CNAME記錄

CNAME記錄是通常所說的別名記錄或別名轉向記錄。CNAME的作用是將一個域名直接指向到另外一個域名。例如某網站已有域名,打算讓訪問該域名的訪問者看到與訪問的一樣，可以使用CNAME記錄將的訪問者轉向。1.

4、MX記錄郵件交換記錄。用于指定電子郵件服務器所在IP或者主機名。2/3/202327科學出版社3.2網站文件結構設計

3.2.1文件結構設計一個網站是由許許多多的不同屬性的文件組成的，這些文件不能雜亂無章地堆放在一起，而應該是對文件進行合理的分類，建立相關的文件夾（子目錄）有序地存放。這樣不僅有利于網站的管理和維護，也有利于團隊合作開發，為后續開發與轉交第三方開發提供了便利，同時也是衡量軟件開發質量的一項指標。不同的網站需要按信息類別的不同確定網站目錄，而不是所有的網站都套用相同的目錄結構，但確定網站目錄，必須遵循以下目錄建立的原則：1．以最少的層次提供最清晰、最便捷的訪問結構2.根目錄必須是DNS域名服務器指向的索引文件存放的目錄3.根目錄只允許存放網站的主頁文件4.每個主要導航欄應在根目錄下建立一個相應的獨立子目錄5.目錄的層次不易超過3層，不要使用中文目錄，使用中文目錄可能對網址的正確顯示造成困難，目錄名不易過長，太長的目錄名不便于記憶。盡量使用意義明確的目錄，以便于記憶和管理。

2/3/202328科學出版社6.網站公用圖片應存放在根目錄下的images目錄中，而每個主要導航欄的圖片應該存放于其子目錄下的images目錄中。

7．網站的數據庫文件存放在database子目錄下

8．網站的設計文件和資料存放在txt子目錄下

9.從客戶端上傳的文件存放在upload子目錄下

10.如果網站同時存在兩種及以上語言版本，應在服務器建立各自語言版本的根目錄

圖3.4所示的是一個小型的教師測評網站(tss)的文件結構。從圖中我們可以看出，它是建立在E:盤，其根目錄為tss，在這個目錄下共有aspx、database、images、ppt、txt、upload六個子目錄和一個主頁文件default.aspx。從子目錄的命名可以清楚地看出，這個網站的開發技術采用的是，在它根目錄下只有一個主頁文件。

2/3/202329科學出版社圖3.4教師測評網站的文件結構

2/3/202330科學出版社3.2.2文件名設計

網站是由許多文件組成的，文件有意義的命名不僅有利于程序員理解其含義，而且為查找、排序、替換提供了方便。不同的網站建設有不同的網站文件結構，網站文件的內容與數量是由網站的具體內容所決定的，其命名也應隨文件內容的不同而不同。但必須遵循以下命名的原則：1.以最少的字母表達最容易理解的意義。

2.主頁文件統一使用index或default文件名。

3.文件名稱使用小寫的英文字母、數字和下劃線的組合，使用英語而不是使用拼音來命名文件，雖然這兩種方法都不會造成什么錯誤，但是因為拼音卻會帶來很多麻煩。如果文件名采用中文命名，其一是不符合國際規范，另外也可能會因為操作系統對漢字處理的復雜性產生別的錯誤，這種情況是經常發生的。

2/3/202331科學出版社雖然IE本身對文件名的大小寫沒有什么要求，但是許多Web服務器是區分大小寫的，如果不加以規范化，常常會出現文檔中是大寫，實際頁面文件是小寫的情況，這種差錯最后總是造成頁面無法顯示。為了避免這種錯誤，節省不必要的頁面檢查測試工作，我們要求頁面必須是小寫。4.多個同類型文件使用英文字母加數字命名，字母和數字之間用下劃線分隔。5.圖片的名稱應分為頭尾兩部分，中間用下劃線隔開，頭部分表示此圖片的類別性質，圖片文件和動畫文件命名能看懂即可。6.所有的js文件、css文件、cgi文件、多媒體文件等都應該以其含義的英文或英文簡寫命名。

2/3/202332科學出版社3.2.3網站設計常用文件名

使用常用的文件名會使得網頁更容易被找到。因為網頁設計人員做完頁面后，程序員接下來還要添加腳本，有時候還要對表單的Action屬性進行編輯，因此規范的頁面名稱更容易被找到。常用的文件名見表3.1所示，主要以asp技術為例。

2/3/202333科學出版社表3.1常用的文件名

文件名文件說明index.htm,index.html超文本的主頁文件index.asp,index.aspx asp,的主頁文件index.jsp jsp的主頁文件index.php php的主頁文件default.htm、default.html 超文本的主頁文件default.asp、default.aspx asp,的主頁文件default.jsp jsp的主頁文件default.php php的主頁文件search.asp 按關鍵字檢索信息頁面文件sort.asp 記錄分類排序頁面文件add.asp 添加記錄頁面文件del.asp 刪除記錄頁面文件modify.asp 編輯記錄頁面文件top.asp 網頁文件頭foot.asp 網頁文件尾manage.asp 后臺管理頁面文件connection.asp 數據庫連接頁面文件counter.asp 網站計數器頁面文件password.asp 用戶認證頁面文件2/3/202334科學出版社在一個目錄下當文件數量達到500個以上，文件的可讀性和可查找性將大幅度降低，如果我們在設計文件名時按規范化的要求設計，就可以避免這種情況的發生。規范的網站文件結構和文件命名的設計，當網站規模發展到足夠大的時候可以起到良好的支持和可維護的作用，否則會阻礙網站的括充和更新。專家們比喻對網站文件結構以及命名的重要程度就像建筑大樓的地基一樣，當一幢大樓建好后，再要修改地基就很困難了。同樣的道理，當網站建設完成后，修改文將結構以及命名規范也將是非常困難的。

2/3/202335科學出版社3.3網站CI形象標志的設計

CI(CorporateIdentity)是通過視覺來統一企業的形象。CI設計就是通過視覺語言的運用來樹立形象、傳播信息，達到讓社會公眾認識、了解、接受、認可的目的。現實生活中的CI策劃比比皆是，如可口可樂公司是最杰出的例子之一，他們使用全球統一的標志、統一的色彩和統一的產品包裝，給世人的印象極為深刻。CIS(CorporateIdentitySystem)是企業進行良好組織形象策劃、設計、傳播和管理的一種戰略、方案和手段。其主要特點是：企業在特定的理念和獨特的行為活動的基礎上，通過對企業一切可視事物的統籌設計、控制和傳播，使企業的識別系統統一化、標準化、個性化和專有化。從而形成或強化企業在公眾心目中的良好形象。通常認為，企業識別系統由理念識別(MI)、行為識別(BI)和視覺識別(VI)等子系統組成。

2/3/202336科學出版社3.3.1網站CI形象設計

一個優秀的網站和實體公司一樣，也需要整體的形象包裝和設計，準確的說是需要有創意的CI形象設計，成功的CI形象設計對網站的宣傳推廣有事半功倍的效果。當你的網站主題和名稱確定下來之后，首先需要思考和定位的就是網站的CI形象，其主要內容有網站的標志、色彩、字體、標語等。把網站的標志設計得醒目、漂亮、特色鮮明、富有創意、使人過目不忘、印象深刻是進行宣傳的最好手段。一個制作成功的網站站標，不僅可以很好地樹立網站的形象，還可以傳達網站的相關信息。當瀏覽者瀏覽網站時，首先映人眼簾的就是網站站標。因此，網站站標設計在網站建設中具有極為重要的意義。1、網站的標志(logo)

網站標志已經成為現代企業形象設計不可缺少的重要內容。設計制作一個網站的標志(logo)如同商標一樣。由于logo是站點特色和內涵的集中體現，看見logo就讓大家聯想起你的站點。

2/3/202337科學出版社網站的標志可以是中文或英文字母，可以是符號、圖案，可以是動物或者人物等等。比如：soim（索易）是用soim的英文作為標志，新浪用字母sina+眼睛作為標志。標志的設計創意來自對你網站名稱和內容的高度概括、抽象、創意。一般常用的網站的標志有以下幾種設計。(1)可以用有代表性的人物、動物、花草作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等。(2)可以用本專業有代表的物品作為標志，比如中國銀行的銅板標志，奔馳汽車的方向盤標志等。(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。可以采用不同的字體，字母的變形，字母的組合制作自己的標志。

2/3/202338科學出版社2.網站的標準色彩

網站給人的第一印象來自視覺沖擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，并可能影響到瀏覽者的情緒。“標準色彩”是指能體現網站形象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切、和諧。如果將IBM改用綠色或金黃色，我們會有什么感覺？一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用于網站的標志，標題，主導航欄和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。適合于網頁的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。

2/3/202339科學出版社3.設計網站的標準字體標準字體是指用于標志、標題、主導航欄的特有字體。網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，我門可以根據需要選擇一些特別字體。比如，為了體現某一專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體并不算困難。4.設計網站的宣傳語網站的宣傳語也可以說是網站的精神、網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的“味道好極了”，Intel的“給你一個奔騰的心”等等。以上標志，色彩，字體，標語四個方面是一個網站樹立CI形象的關鍵，確切的說是網站的表面文章，設計并完成這幾步，你的網站將脫胎換骨，整體形象將會有一個提高。

2/3/202340科學出版社3.3.2網站標志(logo)的設計

怎樣才能設計出一個好的網站站標呢？

在網絡LOGO設計中極為強調統一的原則。統一并不是只反復某一種設計原理，而是應該將主導性、從屬性、相互關系、均衡、比例、反復、反襯、律動、對稱、對比、借用、調和、變異等等設計人員所熟知的各種原理，正確地應用于站標設計中，以集中體現完整、優美的寓意。構成LOGO要素的各部分，一般都具有一種共同性及差異性，這個差異性又稱為獨特性，或叫做變化。而統一是將多樣性提煉為一個主要表現體，這稱為多樣統一原理。其實，在各個組成要素中，必然有一個大小、材質、位置等具有支配全體作用的要素，被稱為支配。設計時精確地把握對象的多樣統一并突出支配性的要素，是設計網絡LOGO必備技術因素。網絡LOGO所強調的辨別性及獨特性，導致相關圖案字體的設計也要和被標識體的性質有適當的關聯，并具備類似風格的造型。標設計的目的是樹立形象和傳達信息。站標設計與傳統的平面設計有很多相同的地方，可以借鑒。

2/3/202341科學出版社在站標的構思創意過程中，可以從以下幾個方面進行思考：1.功用性站標志的本質在于它的功用性。如圖3.5所示的中國工商銀行的站標和該行一貫使用在全國大街小巷的銀行、儲蓄所的標志一樣，使用戶感到熟悉和親切，具有良好的功用性。

圖3.5中國工商銀行的站標

2/3/202342科學出版社2.識別性網站標志最突出的特點是各具獨特面貌，易于識別，顯示事物自身特征，標示事物間不同的意義，區別與歸屬是標志的主要功能之一。圖3.6所示的yahoo網站的站標，圖3.7所示的商務中國的網站的站標都具有極鮮明特征。圖3.7商務中國的網站的站標

圖3.6yahoo網站的站標

2/3/202343科學出版社3.顯著性顯著性是網站標志又一重要特點，絕大多數網站標志的設置就是要引起人們注意。因此色彩強烈醒目、圖形簡練清晰，是標志通常具有的另一個特征。圖3.8所示的IBM公司網站站標，圖3.9所示的Intel公司網站站標，這2個站標色彩強烈醒目、圖形簡練清晰，與公司的標志相同。

圖3.8IBM公司網站站標

圖3.9intel公司網站站標

2/3/202344科學出版社4.多樣性網站標志種類繁多、用途廣泛，無論從其應用型式、構成形式、表現手段來看，都有著極其豐富的多樣性。其構成形式，有直接利用物象構成的，有以文字符號構成的，有以具像、意像或抽象圖形構成的，有以色彩構成的，有以黑白構成的。多數網站標志是由幾種基本形式組合構成的。圖3.11所示的中國電信網站站標，圖3.12中國頻道網站站標，簡潔明了，具有圖案、中文、英文的組合形式。

圖3.11中國電信網站站標

圖3.12中國頻道的網站站標

2/3/202345科學出版社5.藝術性凡經過設計的網站標志都具有某種程度的藝術性。既符合實用要求，又符合美學原則，給人以美感，這對其藝術性的基本要求。圖3.13是139130短信中心網站站標,圖3.14是珠穆朗瑪網上超市網站站標。這兩個網站的站標藝術性強，圖形創意具有高度藝術化，又具有文明時代電子信息短信和電子商務虛擬市場的幻覺。

圖3.13139130短信中心網站站標

圖3.14珠穆朗瑪網上超市網站站標

2/3/202346科學出版社6.準確性標志無論要說明什么、指示什么，無論是寓意還是象征，其含義必須準確。標志首先要易懂，符合人們認識心理和認識能力；其次要準確，避免意料之外的多解或誤解，尤其應注意禁忌。讓人在極短時間內一目了然、準確領會，這正是標志優于語言、快于語言的長處。圖3.15是中國銀行網站站標，圖3.16是中國紅十字會的網站站標。銀行的銅錢和紅十字都十分貼切的表示了網站的寓意和特征。

圖3.15中國銀行網站站標

圖3.16中國紅十字會的網站站標

2/3/202347科學出版社7.持久性標志與廣告或其它宣傳品不同，一般都具有長期使用價值，不輕易改動，屬于表象符號。獨特、醒目，圖案本身易被區分、記憶，通過隱寓、聯想、概括、抽象等繪畫表現方法表現被標識體，對其理念的表達概括而形象，一旦建立聯系，印象較深刻，對被標識體記憶相對持久。圖3.17是網站站標,圖3.18是網站站標，這2個就是使用表象符號作為站標，我們難從圖標的圖形理解網站所關聯的實體的內容，但它簡潔，容易記憶。圖3.17網站站標

圖3.18網站站標

2/3/202348科學出版社3.4網絡廣告的設計

網絡廣告對于網上營銷的作用已經越來越引起各公司的重視，而一個好的廣告設計往往能使宣傳效果大增，并讓你的廣告投資獲得豐厚的回報。因此，網絡廣告正在憑借較高的針對性，強大的管理功能、精確的成本計算以及創新的互動效果等優勢獲得越來越多廣告主的青睞。但是網絡廣告還是不可避免地受到帶寬等因素的制約。2/3/202349科學出版社3.4.1常見的網絡廣告形式橫幅式廣告(Banner）又名“旗幟廣告”，最常用的廣告尺寸是486×60(或80)像素(pixels)，以Gif、Jpg等格式建立的圖像文件，定位在網頁中，大多用來表現廣告內容，同時還可使用Java等語言使其產生交互性，用Shockwave等插件工具增強表現力，一般放在頁面的頂部，這類廣告設計精美，重點突出，較容易吸引用戶的眼球。圖3.19是IBM公司的電子商務廣告，設計大氣，富有想象和感染力，預示電子商務茁壯成長。圖3.20是白天鵝大酒店的營銷廣告，夜色垂幕下的湖面悠閑的白天鵝向人們昭示你選擇的下榻處就是優雅舒適的白天鵝大酒店。2/3/202350科學出版社圖3.19IBM公司的電子商務廣告

圖3.20白天鵝大酒店的營銷廣告

2/3/202351科學出版社按鈕式廣告(Buttons)最常用的按鈕廣告尺寸有四種，它們分別是：125×125(方形按鈕)，120×90，120×60，88×31，單位：像素(pixels)。可以定位在網頁的任何位置，由于尺寸偏小，表現手法較簡單，但按鈕式廣告是網頁中最普遍和最多的一類廣告。如圖3.21，圖3.22所示。

圖3.21按鈕式廣告（1）

圖3.22按鈕式廣告（2）

2/3/202352科學出版社郵件列表廣告(DirectMarketing）又名“直郵廣告”，利用網站電子刊物服務中的電子郵件列表，將廣告加在每天讀者所訂閱的刊物中發放給相應的郵箱所屬人。墻紙式廣告(Wallpaper）把廣告主所要表現的廣告內容體現在墻紙上，并安排放在具有墻紙內容的網站上，以供感興趣的人進行下載。贊助式廣告(Sponsorships）分為三種贊助形式：內容贊助、節目贊助、節日贊助。贊助式廣告形式很多樣，廣告主可根據自己所感興趣的網站內容或網站節目進行贊助。但網站節目特指時效性網站，例如：世界杯網站。另外，節日贊助是指網站在特別節目所推出的網站推廣活動。電子郵件式廣告(E-mail）廣告形式以Banner為主，廣告體現在擁有免費電子郵件服務的網站上，廣告會出現在個人郵箱的主頁上。2/3/202353科學出版社競賽和推廣式廣告(Contests&Promotions）廣告主可以與網站一起合辦他們認為感興趣的網上競賽或網上推廣活動。插頁式廣告(InterstitialAds)又名“彈跳廣告”，廣告業主選擇自己喜歡的網站或欄目，在該網站或欄目出現之前插入一個新窗口顯示廣告。圖3.23是插頁式廣告，也稱彈出式廣告。互動游戲式廣告(InteractiveGames）在一段頁面游戲開始、中間、結束的時候，廣告都可隨時出現。并且可以根據廣告主的產品要求為之量身定做一個屬于自己產品的互動游戲廣告。隱藏頁面廣告(HiddenAd)Banner隱藏頁面廣告是在Banner廣告的基礎上發展的產物，也是為了彌補Banner廣告傳載信息較少、廣告表現單一的不足。

2/3/202354科學出版社3.4.2網絡廣告優點

1.傳播范圍廣

網絡廣告的傳播范圍廣泛，可以通過國際互聯網絡把廣告信息全天候（無論刮風下雨都不影響效果）、24小時不間斷地傳播到世界各地。目前全球網民以每年10%的速度在發展壯大。這些網民具有較高的消費能力，是網絡廣告的受眾，他們可以在世界上任何地方的Internet上隨時隨意瀏覽廣告信息，其廣告效果是傳統媒體無法達到的。

2.非強迫性傳送資訊

報紙廣告、雜志廣告、電視廣告、廣播廣告、戶外廣告等都具有強迫性，都是要千方百計吸引你的視覺和聽覺，強行灌輸到你的腦中。而網絡廣告則屬于按需廣告，具有報紙分類廣告的性質卻不需要你徹底瀏覽，它可讓你自由查詢，將你要找的資訊集中呈現給你，這樣就節省了你的時間，避免無效的被動的注意力集中。可以讓用戶更詳細的了解產品的各個性能。

2/3/202355科學出版社3.受眾數量可準確統計網絡廣告能進行完善的統計，網絡廣告通過及時和精確的統計機制，可以跟蹤和衡量廣告的效果，使廣告業主能夠直接對廣告的發布進行在線監控，即時衡量廣告的效果。在Internet上可通過權威公正的訪客流量統計系統精確統計出每個客戶的廣告被多少用戶看過，以及這些用戶查閱的時間分布和地域分布，從而有助于客商正確評估廣告效果，審定廣告投放策略。

4.網絡廣告擁有最有活力的消費群體互聯網用戶70.54%集中在經濟較為發達地區，64%家庭人均月收入高于1000元，85.8%年齡在18歲到35歲之間，83%受過大學以上教育。因此，網絡廣告的目標群體是目前社會上受教育程度層次最高、最年輕、收入最高、消費能力最高的最具活力的消費群體，這一群體的消費總額往往大于其他消費層次之和，網絡廣告可以幫您直接命中最有可能的潛在用戶。

2/3/202356科學出版社5.強烈的交互性與感官性

傳統媒體是二維的，而網絡廣告則是多維的，它能將文字、圖像和聲音有機的組合在一起，傳遞多感官的信息，讓用戶如身臨其境感受商品或服務。網絡廣告的載體基本上是多媒體、超文本格式文件，用戶可以對其感興趣的產品信息進行更詳細的了解，通過鏈接，僅需輕按鼠標就能進一步了解更多、更為詳細、生動的信息，使消費者能親身體驗產品、服務與品牌。

網絡廣告還具有交互性和縱深性。交互性是互聯網絡媒體的最大的優勢，它不同于傳統媒體的信息單向傳播，而網絡廣告信息是互動傳播的。另外，用戶可以通過廣告直接填寫并提交在線表單信息，廠商可以隨時得到寶貴的用戶反饋信息，進一步減少了用戶和廣告客戶之間的距離。同時，網絡廣告可以提供進一步的產品查詢需求。

6.實時、靈活、成本低在傳統媒體上做廣告，廣告制作成本高，投放周期固定，發版后很難更改，即使可改動往往也須付出很大的經濟代價。而在Internet上做廣告能按照需要及時變更廣告內容以及隨時添加廣告信息。經營決策的變化也能及時實施和推廣,在成本上比傳統媒體的廣告經濟的多，網絡廣告制作周期短，即在較短的周期進行投放，也可以根據客戶的需求很快完成制作。

2/3/202357科學出版社7.網絡廣告的投放更具有針對性通過提供眾多的免費服務，網站一般都能建立完整的用戶數據庫，包括用戶的地域分布、年齡、性別、收入、職業、婚姻狀況、愛好等。這些資料可幫助廣告主分析市場與用戶，根據廣告目標受眾的特點，有針對性地投放廣告，并根據用戶特點作定點投放和跟蹤分析，對廣告效果做出客觀準確的評價。

8.網絡廣告的用戶關注度高據資料顯示，電視并不能集中人的注意力，電視觀眾40%的人同時在閱讀，21%的人同時在做家務，13%的人在吃喝，12%的人在玩賞它物，10%在烹飪，9%在寫作，8%在打電話。而網上用戶55%在使用計算機時不做任何它事，只有6%同時在打電話，只有5%在吃喝，只有4%在寫作。

2/3/202358科學出版社9.網絡廣告縮短了媒體投放的進程廣告主在傳統媒體上進行市場推廣一般要經過三個階段：市場開發期、市場鞏固期和市場維持期。在這三個階段中，廠商要首先獲取注意力，創立品牌知名度；在消費者獲得品牌的初步信息后，推廣更為詳細的產品信息。然后是建立和消費者之間較為牢固的聯系，以建立品牌忠誠。而互聯網將這三個階段合并在一次廣告投放中實現：消費者看到網絡廣告，點擊后獲得詳細信息，并填寫用戶資料或直接參與廣告主的市場活動甚至直接在網上實施購買行為。

2/3/202359科學出版社3.4.3網上廣告是怎樣計費的

目前網絡廣告收費形式主要有：

按千次廣告播映率收取一定的費用（CPM）

國內收費標準為人民幣120~320元/CPM不等。CPM是英文CostPerThousandImpression的縮寫，就是說廣告在所有客戶瀏覽頁面中顯示累計超過1000次，你就得支付120~320元。

CPM的PerThousand的標準是PageViews(頁面訪問次數)不是UserSessions(訪問人次)，假如有1000個人次(UserSessions)訪問你的網站，而PageViews是1200的話，那就說明其中有一些人看了兩次以上這個網頁。

一般是按照每千人次訪問次數作為收費單位，即CPM(CostPerThousand)，比如說一個廣告Banner的單價是1元/CPM的話，意味著每一千個人次看到這個Banner的話就收1元，如此類推，10,000人次訪問的主頁就是10元。另外一種即是按時間來收費，即按廣告投放的時間為長短來收費，一般以月為單位。

2/3/202360科學出版社按千次廣告點擊率收取相應的費用（CPC）

該方式收費基準是CPC（CostPerThousandClickThrough），即以廣告圖形被點擊并連接到相關網址或詳細內容頁面1000次作為計費單位。如廣告主購買了10個CPC，意味著投放的廣告可被點擊10,000次。從性價比上看，CPC比CPM要好一些，廣告主也往往更傾向選擇這種付費方式，但其單位費用標準卻比CPM要高得多。

2/3/202361科學出版社3.4.4網絡廣告設計

網絡廣告設計要突出：n

信息簡單明了n

明確表達對用戶的利益n

創造出一種點擊的緊迫感n

具有趣味性SHPUSH接受通過多種技術制作的廣告條，如HTML，FLASH，JAVA，DHTML等。1.圖標廣告(Button)設計

圖標廣告是出現在某主頁上的一個小圖標，可連接到廣告業主的網站上，一般尺寸為：88*31120*90125*125120*60像素。目前網頁上常見的圖標廣告基本都是gif動畫式的，可以將要用的圖片用PHOTOSHOP等工具處理后，再用FLASH等工具制作成gif動畫，在網頁制作時作一個連接。圖3.24是日本富士公司宣布將推出F700的升級機型-F710的圖標廣告。2/3/202362科學出版社連接程序：

<tdwidth=70height=66align=center><ahref=/2004/0218/85414.shtmltarget=_blank><imgsrc=/20_module_images/42.jpgwidth=60height=60border=0></a></td><tdwidth=82valign=middle><ahref=/2004/0218/85414.shtmltarget=_blankclass=a_gray>可拍16：9相片DC來了</a>圖3.24圖標廣告

2/3/202363科學出版社2.旗幟/標題廣告(Banner)的設計

這類廣告具有靜態旗幟和動態旗幟2種形式。動態旗幟/標題廣告：就是將靜態旗幟/標題廣告（Banner）作成一小段動畫形式，具有較強烈的動感，容易引起訪問者的注意。這種形式的廣告出現在Web頁面頂端、中部或底部的長條狀圖片，提供到廣告主頁面的連結。

一般而言，468*60像素的動態旗幟廣告，圖形廣告條設計常用的格式：l

Banner格式1：468*60像素、6幀以內gif動畫l

Banner格式2：468*60像素、6秒以內Flash動畫l

Banner格式3：120*60像素、4幀以內gif動畫

l

Banner格式4：120*60像素、6秒以內Flash動畫

播放時間一般規定在7秒鐘內，圖片體積一般不超過10K。豐富圖文旗幟廣告(RichBanner)更具有互動性，更好的視覺聽覺效果和三維動畫效果。

2/3/202364科學出版社圖3.25是具有圖形廣告條的頁面，廣告出現在Web頁面中部。

圖形廣告條2/3/202365科學出版社3.4.5網絡廣告新形式

隨著網絡廣告數量的快速發展，網絡廣告的新事業在不斷的翻新，最新的網絡廣告形式有以下幾種。

全屏廣告

通欄廣告

彈出窗口廣告

聲音廣告

畫中畫廣告

定向廣告

全流量廣告

廣告客戶可以購買各頻道某一時段全部的banner廣告，從而加強廣告在用戶心目中的印象。

2/3/202366科學出版社3.5網站導航欄設計

3.5.1導航

導航是科學，是藝術，它讓人們從一個地方到另一個地方。站點設計者應該注意，Web導航應該幫助用戶理解他們在哪里，他們能去哪里，他們怎樣獲得需要的東西。為使用戶得到真實的感覺，必須充分考慮可見性、標記和導航元素的布局。

一些專家暗示用戶在網上瀏覽比喻為找食物的動物。用戶作為信息的使用者，嗅出他們尋找信息的氣味或他們盡力完成的任務。一旦找到痕跡，他們就同它保持聯系直到該信息消失。如果開始找不到，他們堅持到信息的再次出現。如