网设计规范.docx

网设计规范.docx精品文档
精品文档
1
精品文档
网页设计规范
网页设计标准尺寸:
1、800*600 下，网页宽度保持在 778以内，就不会出现水平滚动条，高度则视版面和内
容决定。
2、1024*768

下，网页宽的广告条，用于页眉或页脚。
7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
8、88*31，主要用于网页链接，或网站小型 LOGO。
网页中的广告尺寸
1、首页右上，尺寸 120*60
2、首页顶部通栏，尺寸 468*60
3、首页顶部通栏，尺寸 760*60
4、首页中部通栏，尺寸 580*60
5、内页顶部通栏，尺寸 468*60
精品文档
精品文档
5
精品文档
6、内页顶部通栏，尺寸 760*60
精品文档
精品文档
5
精品文档
7、内页左上，尺寸 150*60 或300*300
8、下载地址页面，尺寸 560*60 或468*60
9、内页底部通栏，尺寸 760*60
10、左漂浮，尺寸 80*80或100*100
11、右漂浮，尺寸 80*80或100*100
网页设计前端页面制作的规范要求和注意事项
1．尽量把页面的背景图及小图标整合到一张图片，用 CSS定位方法。这样以减少 http 请
求，从而降底网站的下载速度。
2．尊从内容与页面样式的脱离，如需要，同样也要做到布局与 COLOR的脱离。什么样的
图片属于内容：从数据库里取出来的图片。 凡是不属于内容的图片请都用背景。
）页面代码，做到精简，逻辑性清楚；公用部位可以引入进来，比如头部，脚部。
2）CSS逻辑清析，精简。可在不改变功能的前提内，做到能更换页面布局及换色。 CSS
样式每个页面引入不超过两个文件，一个 是COMMON ：它包含整个站点都需用到的公
用部分，如整体布局，头部，脚部，框，按扭等。另一个是当前页的 CSS。CSS文件引入
在2个之内，减少 http 请求避免CSS的表达式。
3．将脚本放在底部。这样页面就可以逐步呈现，而且页面中的可视组件可以尽早下裁。
精品文档
精品文档
7
精品文档
配合程序开发人员我们需要注意的（ xhtml）：
精品文档
精品文档
5
精品文档
1．了解用户可编辑上传修改的“图片”，“文字” 区域的需求。根据需求来定位控制，
以保证页面的稳定显示。如图片，需了解：
）宽度是否是固定大小，
）宽度最大限度，
3）大小不一样时的居中显示 如文字，需了解：
文字的最大长度。及加“”省略号区域,
2) 在测试中经常也会碰到英文无空格情况，得用 overflow: hidden 的方法隐藏溢出部分。
2．每个页面加上正确显示的 TITLE。
．在页面中尽量完成每步交互效果，包括既时响应的。
．提交程序员的DEMO必须是连贯的，交互效里齐全，而且经过自已在
，，FIREFOX一次以上的整体测试。 设计师需要注意的几点：
尽量考虑为元素命名其本身的作用或尽量考虑为元素命名其本身的作用或尽量考虑为元
素命名其本身的作用或尽量考虑为 元素命