网页设计前端页面制作的规范要求和注意事项.docx

1、尽量把页面的背景图及小图标整合到一张图片，用CSS定位方法。这样以减少
http 请求，从而降底的下载速度。
2、尊从内容与页面样式的脱离，如需要，同样也要到布局与COLOR 的脱离。什
么样的图片属于内容：从数据库里取出来的图片1、尽量把页面的背景图及小图标整合到一张图片，用CSS定位方法。这样以减少
http 请求，从而降底的下载速度。
2、尊从内容与页面样式的脱离，如需要，同样也要到布局与COLOR 的脱离。什
么样的图片属于内容：从数据库里取出来的图片。凡不属于内容的图片请都用背景。
1) 页面代码，到精简，逻辑性清楚;公用部位可以引入进来，比如头部，脚部。
2)CSS逻辑清析，精简。可在不改变功能的前提内，到能更换页面布局及换色。
CSS样式每个页面引入不超过两个文件，一个COMMON:它包含整个站都需用到
的公用部分，如整体布局，头部，脚部，框，按扭等。另一个当前页的CSS。 CSS
文件引入在2个之内，减少http请求避免CSS的表达式。
3、将脚本放在底部。
这样页面就可以逐步呈现，而且页面中的可视组件可以尽早下裁。
配合程序发人员们需要注意的 (xhtml) ：
1、了解用户可编辑上传的 “图片 ”， “文字 ”区域的需求。根据需求来定位控制，以
保证页面的稳定显示。如图片，需了解：
1) 宽度否固定小；
2)宽度限度；
3)小不一样时的居中显示；
如文字，需了解：
1)文字的长度。及加“…省略号区域。
2)在测试中经常也会碰到英文无空格情况，得用 overflow:hien 的方法隐藏溢出部 分。
2、每个页面加上正确显示的TITLE 。
3、在页面中尽量完成每步交互，包括既时响应的。
4、提交程序员的DEMO必须连贯的，交互效里齐全，而且经过自已在 , ， FIREFOX 一次以上的整体测试。
设计师需要注意的几：
1、尽量考虑为元素命名其本身的作用或”用意 ” ，达到语义化。不要使用表面形式
的命名。如 :red/left/big 等。
2、组合命名规则 :
[元素类型 ]-[ 元素作用 / 内容 ] 如：搜索按钮： btn-search