内衣网站方案书

内衣网站方案书内容摘要：

r ；标志性的图片我们取名为： logo ；在页面上位置不固定并且带有链接的小图片我们取名为 button ；在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu ；装饰用的照片我们取名： pic ；不带链接表示标题的图片我们取名： title 依照此原则类推。 尾部分用来表示图片的具体含义，用英文字母表示。 例如： . 有 onmouse 效果的图片，两张分别在原有文件名后加 _on和 _off命名。 2目录结构规范 目录建立的原则： 以最少的层次提供最清晰简便的访问结构。 根目录 ： 根目录指 DNS 域名服务器指向的索引文件的存放目录。 根目录只允许存放 index. aspx和 main. aspx文件，以及其他必须的系统文件； 每个语言版本存放于独立的目录； 每个主要功能 (主菜单 )建立一个相应的独立目录； 每个目录下存放各自独立 images 目录 . 所有的 CSS 文件 存放在各语言版本下的 style 目录 《 S 网站方案书》 个人组创意赛 架设内衣网站 7 所有 flash, avi, ram, quicktime 等 多媒体文件 在根目录下的 media 目录 所有 公共图片 放在根目录下的 images。 3尺寸规范 页面分辨率 :800*600 分辨率，推荐尺寸为 766*430px 页面长度 :原则上不超过 3 屏，宽度不超过 1 屏 页面尺寸 :A4 幅面，即 英寸 图片尺寸 ： 正方比例： 1x1 黄金比例： 4x3 特定图片尺寸： 全尺寸 banner 为 468*60px 半尺寸 banner 为 234*60px 小 banner 为 88*31px 产品缩略图为 100 75px 内容图片为 120*90 页面大小 ：每个非首页静态页面含图片字节不超过 60K，全尺寸 banner 不超过 14K。 对于解调器用户，网页大小保持在 34K 以下为合适。 4形象设计规范 网站的 CI 整体形象包括下面几个要素 ： 标志 (logo)： 标志可以以网站中英文名称设计，也可以采用特别的图案。 原则是简单易记。 标志必须可以用黑白和彩色分别清晰表现。 标志图片的名称为logo_域名 .gif，例如：。 尽量提供标志的矢量图片。 请尽可能在每个页面上都使用标志。 标准色： 标准色原则上不超过两种，如果有两种，其中一种为标准色，另一种为标准辅助色。 标准色应尽量采用 216 种 web 安全色之内的色彩。 必须提供标准色确切的 RGB 和 CYMK 数值。 标准字体： 标准字体原则上定义两种，一种中文字体，一种英文字体。 必须提供标准字体的名称和字库。 中文字体大小： 9pt,12pt 模块间距： 模块外间距与内 间距为 5px 拐角： 要求曲线变化。 拐角块最大不得超过 18 像素。 同一页面弧度尽量保《 S 网站方案书》 个人组创意赛 架设内衣网站 8 持一致。 设计技巧： 尽量体现在模块边缘、按钮、标题装饰块上。 5内容编辑规范 内容 必须遵守我国《计算机信息网络国际 联网安全保护管理办法》的规定： 任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息： (一 )煽动抗拒、破坏宪法和法律、行政法规实施的； (二 )煽动颠覆国家政权，推翻社会主义制度的； (三 )煽动分裂国家、破坏国家统一的； (四 )煽动民族仇恨、民族歧视，破坏民族团结的； (五 )捏造或者歪曲事实，散布谣言， 扰乱社会秩序的； (六 )宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、 恐怖，教唆犯罪的； (七 )公然侮辱他人或者捏造事实诽谤他人的； (八 )损害国家机关信誉的； (九 )其他违反宪法和法律、行政法规的。 转载 必须找到原出处，经联系后使用 标题 ：力求简短、醒目、新颖、吸引人。 正文 ：文章的段首空两格，与传统格式保持一致。 段与段之间空一行可以使文章更清晰易看。 杜绝错字、别字和自造字。 简体版中不得夹杂繁体字。 译名要按我国规范。 例如： singapore 6导航规范 原则： 用最少的链接，使得浏览最有效率。 导航 要简单、清晰，建议不超过 3 层的链接 用于 导航的文字 要简明扼要，字数限制在一行以内 首页，各栏目一级 页面之间互链 ，各栏目一级和本栏目二级页面之间互链 超过三级页面 ，在页面顶部设置导航条，标明位置 突出最近 更新的信息 ，可以加上更新时间或 New 标识 连续性页面 应加入上一页，下一页按钮。 超过一屏的内容，在底部应有 go top 按钮。 超过三屏的内容，应在头部设提纲，直接链接到文内锚点 链接的颜色 可配合主题颜色风格改变，但激活后的链接颜色、鼠标移动其上时的链接颜色要同本身颜色进行区分。 《 S 网站方案书》 个人组创意赛 架设内衣网站 9 7新技术使用规范 使用新技术原 则是： 兼容浏览器，保证下载速度，照顾最多数的用户。 cookie 用于识别、跟踪和支持访问者，通过 cookie 你可以了解用户的访问路径，收集和存储用户的喜好，但要考虑到用户关闭 cookie 的情况处理，非要用 cookie，应提供全面的解决办法。 Java 是一种跨平台的面向对象的编程语言，它在 Web 中的应用主要是 Java Applet，但是 Java Applet 的下载速度较慢，谨慎使用。 在服务器端，最好打开 SSI 解析 ，但不要使用过多的 SSI 嵌套。 不能使用SSI 时，可以用 include Library（包含库 文件）代替，效果要差一些。 Flash已经是较普遍的技术，推荐使用。 新网页制作建议采用 XHTML 规范，便于未来和 XML接轨。 非特殊要求，不推荐在网页上提供需要下载 额外插件 的多媒体技术。 程序语言使用。 8数据库使用规范 服务器 上有关数据库的一切操作只能由服务器管理人员进行。 程序 中访问数据库时使用统一的用户、统一的连接文件访问数据库。 原则上每一个栏目只能建一个库，库名与各栏目的英文名称相一致，库中再包含若干表。 比较大的、重点的栏目可以考虑单独 建库 ，库名与栏目的英文名称相一致。 数据库、表、字段、索引、视图等一系列与数据库相关的名称必须全部使用与内容相关的英文单词 命名 ，对于一个单词难以表达的，可以考虑用多个单词加下划线（ _）连接（不能超过四个单词）命名。 (参见命名规范 ) 不再使用的数据库、表应删除，在删除之前必须 备份 （包括结构和内容）。 9制作规范 总论： 1 所有标签都必须使用小写，并且必须有属性值，且加双引号。 2 所有标签都必须闭合。 3 严禁使用空格键进行缩进。 4 所有的文件联接与链接都使用相对路径的形式 5 优先使用外部链接。 《 S 网站方案书》 个人组创意赛 架设内衣网站 10 首 页的代码关键在 head区， head区是指首页 HTML代码的 head和 /head之间的内容。 head区必须加入的标识 公司版权注释 ! The site is designed by yourpany,Inc 03/2020 网页显示字符集 例如： 简体中文： META HTTPEQUIV=ContentType CONTENT=text/html。 charset=gb2312 繁体中文： META HTTPEQUIV=ContentType CONTENT=text/html。 charset=BIG5 英 语： META HTTPEQUIV=ContentType CONTENT=text/html。 charset=iso88591 网站简介 META NAME=DESCRIPTION CONTENT=这里填您网站的简介 搜索关键字 META NAME=keywords CONTENT=关键字 1,关键字 2,关键字 3,... 网页的 css 规范 LINK href=style/ rel=stylesheet type=text/css 网页标题 title这里是你的网页标题 /title head区可以选择加入的标识 设定网页的到期时间。 一旦网页过期，必须到服务器上重新调阅。 META HTTPEQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT禁止浏览器从本地机的缓存中调阅页面内容。 META HTTPEQUIV=Pragma CONTENT=nocache用来防止别人在框架 里调用你的页面。 META HTTPEQUIV=Windowtarget CONTENT=_top网页搜索机器人向导 .用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 META NAME=robots CONTENT=noneCONTENT 的参数有all,none,index,noindex,follow,nofollow。 默认是 all。 JS 调用规范 所有的 javascript 脚本尽量采取外部调用，某些独立存在的单页也可以使用《 S 网站方案书》 个人组创意赛 架设内衣网站 11 直接内嵌 JS。 JS 的编写每个人都有自己的习惯用法，这是没有办法统一的，所以请在编写时多加一点注释信息，以方便其它同事可以读懂与修改。 CSS 书写规范 所有的 CSS 的尽量采用外部调用，代码较长的首页和重要栏目首页可直接内嵌 css，避免调用时间太长，使页面未及时调用 css 风格而显得凌乱。 某些独立存在的单页也可以使用以上的方法。 link href=style/ rel=stylesheet type=text/css 书写时重定义的最先，伪类其次，自定义最后（其中 a:link a:visited a:hover a:actived 要按照顺序写）便于自己和他人阅读。 为了兼容 IE Firefox，在布局的时候请使用以下格式： 居中： margin:0 auto。 居右： margin:0 0 0 auto。 居左： margin:0 auto 0。 左浮动： float:left。 clear:left。 右浮动： float:right。 clear:right。 网页文件模板 !DOCTYPE html PUBLIC “//W3C//DTD XHTML Transitional//EN” “ html xmlns=” head meta equiv=”ContentType” content=”text/html。 charset=UTF8” / meta equiv=”ContentLanguage” contect=”zhCN” / title/title /head body /body /html CSS 模板 style type=”text/css” ! 《 S 网站方案书》 个人组创意赛 架设内衣网站 12 p { textindent: 2em。 } body { background:ffffff。 fontfamily: “宋体 ”。 fontsize: 9pt。 color: 000000。 margin:0。 padding:0} .blue { fontfamily: “宋体 ”。 fontsize:。 lineheight: 20px。 textindent:2em。 color: 0099FF。 letterspacing: 5em} table { fontfamily: “宋体 ”。 fontsize: 9pt。 lineheight: 20px。 color: 000000。 border:1px solid black} ul, ol, menu, dl { liststyle: url(images/ ) a:link { fontsize: 9pt。 color: 0000FF。 textdecoration: none} a:visited { fontsize: 9pt。 color: 990099。 textdecoration: none} a:hover { fontsize: 9pt。 color: FF9900。 textdecoration: none} a:active { fontsize: 9pt。 color: FF9900。 textdecoration: none} /style body 标识 为了保证浏览器的兼容性，必须设置页面背景 body bgcolor=”FFFFFF” img 标签规范 img src=”” width=”” height=”” border=”0” alt=”” / 所有 img标签除了程序控制宽高值外，都应该 width=”” height=””，这样在图形文件未被读取时，保证浏览。