文档介绍:网站前台制作规范
在制作之前不要先决定网页的外观和功能结构,然后强迫自已去适应它,应该和团队合作成员与商务或者客户,充分沟通后,再决定。了解客户的需求和需要的功能后再设计,要知道欲速则不达。
前台表现层页面:
1、尽可能全部采用DIV+CSS制作;样式设计要支持当前主流浏览器;火狐,IE6,IE7,IE8等,以现在主流的宽屏结构。
2、页面表现不要单一使用豆腐块模式,多使用图文并貌,丰富页面表现力;但是不要过多使用图片。
3、页面的顶部底部,样式分开设计,不和其他的页面样式重合,如顶部样式父样式为:TOP;底部为:END;其他页面头部底部,如需要不同表现形式的头部,则要区分,如:产品页头部样式为:Pro_Top
4、介于对搜索引擎的收录相关,页面中尽可能不要出现IFRAME框架结构;
5、全站页面中相同表现形式的样式,应用一种样式参数,不要重复设计多余的样式;如果相同表现形式,有小部分的区分,如:新闻的列表形式,有的前面需要以点来表示,有的前面需要以小图标表示。样式设计只要改变相关参数就可,如: newslist .isli{}的参数,以图片表现的则加newslist .img{};
6、结构框架设计,注意主次之分。一般商机信息,和会员信息为主要模块,其他资讯类为次要模块,框架设计时要注意主次之分;
7、框架设计时,注意内容表现的密度,不要使页面看起来很空旷;
8、信息表现页面,不要单一所有类信息都是相同的页面结构,要有所区分,比如资讯类,和产品类,商机类,信息表现最终页面要有所区分;页面中的辅助信息尽可能设计和信息相关的信息。比如产品类信息,辅助信息,不要都是些资讯类的信息,尽可能设计些相关的如相关推荐信息,相关最新信息,相同类信息,和相关企业信息等。页面中必须有上一条,下一条,打印,关闭,收藏,留言回复,返回首页,返回顶部这些必要信息。
9、
所有页面从头至尾都要使用导航标志,尤其是要用“返回到首页”连接。可以在每个页面都这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。如果是图像导航按钮,那么要有清晰的标识,让人看得明白,千万别只顾视觉效果的热闹,而让人家不知东西南北;而文本导航的链接颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者一个清楚明白的导向。
10、对于所有类最终页面,都要有相关回复留言设计,更多留言页面设计。
11、对有会员功能后台的站,要设计会员后台页面:这里可以提前设计几套相关的页面,可以重复使用,但是页面表现形式和颜色框架,要能和整个站的页面搭配;
12、对于搜索页面的设计,据情况而定,大概分三种情况:一种图文并貌显示。一种标题文字显示。一种纯文字列表形式;
13、每个页面的meta标签都是必须存在的(title \ keywords\discription等)
14、关于网页长度,不要太长,像首页内容控制在3屏左右就可以。、“网页大小”定义为网页的所有文件大小的总和,包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在34K以下为合适。
15、在网页和样式中,尽可能多使用说明标记
16、不要过