1 / 2
文档名称:

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

格式:docx   大小:18KB   页数:2页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:fangjinyan2017001 2022/5/18 文件大小:18 KB

下载得到文件列表

网页设计前端页面制作的规范要求和注意事项.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