网站前台制作规范.docVIP

网站前台制作规范 在制作之前不要先决定网页的外观和功能结构，然后强迫自已去适应它，应该和团队合作成员与商务或者客户，充分沟通后，再决定。了解客户的需求和需要的功能后再设计，要知道欲速则不达。 前台表现层页面： 1、 尽可能全部采用DIV+CSS制作；样式设计要支持当前主流浏览器；火狐，IE6,IE7,IE8等，以现在主流的宽屏结构。 2、 页面表现不要单一使用豆腐块模式，多使用图文并貌，丰富页面表现力；但是不要过多使用图片。 3、 页面的顶部底部，样式分开设计，不和其他的页面样式重合，如顶部样式父样式为：TOP;底部为：END；其他页面头部底部，如需要不同表现形式的头部，则要区分，如：产品页头部样式为：Pro_Top 4、 介于对搜索引擎的收录相关，页面中尽可能不要出现IFRAME框架结构； 5、 全站页面中相同表现形式的样式，应用一种样式参数，不要重复设计多余的样式；如果相同表现形式，有小部分的区分，如：新闻的列表形式，有的前面需要以点来表示，有的前面需要以小图标表示。样式设计只要改变相关参数就可，如：列表样式名为NEWSLIST.用点来表示的则加?newslist?.isli{}的参数，以图片表现的则加newslist?.img{}; 6、 结构框架设计，注意主次之分。一般商机信息，和会员信息为主要模块，其他资讯类为次要模块，框架设计时要注意主次之分； 7、 框架设计时，注意内容表现的密度，不要使页面看起来很空旷； 8、 信息表现页面，不要单一所有类信息都是相同的页面结构，要有所区分，比如资讯类，和产品类，商机类，信息表现最终页面要有所区分；页面中的辅助信息尽可能设计和信息相关的信息。比如产品类信息，辅助信息，不要都是些资讯类的信息，尽可能设计些相关的如相关推荐信息，相关最新信息，相同类信息，和相关企业信息等。页面中必须有上一条，下一条，打印，关闭，收藏，留言回复，返回首页，返回顶部这些必要信息。 9、 所有页面从头至尾都要使用导航标志，尤其是要用“返回到首页”连接。可以在每个页面都这样做。比如在每页的顶端(或底部)都有一小串图标，第一个回到首页，第二个回到章，第三个回到节。如果是图像导航按钮，那么要有清晰的标识，让人看得明白，千万别只顾视觉效果的热闹，而让人家不知东西南北；而文本导航的链接颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者一个清楚明白的导向。 10、 对于所有类最终页面，都要有相关回复留言设计，更多留言页面设计。 11、 对有会员功能后台的站，要设计会员后台页面：这里可以提前设计几套相关的页面，可以重复使用，但是页面表现形式和颜色框架，要能和整个站的页面搭配； 12、 对于搜索页面的设计，据情况而定，大概分三种情况：一种图文并貌显示。一种标题文字显示。一种纯文字列表形式； 13、 每个页面的meta标签都是必须存在的（title?\?keywords\discription等） 14、 关于网页长度，不要太长，像首页内容控制在3屏左右就可以。、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。 15、 在网页和样式中，尽可能多使用说明标记 16、 不要过多的抄袭别人的作品，注意版权问题。可以借鉴，做为己用。 17、 对于文件名，和文件夹名称尽可能简洁。对于文件夹，不同的栏目，不同的文件夹；图片，JS文件，FLASH文件，视频文件都能有所区分文件夹； 18、 对于页面中所使用的图片，不要都放到一起，要有所区分，页面中用到的修饰页面的公共图片，则放在主要的IMAGES文件夹中，其他的冲页面的广告图片或者产品资讯图片，后期都属于作废图片，就另外放到Adimg文件夹中，后去好删除，一面有些多余的文件存在 19、 首页文件名全部都定义为index.html； 20、 关于代码编写方面 一定要注意HTML标签应用的完整性，如有出现p就要有/P结束，一切按照HTML标签的完整标准来。以下举几个例子： Html?文件的通用模板：?html?!--?Generator:?Sub?Design?Studio?(?a?href=)?target=_blank)/a?Creation?Data:?2000-8-1?Original?Author:?eastline?--?head?title?文档标题?/title?meta?http-equiv=content-type?content=textml;?charset=gb2312?meta?name=author?content=eastline?其他meta?标?记?link?rel=stylesheet