網(wǎng)站建設(shè)及實訓(第3章)

網(wǎng)站建設(shè)與實訓第3章網(wǎng)站設(shè)計2/3/20231科學出版社本章學習目標

要了解網(wǎng)站域名的設(shè)計、注冊、維護的基本知識和步驟正確理解網(wǎng)站文件結(jié)構(gòu)組成，文件名設(shè)計

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

網(wǎng)站域名的設(shè)計

網(wǎng)站文件結(jié)構(gòu)設(shè)計

網(wǎng)站CI形象標志的設(shè)計網(wǎng)絡(luò)廣告的設(shè)計網(wǎng)站導航欄設(shè)計

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

對計算機互聯(lián)網(wǎng)有一定的了解，經(jīng)常上網(wǎng)

已經(jīng)掌握了網(wǎng)站的基本知識、網(wǎng)站結(jié)構(gòu)、網(wǎng)站的深度、Web網(wǎng)站的類型、網(wǎng)站建設(shè)進程、網(wǎng)站建設(shè)的需求分析和網(wǎng)站的規(guī)劃等基本知識4

2/3/20234科學出版社3.1網(wǎng)站域名的設(shè)計

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

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

什么是域名?

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

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

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

4、從商界看，域名已被譽為企業(yè)的網(wǎng)上商標。

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

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

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

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

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

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

第一級域名：往往是國家或地區(qū)的代碼；第二級域名：往往表示主機所屬的網(wǎng)絡(luò)性質(zhì)，比如屬于教育界還是政府部門等。

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

域名

分類

ac

科研機構(gòu)com商業(yè)組織、公司、企業(yè)edu教育機構(gòu)gov政府部門mil軍事部門net網(wǎng)絡(luò)支持中心org國際組織（非營利機構(gòu)）int上述以外的機構(gòu)國家地區(qū)代碼

如cn,jp,uk等

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

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

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

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

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

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

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

2/3/202315科學出版社2.域名設(shè)計

國內(nèi)網(wǎng)站的新穎域名層出不窮，許多國內(nèi)網(wǎng)站的域名設(shè)計思路都有很高藝術(shù)價值和創(chuàng)意，域名設(shè)計可以從以下幾個方面考慮：模仿型

數(shù)字型

區(qū)域型

拼音型

組合型

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

1.國際域名的注冊

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

圖3.1是國際域名注冊代理機構(gòu)的在線注冊網(wǎng)站的一個界面。

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

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

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

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

1)域名的命名

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

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

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

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

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

注冊主機：在CNNIC注冊域名的同時，若發(fā)現(xiàn)無此主機，則會自動為您注冊主機。l

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

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

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

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

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

通用網(wǎng)址提供了4種訪問方式：中文網(wǎng)址、英文網(wǎng)址、拼音網(wǎng)址、數(shù)字網(wǎng)址

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

111.

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

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

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

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

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

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

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

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

4、MX記錄郵件交換記錄。用于指定電子郵件服務(wù)器所在IP或者主機名。2/3/202327科學出版社3.2網(wǎng)站文件結(jié)構(gòu)設(shè)計

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

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

7．網(wǎng)站的數(shù)據(jù)庫文件存放在database子目錄下

8．網(wǎng)站的設(shè)計文件和資料存放在txt子目錄下

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

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

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

2/3/202329科學出版社圖3.4教師測評網(wǎng)站的文件結(jié)構(gòu)

2/3/202330科學出版社3.2.2文件名設(shè)計

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

2.主頁文件統(tǒng)一使用index或default文件名。

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

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

2/3/202332科學出版社3.2.3網(wǎng)站設(shè)計常用文件名

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

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

2/3/202335科學出版社3.3網(wǎng)站CI形象標志的設(shè)計

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

2/3/202336科學出版社3.3.1網(wǎng)站CI形象設(shè)計

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

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

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

2/3/202338科學出版社2.網(wǎng)站的標準色彩

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

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

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

怎樣才能設(shè)計出一個好的網(wǎng)站站標呢？

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

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

圖3.5中國工商銀行的站標

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

圖3.6yahoo網(wǎng)站的站標

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

圖3.8IBM公司網(wǎng)站站標

圖3.9intel公司網(wǎng)站站標

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

圖3.11中國電信網(wǎng)站站標

圖3.12中國頻道的網(wǎng)站站標

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

圖3.13139130短信中心網(wǎng)站站標

圖3.14珠穆朗瑪網(wǎng)上超市網(wǎng)站站標

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

圖3.15中國銀行網(wǎng)站站標

圖3.16中國紅十字會的網(wǎng)站站標

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

圖3.18網(wǎng)站站標

2/3/202348科學出版社3.4網(wǎng)絡(luò)廣告的設(shè)計

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

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

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

圖3.21按鈕式廣告（1）

圖3.22按鈕式廣告（2）

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

2/3/202354科學出版社3.4.2網(wǎng)絡(luò)廣告優(yōu)點

1.傳播范圍廣

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

2.非強迫性傳送資訊

報紙廣告、雜志廣告、電視廣告、廣播廣告、戶外廣告等都具有強迫性，都是要千方百計吸引你的視覺和聽覺，強行灌輸?shù)侥愕哪X中。而網(wǎng)絡(luò)廣告則屬于按需廣告，具有報紙分類廣告的性質(zhì)卻不需要你徹底瀏覽，它可讓你自由查詢，將你要找的資訊集中呈現(xiàn)給你，這樣就節(jié)省了你的時間，避免無效的被動的注意力集中?？梢宰層脩舾敿毜牧私猱a(chǎn)品的各個性能。

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

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

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

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

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

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

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

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

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

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

目前網(wǎng)絡(luò)廣告收費形式主要有：

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

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

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

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

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

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

2/3/202361科學出版社3.4.4網(wǎng)絡(luò)廣告設(shè)計

網(wǎng)絡(luò)廣告設(shè)計要突出：n

信息簡單明了n

明確表達對用戶的利益n

創(chuàng)造出一種點擊的緊迫感n

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

圖標廣告是出現(xiàn)在某主頁上的一個小圖標，可連接到廣告業(yè)主的網(wǎng)站上，一般尺寸為：88*31120*90125*125120*60像素。目前網(wǎng)頁上常見的圖標廣告基本都是gif動畫式的，可以將要用的圖片用PHOTOSHOP等工具處理后，再用FLASH等工具制作成gif動畫，在網(wǎng)頁制作時作一個連接。圖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)的設(shè)計

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

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

Banner格式1：468*60像素、6幀以內(nèi)gif動畫l

Banner格式2：468*60像素、6秒以內(nèi)Flash動畫l

Banner格式3：120*60像素、4幀以內(nèi)gif動畫

l

Banner格式4：120*60像素、6秒以內(nèi)Flash動畫

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

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

圖形廣告條2/3/202365科學出版社3.4.5網(wǎng)絡(luò)廣告新形式

隨著網(wǎng)絡(luò)廣告數(shù)量的快速發(fā)展，網(wǎng)絡(luò)廣告的新事業(yè)在不斷的翻新，最新的網(wǎng)絡(luò)廣告形式有以下幾種。

全屏廣告

通欄廣告

彈出窗口廣告

聲音廣告

畫中畫廣告

定向廣告

全流量廣告

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

2/3/202366科學出版社3.5網(wǎng)站導航欄設(shè)計

3.5.1導航

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

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