当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页制作人员在设计网页时注意的细节

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 网页制作人员在设计网页时注意的细节


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 55 ::
收藏到网摘: n/a


1、将css与javascript全部用下边的方法分离到外部文件中去。
<link rel="stylesheet" type="text/css" href="http://www.ruanchen.com/ss/style.css" mce_href="http://www.ruanchen.com/ss/style.css" media="all"/>
<script type="text/javascript" src="http://www.ruanchen.com/nclude/common.js" mce_src="http://www.ruanchen.com/nclude/common.js"></script>
让html代码最大可能的只是用来显示实际内容。
2、采用xhtml代码编写页面,抛弃传统Table布局模式,去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。
3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。
4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度。
5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。
6、千万不要去javascript来实现你网站的导航。那样会让搜索引擎迷失方向。
7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中。当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。
8、尽量在每个页面代码中合理使用<h1><h2>等标签并让你的关键字出现在<h1>标签中,让页面的文档结构更清晰。
我是做网页制作的,所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识,建议您访问一些国内知名的SEO优化类的网站,比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。
如果您不打算花钱去请专业的SEOer来为您的网站做优化,那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。