2C網建站規劃書

目錄

一、可行性分析.....................................................1

1、1目標市場分析...............................................1

1、2競爭優勢分析...............................................2

二、建站理念.......................................................3

2、1預早籌劃...................................................3

2、2盡量精簡...................................................3

2、3圖象使用...................................................3

2、4網站易于漫游...............................................3

2、5循環利用現有信息...........................................4

2、6保持新鮮感.................................................4

2、7貫徹諾言...................................................4

三、建站規范.......................................................4

3、1命名規范...................................................4

3、2目錄結構規范...............................................5

3、3尺寸規范...................................................5

3、4形象設計規范...............................................6

3、5內容編輯規范...............................................6

3、6導航規范...................................................6

3、7新技術使用規范.............................................7

3、8數據庫使用規范.............................................7

3、9制作規范...................................................7

四、網站架設......................................................12

4、1網站語言..................................................12

4、2企業CIS...............................................................................................................13

4、3網站需求..................................................14

4、4網站布局..................................................14

4、4、1常規鏈接網站架構....................................15

4、4、2iframe網站架構......................................15

4、4、3細化架構中各功能模塊................................15

4、5網站功能實現..............................................16

4、5、1新品展示............................................16

4、5、2S-文化..............................................17

4、5、3產品展示............................................25

4、5、4珍寶柜..............................................25

4、5、5購物車..............................................26

4、5、6今周熱談............................................27

4、5、7顧客留言............................................32

4、5、8服務中心............................................33

4、5、9人才中心............................................34

4^5、10下載中心...........................................35

4、5、11網站導航...........................................35

4、5、12聯系我們...........................................36

4、5、13法律聲明...........................................37

4、5、14合作洽談...........................................42

4、5、15友情鏈接...........................................42

五、輔助功能......................................................17

5、1網站新聞發布系統..........................................42

5、2電子郵件管理系統..........................................42

5、3網站流量分析系統..........................................42

六、運作方式......................................................42

七、網站測試......................................................43

八、網站推廣......................................................43

九、遠景規劃......................................................44

十、建站費用清單..................................................44

一、可行性分析

1、1目標市場分析

內衣產業是中國服裝業中最具活力、成長最快和最具發展前景的一個分

支。其利潤空間相對其他分支而言要高，風險也相對較小。比如胸罩，現在低

檔的一般每件也要5元左右，中檔的每件20-100元，如是具有其他功能，那就

要幾百元了。而中高檔的產品除了面料以外，主要是品牌、做工、質量等附加

值。從中可以看出，內衣行業的利潤空間較大。在中國經濟騰飛的浪潮中，內

衣產業蒸蒸日上，進入到20世紀90年代，我國的內衣產業基本上已經開始成

熟，但有自主知識產權的高檔內衣品牌屈指可數，內衣文化和內衣市場發展很

不完善，離和諧社會對內衣行業的要求還有很大距離。加之國際上針對中國紡

織品的各種“設限”、“特保”等貿易壁壘的不斷出現，中國內衣行業迫切需

要提高行業的整體素質和文化層次，使行業能夠達到與人民生活水平相適應、

與群眾生活需要相適應、與經濟發展相適應、與創建和諧社會相適應的高度。

隨著人們生活觀念的日益開放，著裝觀念也發生明顯的變化，昔日“深藏

閨中”的內衣觀念也逐漸打破舊的格局，內衣開始走入人們的視野，款式，風

格，都擺脫了簡單與低調，融入到時尚前衛的服飾個性之中。中國女性內衣適

齡人群有2億多，以每人每年購買3件內衣計算，中國女性每年的購買需求在

6億件以上，北京、上海兩座城市每年中、高檔內衣的銷售額在9億元。今

天，走進各大商場，以女性為消費主體的內衣款式，顏色，風格都各式各樣。

眾多品牌也使女性的消費者有了更多的選擇機會，讓女性在內衣消費上能夠帶

來某種感觀，情緒的滿足。中國近年出現的“名牌效應”，也使女性內衣的名

牌貨成為高價位商品的代名詞，在女性群體中，出現了穿名牌的階層，她們引

領潮流，讓一些收入不高的工薪階層，也以穿名牌為榮，其消費方式越來越成

為身份認同的一部分，甚至帶有炫耀性消費的成分。市場上看起來差不多的女

性內衣，會有幾倍、幾十倍的差價，它的附加值也成為對擁有者社會地位的確

定，用名牌消費來標志個人身份，在現代社會中顯得尤為重要。目前國內一些

著名品牌如：歐迪芬，愛慕等市場的增長率都是直線上升。

我國的內衣消費者購買趨理性化、健康化、時尚化、品牌化、國際化，這

些正成為內衣流通和消費的明顯特征。相對于國外很成熟知名的內衣品牌維多

利亞的秘密，我們也越來越向其靠攏，與之的距離也逐漸拉近。

而我們與他們的差距存在著幾個因素：

首先是品牌的定位

國內目前激烈競爭的內衣市場中，消費理性利潤趨低，品牌將成為在市場

競爭的一個終極力量，你的品牌知名度高忠誠度高，誰贏的可能性就比較大，

而中國內衣市場的困境在于品牌的定位升級打造，這一點上“歐迪芬”、“愛

慕”無疑成為很鮮活的內衣案例。歐迪芬的“性感、時尚”、愛慕訴求的“優

雅、美麗”，跳出了傳統的保暖功能屬性、文胸的美體功能屬性，將品牌的基

因注入到整體戰略的高度來牽引堅持，才是持久贏得利潤、贏得市場的第一要

素。國內企業沉迷在執行力熱潮，不是執行出了問題，而是品牌的戰略沒有找

到正確的指引方向。而國外大的象維多利亞秘密這樣的品牌注重高端市場細分

大眾化同質，高端是品牌，個性，品位的匹配；

其次是產品的差異組合

國內市場上的內衣品牌產品多數都處在“跟風模仿，同質競爭”的洪海之

中，這種同質只能導致內衣行業整體贏利水平的趨低！產品品類在款式，顏

色，面料結構的突破較少，也暴露出很多內衣企業在產品設計開發上存在嚴重

缺失！像“愛慕”“歐迪芬”這樣的品牌能夠在眾多的內衣產品中脫穎而出的

秘訣不僅僅是品牌的成功，更重要的是在品牌的路線上加強了產品的設計開

發。企業內部的設計開發投入，團隊，環境，流程更值得其它的品牌借鑒。在

國外品牌維多利亞秘密的產品設計當中，我們經常會看到吸人眼球的作品。他

們會在內部的團隊中做適當的調整，重視的不僅僅是內衣的舒適性，合身性，

更重視的是當作時尚服飾一樣的潮流性，對內衣創新，時尚，潮流當中住入了

很大的經歷。

國內內衣品牌與像維多利亞秘密這樣的品牌中差別最大的是廣告的效應。

像維多利亞秘密這樣的品牌每年花在廣告上的費用就不會是小數目，每一年都

會請當下最受歡迎的明星作為其品牌代言人，而廣告的鋪放也是針對全球性質

的。像他們曾經請過的德國超模海蒂-克拉姆(HeidiKlum)就曾向大家展示維多

禾I」亞的秘密(VICTORIASSECRET)最新的“鉆石內衣”。以及一直受維多利

亞嬌寵的：亞歷山大-安布羅休(AlessandraAmbrosio),他們多會根據自身品牌

的某一定位而去尋找合適的代言人，但代言人一定都會是大家熟知的，有經濟

效益的女星。為了搞噓頭，維多利亞的秘密還會在某一時段推出比較概念性質

的內衣，比如鉆石系列等。而國內的內衣品牌在廣告宣傳上往往力度不是很

大，多數只是比較傳統性的廣告鋪放，也因為國內的背景不同，可能我國以前

的廣告都比較相對于保守，像國外這樣有代表性，大量的開放的廣告做的很

少。找的代言人也都比較沒有代表性。但隨著國際的開放話，我國女性對內衣

的時尚追求，現在的市場已經滿足不了國內女性的胃口了。因此，我們要更趨

向于國際化，開放化，時尚化。這樣才能夠更快的和國際內衣品牌接軌。我們

相信，隨著國情的發展，我們的內衣品牌距離象維多利亞的秘密這樣的國際大

品牌也不會太遠。

1、2競爭優勢分析

在這個經濟狀態欠佳的社會時期，任何一個有頭腦的商人都會緊緊抓住內

衣這一行業，而要在內衣行業站得住腳，做強，做大，最有效，最直接，最經

濟的招數，就是為自己的企業建一個適合的內衣網站。

眾所周知，傳統企業同互聯網聯姻，借助互聯網面向全球展示企業形象，

發布產品信息，做好客戶服務已經成為業界的共識，成為現代企業發展中一個

不可或缺的步驟；互聯網為企業服務，滲透到企業的生產、銷售、管理當中

去，這也成為互聯網發展的重要模式之一。

互聯網不僅僅是網站，更是一種高效高技術含量的管理方法和手段。企業

通過互聯網尋求產品的銷售新渠道，尋求更多的商業機會，通過互聯網的應用

引進管理技術和觀念，豐富管理手段，倡導互動溝通和透明管理，提高企業管

理效率和質量水平，利用互聯網，企業如虎添翼。

但是就目前來看，內衣行業在網站方面做的好的，還沒有幾個。所以我們

必須緊緊抓住這個空擋，先聲奪人。

本網站統一建站理念，規范網站文檔，使建站模板化，易于修改、維護。

采用主流技術，功能強大，借助成熟媒體、插件，賦予網站極強的表現力、生

命力，羅列整個建站模塊設計，各模塊既相互呼應又獨領風騷，讓企業輕松上

路，給顧客全新享受。

二'建站理念

2、1預早籌劃

設計主頁未必很艱難，艱難的是我們怎樣把心里描摹的圖景呈現在顧客面

前，并且達到顧客的滿意，甚至超出顧客的預期。這就要求我們必須首先確定

自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；

之后是設計一個頁面式樣，試用于有代表性的用戶，接著重復修訂，務求盡善

盡美。主頁往往要設計2-3個模版。

2、2盡量精簡

主頁的設汁應以醒目為上、令人一目了然。在這被喻為信息爆炸的時代，

好多人只是跟著感覺在網絡上閑逛，真正有目的的網友，也會被大量的網絡信

息麻痹了頭腦。所以要求我們的主頁第一，整體上要能夠迅速傳送，第二，必

須具有鮮明的行業特征，使人第一感覺就知道我們要宣傳的產品種類，第三，

醒目，誘人，不但要能夠讓有目的搜索本類網站的朋友眼前一亮，欣喜自己終

于找到了心目中的網址，更要能使那些本想在網絡上隨便逛逛的網友蠢蠢欲

試，急切想了解更多的精彩。要滿足這兩類用戶。要達到要求，就迫使我們網

站建設者花點心思，怎樣平衡網速與網頁呈現手段以及內容安置。此外，還須

注意配合最低檔的設備，例如標準的小型顯示器，不能假設人人都用高解像度

的大熒幕，還應確保網站的主頁在次一級的瀏覽軟件上（例如某些網上服務所提

供的專用瀏覽軟件）仍可暢順地顯現。

2、3圖象使用

萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加

利用。最佳的圖像應集美觀與傳訊于一身。所以圖像的內容一定要有實際的作

用，不應虛飾浮夸。然而很多用戶把瀏覽軟件設定為略去圖像，來換取速度，

造成這部分用戶只能接受到文字。因此，制作主頁時，必須注意將圖像所帶的

重要信息或聯接其他頁面的指示用文字重復表達一次，這點可以用圖片的alt屬

性完成。

2、4網站易于漫游

企業建設網站主要是用于傳遞信息，用戶瀏覽網頁也在于獲取信息、娛

樂，所以主頁應能高效的、正確的指引用戶查閱企業存儲在網址或其他地點的

信息，杜絕用戶在瀏覽的過程中迷失方向，喪失耐心或是誤入非本站鏈接的可

能性。基于清晰明確和速度的考慮，主頁上的鏈接項目應只限于幾個高級的類

別，例如公司、產品、服務、等。用六至八個鏈接項目最為理想。此外，要提

供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的鏈接已足以令人厭

煩。因此，要在廣度和深度之間求取平衡。如果網址上有太多信息，可能要編

制較長的頁面或使用更多聯接項目，甚至可能要建立多個主頁、使每個主頁載

有不同的信息那么應在主頁上以關鍵字或詞語查找的方式引導用戶獲需信息。

2、5循環利用現有信息

制作主頁時，通常都毋須從頭做起，因為有許多現成的文字、圖畫等資料

可供我們重用，例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況

下，只要用少許功夫、就可把這些材料轉到網頁上使用。另外在建站過程中很

多資源都是可以循環利用的，比如排版樣式等。這樣就可以大幅度減少很多方

面成本。

2、6保持新鮮感

萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變，

用戶很快會厭倦。在主頁上預告即將有新資料推出，可吸引用戶再來瀏覽，不

妨在頁頭以固定版塊宣布新消息。可以定期推出最新款型或是潮流搭配。趣味

性的事項可以持續或自動更新、例如列出本季時尚元素、話題。

同樣，為保持新鮮感，應時刻確保主頁提供的是最新信息。

2、7貫徹諾言

做不到的事情，千萬不要輕易承諾。這句話不僅僅在日常生活中至關重

要，在網站建設中更是重中之重。因為生活中你失信于一人，網絡上你面對的

卻是不可限數的消費者。因此，切勿隨便叫用戶做出回應行動，例如要求用戶

填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上

列出聯絡電話，就要確保自己能夠迅速解決來電者的問題。對于顧客的留言，應

快速做出響應。不管怎樣，這個時代速度就是生機。

三、建站規范

本規范既是一個開發規范，也是一個腳本語言參考，本規范并不是一個一

成不變的必須嚴格遵守的條文，特殊情況下要靈活運用，做一定的變通。但

是，請大家千萬不要隨意更改規范。如果有任何問題，請及時與我聯系，我會

及時更改本規范的相關代碼樣例和文檔。

3、1命名規范

文件命名的原則：以最少的字母達到最容易理解的意義。

一般文件及目錄命名規范：

統一用小寫的英文字母、數字和下劃線的組合，其中不得包含漢字、空格

和特殊字符；盡量按單詞的英語翻譯為名稱。一般不采用中文及其它語言文

字，這主要是因為計算機系統對英文支持非常好，對非英文文字支持有限(需

特別處理)。例如：feedback(信息反饋)，aboutus(關于我們)

首頁類文件index(*).后綴名index.aspx

列表類文件list(*)后綴名list.aspx

內容類文件detail(*).后綴名detail.aspx

表單類文件post(*)后綴名post.aspx

表單反饋類文件result(*).后綴名result.Aspx

多個同類型文件使用英文字母加數字命名：

字母和數字之間用一分隔。例如：news_01.aspxo注意，數字位數與文件個

數成正比，不夠的用0補齊。例如共有200條新聞，其中第18條命名為

news_018.aspx

圖片的命名規范：

名稱分為頭尾兩兩部分，用下劃線隔開。頭部分表示此圖片的大類性質。

例如：放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：

banner;標志性的圖片我們取名為：logo；在頁面上位置不固定并且帶有鏈接

的小圖片我們取名為button；在頁面上某一個位置連續出現，性質相同的鏈接

欄目的圖片我們取名：menu；裝飾用的照片我們取名：pic；不帶鏈接表示標

題的圖片我們取名：title依照此原則類推。尾部分用來表示圖片的具體含義，

用英文字母表示。例如：banner_sohu.gifbanner_sina.gifmenu_aboutus.gif

menujob.giftitle_news.giflogo_police.giflogo_national.gifpic_people.jpg

pic_hill.jpg.

有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off命名。

3、2目錄結構規范

目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。

根目錄：根目錄指DNS域名服務器指向的索引文件的存放目錄。

根目錄只允許存放index.aspx和main.aspx文件,以及其他必須的系統文

件；

每個語言版本存放于獨立的目錄；

每個主要功能（主菜單）建立一個相應的獨立目錄；

每個目錄下存放各自獨立images目錄.

所有的CSS文件存放在各語言版本下的style目錄

所有flash,avi,ram,quicktime等多媒體文件在根目錄下的media目錄

所有公共圖片放在根目錄下的imageso

3、3尺寸規范

頁面分辨率：800*600分辨率，推薦尺寸為766*430px

頁面長度:原則上不超過3屏，寬度不超過1屏

頁面尺寸:A4幅面，即8.5X11英寸

圖片尺寸：

正方比例：1x1

黃金比例：4x3

特定圖片尺寸：

全尺寸banner為468*60px

半尺寸banner為234*60px

小banner為88*3Ipx

產品縮略圖為100X75px

內容圖片為120*90

頁面大小：每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不

超過14K。對于解調器用戶，網頁大小保持在34K以下為合適。

3、4形象設計規范

網站的CI整體形象包括下面幾個要素：

標志（logo）：標志可以以網站中英文名稱設計，也可以采用特別的圖案。原

則是簡單易記。標志必須可以用黑白和彩色分別清晰表現。標志圖片的名稱為

"logo_域名.gif",例如：logo_sina.gif。盡量提供標志的矢量圖片。請盡可能在

每個頁面上都使用標志。

標準色：標準色原則上不超過兩種，如果有兩種，其中一種為標準色，另

一種為標準輔助色。標準色應盡量采用216種web安全色之內的色彩。必須提

供標準色確切的RGB和CYMK數值。

標準字體：標準字體原則上定義兩種，一種中文字體，一種英文字體。必

須提供標準字體的名稱和字庫。中文字體大小：9pt,12pt

模塊間距：模塊外間距與內間距為5Px

拐角：要求曲線變化。拐角塊最大不得超過18像素。同一頁面弧度盡量保

持一致。

設計技巧：盡量體現在模塊邊緣、按鈕、標題裝飾塊上。

3、5內容編輯規范

內容必須遵守我國《計算機信息網絡國際聯網安全保護管理辦法》的規

定：

任何單位和個人不得利用國際聯網制作、復制、查閱和傳播下列信息：

（一）煽動抗拒、破壞憲法和法律、行政法規實施的；

（二）煽動顛覆國家政權，推翻社會主義制度的；

（三）煽動分裂國家、破壞國家統一的；

（四）煽動民族仇恨、民族歧視，破壞民族團結的；

（五）捏造或者歪曲事實，散布謠言，擾亂社會秩序的；

（六）宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、恐怖，教唆犯罪

的；

（七）公然侮辱他人或者捏造事實誹謗他人的；

（八）損害國家機關信譽的；

（九）其他違反憲法和法律、行政法規的。

轉載必須找到原出處，經聯系后使用

標題：力求簡短、醒目、新穎、吸引人。

正文：文章的段首空兩格，與傳統格式保持一致。段與段之間空一行可以

使文章更清晰易看。杜絕錯字、別字和自造字。簡體版中不得夾雜繁體字。譯

名要按我國規范。例如：Singapore

3、6導航規范

原則：用最少的鏈接，使得瀏覽最有效率。

導航要簡單、清晰，建議不超過3層的鏈接

用于導航的文字要簡明扼要，字數限制在一行以內

首頁，各欄目一級頁面之間互鏈，各欄目一級和本欄目二級頁面之間互鏈

超過三級頁面，在頁面頂部設置導航條，標明位置

突出最近更新的信息，可以加上更新時間或New標識

連續性頁面應加入上一頁，下一頁按鈕。超過一屏的內容，在底部應有go

top按鈕。超過三屏的內容，應在頭部設提綱，直接鏈接到文內錨點

鏈接的顏色可配合主題顏色風格改變，但激活后的鏈接顏色、鼠標移動其

上時的鏈接顏色要同本身顏色進行區分。

3、7新技術使用規范

使用新技術原則是：兼容瀏覽器，保證下載速度，照顧最多數的用

戶。

cookie用于識別、跟蹤和支持訪問者，通過cookie你可以了解用戶的訪問

路徑，收集和存儲用戶的喜好，但要考慮到用戶關閉cookie的情況處理，非要

用cookie,應提供全面的解決辦法。

Java是一種跨平臺的面向對象的編程語言，它在Web中的應用主要是Java

Applet,但是JavaApplet的下載速度較慢，謹慎使用。

在服務器端，最好打開SSI解析，但不要使用過多的SSI嵌套。不能使用

SSI時，可以用includeLibrary（包含庫文件）代替，效果要差一些。

Flash已經是較普遍的技術，推薦使用。

新網頁制作建議采用XHTML規范，便于未來和XML接軌。

非特殊要求，不推薦在網頁上提供需要下載額外插件的多媒體技術。

程序語言使用o

3、8數據庫使用規范

服務器上有關數據庫的一切操作只能由服務器管理人員進行。

程序中訪問數據庫時使用統一的用戶、統一的連接文件訪問數據庫。

原則上每一個欄目只能建一個庫，庫名與各欄目的英文名稱相一致，庫中

再包含若干表。比較大的、重點的欄目可以考慮單獨建庫，庫名與欄目的英文

名稱相一致。

數據庫、表、字段、索引、視圖等一系列與數據庫相關的名稱必須全部使

用與內容相關的英文單詞命名，對于一個單詞難以表達的，可以考慮用多個單

詞加下劃線（_）連接（不能超過四個單詞）命名。（參見命名規范）

不再使用的數據庫、表應刪除，在刪除之前必須備份（包括結構和內容）。

3、9制作規范

總論：

1所有標簽都必須使用小寫，并且必須有屬性值，且加雙引號。

2所有標簽都必須閉合。

3嚴禁使用空格鍵進行縮進。

4所有的文件聯接與鏈接都使用相對路徑的形式

5優先使用外部鏈接。

首頁的代碼關鍵在head區，head區是指首頁HTML代碼的<head>和

</head>之間的內容。

head區必須加入的標識

公司版權注釋<!---Thesiteisdesignedbyyourcompanyjnc03/2001--->

網頁顯示字符集例如：

簡體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;

charset=gb2312">

繁體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;

charset=BIG5">

英語：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;

charset=iso-8859-1">

網站簡介<METANAME="DESCRIPTION”CONTENT："這里填您網站的

簡介”〉

搜索關鍵字<METANAME="keywords"CONTENT："關鍵字1,關鍵字2,關

鍵字

網頁的css規范〈LINKhref="style/style.css"rel="stylesheet"type="text/css">

網頁標題這里是你的網頁標題</title>

head區可以選擇加入的標識

設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。

<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57

GMT”>禁止瀏覽器從本地機的緩存中調閱頁面內容。

<METAHTTP-EQUIV="Pragma"CONTENT="no-cache”>用來防止別人在框

架里調用你的頁面。

<METAHTTP-EQUIV="Window-target"CONTENT="」op">網頁搜索機器人

向導用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。

<METANAME="robots"CONTENT="none">CONTENT的參數有

alLnone,index,noindex,follow,nofollowo默認是all。

JS調用規范

所有的javascript腳本盡量采取外部調用，某些獨立存在的單頁也可以使用

直接內嵌JS。

<scripttype="text/javascript"src="commons/xxxxx.js"x/script>

JS的編寫每個人都有自己的習慣用法，這是沒有辦法統一的，所以請在編

寫時多加一點注釋信息，以方便其它同事可以讀懂與修改。

CSS書寫規范

所有的CSS的盡量采用外部調用，代碼較長的首頁和重要欄目首頁可直接

內嵌css,避免調用時間太長，使頁面未及時調用css風格而顯得凌亂。某些獨

立存在的單頁也可以使用以上的方法。

<linkhref="style/style.css"rel="stylesheet"type="text/css">書寫時重定義的

最先，偽類其次，自定義最后（其中a:linka:visiteda:hovera:actived要按照順

序寫）便于自己和他人閱讀。

為了兼容正6、Firefox,在布局的時候請使用以下格式：

居中：margin:0auto;居右：margin:000auto;居左：margin:0

auto0;

左浮動：floatrleft;cleanleft;右浮動：float:right;clear:right;

網頁文件模板

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0

Transitional//EN”“/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<htmlxmlns="/1999/xhtmlv>

<head>

<metahttp-equiv=vContent-Typencontent="text/html;charset=UTF-

8”/>

<metahttp-equiv=vContent-Languagecontect=nzh?CN”/>

</head>

<body>

</body>

</html>

css模板

〈styletype二"text/css”>

<!-

p{text-indent:2em;}

body{background:#ffffff;font-family:"宋體”;font-size:9pt;color:#000000;

margin:0;padding:0}

上lue{font-family:“宋體”;font-size:10.5pt;line-height:20px;text-

indent:2em;color:#0099FF;letter-spacing:5em}

table{font-family:“宋體”；font-size:9pt;line-height:20px;colo亡#000000;

borde亡Ipxsolidblack}

ul,ol,menu,dl{list-style:url(images/icon.gif)

a:link{font-size:9pt;color:#0000FF;text-decoration:none}

a:visited{font-size:9pt;color:#990099;text-decoration:none}

a:hover{font-size:9pt;color:#FF9900;text-decoration:none}

a:active{font-size:9pt;color:#FF9900;text-decoration:none}

—>

</style>

body標識

為了保證瀏覽器的兼容性，必須設置頁面背景

<bodybgcolor二”#FFFFFF”>

img標簽規范

vimgsrc="“width二"“height”“border：“0“alt=""/>

所有img標簽除了程序控制寬高值外，都應該width=""height=""，

這樣在圖形文件未被讀取時，保證瀏覽器預留圖形占用的空間，防止網頁最終

顯示時出現抖動現象。

所有帶鏈接的img標簽都應該border-0”。

一般img標簽都設置alt=""，alt的內容盡量貼近圖的內容。

A標簽規范

vahref二"“title二"“classi'"></a>

所有a標簽都應該有title="”的值，title的內容盡量貼近鏈接的內容。

除了默認的鏈接css,其它的特別鏈接都應該有自己的class值，以方便其

它鏈接調用。

希望可以使用三段式的css設置，未點前|點擊中|已點后這三種狀

態，以方便用戶可以清楚的知道那些是已經點過的。

Form標簽與表單相關標簽規范

<fbrmmethod二"post|get”action=""></form>

<inputtype二"text|password|radio|checkbox|submit|button|reset|image|

file|hidden”name="“value="“size="”/>

maxlength=v//允許輸入的最大寬值

checked=”checked"http://radiocheckbox類型中的選中

disabled二"disabled"http://灰色不可選

readonly—readonly,,〃只讀

<selectname="“disabled="disabled"></select>

size="”//拉長轉為高度狀態

multiple二"multiple"http://可復選

<optionvalue=v"disabled二"disabled"></option>

selected二"selected//默認值

<textareaname="“disabled="disabled”

readonly二"readonly"></textarea>

rows="”//高度

cols="”//寬度

<labelfor=></label>

<buttontype=^button|submit|resetvname=""value="”

disabled="disabled></button>

其中灰色文字代表的是可以選擇性輸入的部分。

所有form標簽都應該有method二"”的值，默認請使用post。

可以使用label標簽來關聯表單標簽。

可以使用table標簽來控制表單的內容形式。

請盡量把form標簽放在table中間使用，如：

<table><form><tr><td></td></tr></form></table>

table標簽規范

<tableborder=?,0"cellpadding=n0"cellspacing二"0"width二"“

height="“rules="groupsv>

〈captionalign二"“valign=v"></caption>

<thead>

<tr>

<thx/th>

<th></th>

<thx/th>

</tr>

</thead>

<tbody>

<tr>

<tdwidth="“height=""colspan="“rowspan=""></td>

<tdwidth="">

<tableborder=w0"cellpadding=^^0"ceilspacing="0">

<tr><td></tdx/tr>

</table>

</td>

</tr>

</tbody>

<tfoot>

<tr><tdx/tdx/tr>

</tfoot>

</table>

使用div+css并不代表不可以再使用table,只是table不再用于結構與布

局。

除了以下幾個table標簽屬性外，其它的table標簽屬性最好放棄使用，因

為其存在兼容性問題。

以下為表格的嵌套格式

1.）對于單獨的一個<table>來說，<table><tr>對齊，<td>縮進一個tab。

2.）對于存在<thead〉<tbody><tfoot〉的<table>來說，<table>與

<thead><tbody><tfoot>對齊，<tr>縮進一個tab。

3.）如果<td>中沒有任何嵌套的表格，</td>結束標記應該與<td>處于同一

行，不要換行。

4.）如果<td〉中出現嵌套表格，<td〉下面的<table>縮進一個tab。

5.）如果<tr>下內有一個<td>,并且<td>沒有任何嵌套，可以讓<tr><td>都

處于同一行中

原則上，不贊同使用超過三次的table嵌套，如出現這樣的樣式，都嘗試使

用div等其它方式。

嵌套的表格大小盡量給定width和height數值，以便于瀏覽器加快解釋的

速度，以下為設置寬高的基本原則，一行或一列都只存在一個width或height

的值，做到只需修改一個值就可以讓頁面出現變化：

1.）對于寬，可以只設置第一行的td寬。

2.）對于高，可以只設置第一列的td高。

Td有背景顏色，但無實質性內容的設置

1.）定義width<lOpX且不定義height時，寫入<br/>。

2.）不定義width且定義height<10px時，寫入”<imgsrc=c.gifwidth=l

w

height=l>o

3.）定義widthciOpx且定義heightciOpx時，寫入"<imgsrc=c.gif

width=1height=l>^^。

可以使用<caption>來設置表的描述。

可以使用<thead>來設置表頭。

可以使用<tbody>來設置表體。

可以使用<tfoot〉來設置表尾。

列表相關標簽規范

<ul><lix/lix/ul>

<olxlix/li></ol>

<menu><li></lix/menu>

<dl><dt></dt><dd></ddx/dl>

使用<li>、<dd>等格式控制時必須加注<ul></ul"kdl></dl>,不準單獨使

用<li>、<dd>?

在一般情況下，列表中的marginpadding都應該在css中設置為0,list-

stype設置none。

文字+行高+列表頭控制+列表頭圖片統一寫入樣式，列表頭符號不

加鏈接。

其它

為swf設置一個<paramname="wmode“value="transparent/>就一可以

解決swf總是浮動在總最上面的問題了，但同時在制作swf動畫時，按實際需

要設置一個實色的底色框。

因為marquee的兼容性問題，所以請暫停使用本標簽，可以使用javascript

來完成滾動。

Font標簽也已經被w3c拋棄，所以建議用css來替換使用。

四、網站架設

4、1網站語百

從全球因素考慮，企業網站應采用不同語言，以便推廣。

EUROPE

FRANQAlS

DEUTSCH

ITALIANO

ESPANOL

ENGLISH

PyCCKWUI

NORTHAMERICA

ENGLISH-USA

ENGLISXCANAOA

FRAN（；AIS-CANADA

LATINAMERICA

ESPANOL

PORTUGUES-BRASIL

ASIA

ENGLISH

日本篇

中文

簡體中文

OCEANIA

ENGLISH-AUSTRALIA

4、2企業CIS

現代社會的市場競爭己愈來愈激烈，要使企業立于不敗之地，不僅需要先

進的技術和高質量的產品，更需要一種該企業所獨有的文化特征。企業作為一

個組織，將自己的這種文化特征作為一種信息傳遞給員工、消費者及所在地區

的居民，會促使他們形成對該企業的看法和評價，這種無形資產一旦形成，其

價值不可估量。雖說企業文化萬分重要，但是它的形成絕非一朝一夕奮斗一下

就可以形成的，而是需要企業上上下下所有員工堅持不懈幾代努力才能醞釀出

優秀的企業文化。

我們對內需要建立完善的組織、管理、教育培訓、福利制度、行為規范、

工作環境、開發研究等，從而增強企業內部凝聚力和向心力；對外則需要通過

市場營銷、產品開發、公共關系、公益活動等表達企業理念，從而取得大眾及

消費者的識別和認同，在社會樹立企業良好的形象。

而企業理念識別作為企業的靈魂和企業整個系統識別的原動力，規范影響

著企業的內部活動、組織制度、管理教育等，也是向外界表達存在的主要手

段。因此，必須慎重選取。

在這里，我們企業的口號是“存在，只為，愛！”。

當納西索斯為自己相思而死，水中浮出了潔白的水仙花；當彼和岸苦苦相

戀，塵世中彼岸花開；當凡人許仙與蛇女白素貞結下因緣，雷烽塔也轟然倒

下；一個人的愛是沉重的，有回應的愛，力量是無限的，沒有膚色、信仰、血

緣、三界、五行，彼此存在，只為，愛彼此！

我們企業的宗旨就是用我們有限的力量帶給我們的顧客無限的愛，我們竭

力關注每一個細節，時刻帶給顧客溫馨，體貼，舒適，與激情。我們把顧客的

每一個笑容，每一句贊揚，都作為愛的響應。我們相信，一切的事物，即使非

得給它一個定數，愛的力量也會使結束的方式變成另一份美，就象那彼岸依舊

綻放的花；我們相信，我們每一位顧客心中都有自己愛的標準，哪怕更多時候

這份愛被埋的太深太久。我們的責任就是喚醒顧客心中沉睡的那份愛。

我們希望我們的產品能引領我們的顧客去發現身邊的真美，真愛，真情，

能勇敢的去嘗試，去給予。

我們的企業標識是一個舞動的大寫字母S,這是用愛銜接此岸與彼岸的抽

象體。

佛日：梵語波羅蜜/此云到彼岸/解義離生滅/著境生滅起/如水有波浪

/即名為此岸/離境無生滅/如水常流通/即名為彼岸/有生有死的境界/謂

之此岸/超脫生死的境界/謂之彼岸/是涅磐的彼岸/佛說彼岸/無生無死/

無苦無悲/無欲無求/是個忘記一切的極樂世界。

彼岸的意思就是永遠在對岸，不是左岸，也不是右岸，人在左岸時彼岸是

右岸，人在右岸時彼岸在左岸，在地下時彼岸在天上，在人間時彼岸在黃泉，

彼岸是永遠到不了的岸。所以，佛說：苦海無邊，回頭是岸。其實有此才有

彼，無此何為彼。在愛的世界里，任何現實中的界限都是高斯模糊的，所以，

愛是銜接此岸和彼岸的唯一媒介，沒有膚色、信仰、血緣，超出三界、五行，

彼此存在，只為，愛！s的蘊意就是在于此。

4、3網站需求

符合：網站應當符合企業形象標準，能夠充分展示企業精神和企業文化，

能夠將營銷目標、產品特征、用戶需求以及網站推廣運營等要素融入到網站建

設中

現代：網站應當是具有青春活力，看上去美觀大方的網站，能夠緊跟企業

網站設計潮流，運用流行元素，使網站和企業一樣充滿現代氣息

實用：網站應當讓訪問者最快找到他所需要了解的信息和服務；同時，管

理人員能夠輕松進行網站內容更新和維護工作；另外還要適合搜索引擎檢索，

便于積累網絡營銷資源。實用、易用能使網站走向良性循環軌道

互動：訪問者是一面鏡子，網站應當從訪問者那里獲取對網站的反饋，能

夠捕捉客戶的需求，能夠雙向交流，能夠使客戶在網站中充分發表見解，并加

以吸收

擴展：網站應當是一個可擴展的網站，能夠根據技術的發展而將其充分應

用，能夠將企業外部窗口和企業內部管理機制相結合，能夠為管理決策提供數

據統計與分析

4、4網站布局

常規鏈接實現網站布局，需要在各個頁面設置返回點，以便顧客隨時返

回。相比之下，我選用浮動框架＜iframe＞,因為它可以使顧客的視線固定在同

一個頁面中，進而避免了在各層鏈接之間的穿梭。當然有些瀏覽器可能不支持

＜iframe＞,這沒關系，我們可以在＜body＞里面進行不支持＜iframe＞的程序設計,

也就是在不能正常顯示＜iframe＞架構的情況下顯示常規鏈接。

4、4、1常規鏈接網站架構

4、4、2iframe網站架構

4、4、3細化架構中各功能模塊

新晶屣示

廣-加展小吸引顧客購買

購物踉客留,實現賴狒鶴評論

X

IT方仲顧客熟屐解站架構

人才中心招納賢才

金加繇匱缺

1?5~利通鼐

中品第歌們

提供企業詳細聯系方式

線、面、體，闡｝奉鯉贊利s

綜合點、;帶給顧客全新蛾鼠歷

-3-----:----:------u---------------

法律聲明權維護

細化思路:

查看員原

，廄庖晶黑鬻嘉J景中i居上方血筋宣傳

問，彳日分

的孤立點。閱資源

2、線:廣釋放

接著耍點各自向中帥線匯射光芒?：［產們的運動好

為一字、

3、面：s1

此時的S僅是一個單線，光芒放向周鋪展開來，輻射為一個

面，這個過程就好象書畫卷，此時就呈

4、體：體f面］

接著，畫卷由水野徐徐立起,懸浮在中空慢慢開始旋轉每一個側

］的產品圖片，部崎好*，個立體的大

面軌跡的旋轉影像呈現

寫字母S,此時我們所有要展示的產品都出現在我們的S立體柱上。

5、釋放:

光芒散盡，立體柱S就象一個禧蕾一般，緩緩舒展成嬌艷的花朵。而產品

就刻在上面。

思路寓意：

孤立的兩點是兩個獨立的有感情的事物，比如人，神，動物等等，當它們

互相產生了愛慕，并真誠為守護彼此而努力，就會一點點的縮小它們兩者之間

的距離，最終會交融在一起，象征愛的力量的是神圣的，偉大的，超乎五行三

界，他們在一起后會迸發出更巨大的能量，這就是幸福的源泉，源泉匯聚成愛

的海洋，此時我們的第一個產品就呈現在顧客的面前，這代表我們用心，用

愛，用我們的一切去努力，我們把我們最好的產品奉獻給我們的顧客。當畫面

由水平變為垂直，最后旋轉為體，正是一個升華的過程，代表在顧客的支持與

鼓勵下，我們可以源源不斷開發出更好產品，進而也促進企業的成熟和完善。

當我們成熟壯大之后不是自我陶醉，而是把自己定位于蔣蕾，我們要綻放成最

美麗，最芬芳的花朵，去回報孕育我們成長的社會，我們渴望去承擔更多的社

會責任，我們渴望用我們的力量去溫暖更多更多的人，我們期望總有那么一天

的到來，所有的人都能夠體味到我們的愛。

思路實現：

Flash

4、5、2S-文化

秋和岸曾經是，

.一對年輕伙伴

.男子堅毅’

女孩善良

.賢淑但’

被規定？

不可以，

,相愛：

每一天

，都是

，煎熬,

兩人，

再不忍，

看對方

為自己，

那么疲憊

沒有任何，

，不幸如果，

我們在全心

，愛著彼此,“

，他們幸福

,，老去，最后"

，化身彼岸花"

'最美麗最肆意的愛情花！'

企業概況：

大體描述企業性質，讓新顧客知道我們的企業情況。

愿景與使命：

陳述企業愿景與使命，拉近與顧客之間的距離。

S傳奇：

講述傳奇文化，打造傳奇品牌，讓顧客對我們的產品形象產生依賴，崇

拜。

社會責任：

好的企業不在于贏利了多少，而在于回饋了多少。

經濟貢獻：

讓顧客清楚我們企業運營實力。

榮譽表彰：

讓顧客信賴我們的企業。

4^5、3產品展示

（著重講述系列產品展示）

總體功能：

自由放縮和移動旋轉翻轉產品圖片；產品圖片內定義熱點和熱區，當鼠標

懸浮在圖片內熱點和熱區時會顯示這個區位的設計亮點；在目標圖片的下方是

同款產品的縮略圖，當點擊縮略圖時，窗口切換到這個產品的3D展示。方便

顧客查看瀏覽。

3D實現：

方法一：

得到物體的三維模型，并進行展示。這種方法實現起來的成本很高，在網

上進行展示的難度也比較大。這種三維模型也做不到完全的逼真，并不能給客

戶帶來直觀的感受。

方法二：

基于圖像的方式實現簡單，方便快捷，也很容易應用在網上以及電子媒體

中，在互動性上雖然稍弱，但是真實性是大大超過了三維建模的方式。所以我

們推薦使用基于圖像的是三維產品展示方法。

具體實現的方法如下：

具體實現一：

造型師2.0能通過對一個現實物體進行拍攝得到的圖像進行自動處理，自

動生成360度物體展示模型。使用戶方便地從旋轉、交互地觀看物體。適用于

網頁、多媒體、觸摸屏的制作等。可在網上找到免費資源）進行發布，用一個

專用的播放軟件在互聯網上播放虛擬物體，用戶可用鼠標和鍵盤控制所觀察虛

擬物體的各面，并可調整其轉速、轉向和大小，使您感到正在觀賞一個個真實

的物體。

?虛擬物體轉動：在360度虛擬物體中，物體可以朝左右兩個方向轉動，將

鼠標放置在當前虛擬物體中，按住鼠標左鍵朝一個方向拖動，虛擬物體將

向此方向轉動。也可以點擊工具條上的方向按鈕或使用鍵盤上的方向鍵

來轉動物體。

?虛擬物體放大縮小：虛擬物體的放大縮小就象是攝影時將焦距拉大放小

的過程，可以使您縱覽全局或在局部詳細觀察。按住A鍵將使物體放大，

按住Z鍵將使物體縮小。同理，也可以點擊工具條上的放大縮小按鈕來實

現物體的放大縮小。

?虛擬物體轉動速度調節：可通過左右拖動調速滑桿來改變虛擬物體的

轉動速度。

?虛擬物體的平移：先放大虛擬物體，然后可通過鼠標右鍵或Ctrl+鼠標左

鍵來平移虛擬物體。

點擊菜單二文件-）通過數碼攝像機捕捉圖片”或工具條按鈕笆，將出現如

圖3To所示的界面.主要包括以下四個部分（A-D）：

A.視頻捕捉窗口:可在視頻捕捉窗口中看到一個物體旋轉的實況視

頻反饋。

B.轉臺周期設置：用戶可設置物體旋轉時間的長短來抽取序列物體

圖片。轉臺周期的范圍在。與100之間。該時間單位為秒。

C.幀數設置：用戶可通過在該處的下拉菜單中點擊的方式來決定抽

取圖片的數量。造型師企業版在此共為用戶提供了四種選擇。