乾坤纵横科技

首页>研究中心> 网站建设中前端设计与切图注意事项

网站建设中前端设计与切图注意事项

发表时间:2014-11-04

作者:

点击量:1247

对于网站来说, 网站建设与优化应该从网站建设前期就有充分的考虑,下面北京网站建设公司就为大家讲解一下网站建设前期的前端设计与切图注意事项。
 
1.在不了解如何使用标签时,不要使用h标签定义样式,使用其他标签,或自定义标签
2.优化网站,设计与切图时,应考虑主导航下拉,能够连接主要栏目
3.网站所有栏目最好都能在主导航拥有位置
4.优化网站设计时应添加面包屑导航,最好在正文开始前的位置,如果不好看,应放于网站文章结束后
5.优化网站在设计切图时,要考虑添加网站内链,如在文章结束后添加最新资讯(按时间排列),热门点击(按点击量排列),相关资讯(按关键词推荐),具体按需求与页面排版需要选择,但最好拥有两种以上。
6.页面有图片时,应给重要的图片加上alt属性与长宽属性
7.减少更多等使用,特别是一些热门关键词,应将链接加在栏目名称上,且应保证所有列表页栏目页都有链接入口
8.尽量减少css文件与js文件数量,并并可能放于网站底部
9.尽量让css,js与网站代码分离
10.新窗口打开一般用于首页、重要栏目页以及重要链接,可通过<head><basetarget="_blank"></head>实现。
11.优化网站完整切图应包括404页面,具体页面设计网上有现成的
12.优化网站完整切图应包括sitemap.html格式文件,详细网上有模版,一般主要列举主要栏目页面,链接不超过100个。
13.绝对网址和相对网址视页面重要性而定,一般主要的栏目页和强调的专题最好使用绝对路径,其余使用相对路径
14.分页如果不是使用的js,应该在连接上添加nofollow标签。
15.文件命名应考虑英文或中文缩写,都使用小写
16.如果不是重要内容,在strong与b标签使用中,优先使用b,strong除了加粗还有强调作用。
17.尽量减少不必要的网站div嵌套
18.重要的栏目与链接应添加title属性
19.给区块代码及重要功能(比如循环)加上注释,方便后台添加功能;
20.特殊符号使用:尽可能使用代码替代:比如<(&lt;) >(&gt;) 空格(&nbsp)等等;
21.网站切图完应对主流的浏览器进行兼容性测试,如ie6以上,火狐,以及各自兼容与极速模式。
22.网站图片压缩,在不影响浏览效果的前提下,尽量压缩图片,避免大尺寸与大量图片使用影响网站打开速度。在调用内页图片时,应可以添加缩略图,减少加载时间。
 
附:h标签使用方法
1、h标签常用语能打开的栏目页面;
2、h1标签每个页面最多一个,h2标签每页不多于5个;
3、且在h标签优先级中h1>h2>h3>h4>h5>h6;
4、首页h1标签一般放于网站logo,h2标签放于主要用于优化的栏目;列表页h1标签一般放于标题(如没有标题,可放于面包屑标题文字上),h2标签放于其余的主要栏目;内页h1标签放于title,h2标签放于其余的主要栏目。
 

免费咨询热线

4000-668-806

在线客服