2C网建站规划书

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"//radiocheckbox类型中的选中

disabled二"disabled"//灰色不可选

readonly—readonly,,〃只读

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

size="”//拉长转为高度状态

multiple二"multiple"//可复选

<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.帧数设置：用户可通过在该处的下拉菜单中点击的方式来决定抽

取图片的数量。造型师企业版在此共为用户提供了四种选择。