论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

网页设计应遵循的原则

文章类别:HTML | 发表日期:2009-7-26 11:10:42

网页设计应遵循的原则

笔者整理了网页设计师设计网页应遵循的3条原则。 

  遵循标准,采用DIV设计网页。
      在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种内容的定位。DIV是HTML语言中的一个常用元素,而DIV+CSS是网页布局的一种方法,这种布局方法区别于传统的Table布局,达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的,可以更方便搜索引擎的索引。

      通常搜索引擎对标准化制作的网站页面所给予的权重更高,并且使用DIV+CSS的架构也有很多优势,比如改版方便,不需要变动页面的内容,网页打开速度也会明显加快。
 

      完善标签,关键词描述不可少。
      很多网站都会忽略网页中的各种META标签,它虽然是HTML语言Head区的一个辅助性标签,但是完善这些标签会使得页面在搜索引擎中更受欢迎。对于搜索引擎来说,一般需要添加的标签有keyword(关键词)、Description(页面描述)、robots(搜索引擎抓取器)等,META标签的写法如下:
<meta name="keywords" content="网页关键词,填写一个页面的内容关键词,关键词不可重复过多。">
<meta name="description" content="网页描述内容,最好的一段完整的句子。">
(具体可以参考网页教学网,查看网页源文件<head>之间的代码。)
      除了网页头部的META标签,网页中的一些标签同样需要晚上描述内容,比如一些网站为了使页面更加美观,导航也采用图片格式,这样一来搜索引擎就无法“读懂”。
      这时就可以将图片使用alt标签进行标注说明。方法是将图片加上alt=描述文字,如鼠标停靠在本博客每张插图上面现实的文字就是实现效果。
 

      合理设计,避免堆砌关键词。
      虽然网页中的关键词对于页面在搜索引擎中的排名很重要,但是在设计网页的时候,也不能有大量的重复关键词。
      在搜索引擎的网页排名算法中,很重要的一个因素就是关键字密度,即某个词语在网页中的分布情况。

 

上一篇:HTML中的abbr标记和acronym标记 人气:2237
下一篇:HTML中文字水印的清除方法 人气:2500
视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058