网页制作人员在设计网页时注意的细节

2016-02-19 23:30 8 1 收藏

下面是个简单易学的网页制作人员在设计网页时注意的细节教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

1、将css与javascript全部用下边的方法分离到外部文件中去。

link rel="stylesheet" type="text/css" href="http://www.webjx.com/css/style.css" mce_href="http://www.webjx.com/css/style.css" media="all"/
script type="text/javascript" src="http://www.webjx.com/include/common.js" mce_src="http://www.webjx.com/include/common.js"/script

让html代码最大可能的只是用来显示实际内容。

2、采用xhtml代码编写页面,抛弃传统Table布局模式,去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。

4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度。

5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。

6、千万不要去javascript来实现你网站的导航。那样会让搜索引擎迷失方向。

7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中。当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。

8、尽量在每个页面代码中合理使用h1h2等标签并让你的关键字出现在h1标签中,让页面的文档结构更清晰。

我是做网页制作的,所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识,建议您访问一些国内知名的SEO优化类的网站,比如点石互动等。在那里你能查阅到很多关于反向链接、页面PR值等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

如果您不打算花钱去请专业的SEOer来为您的网站做优化,那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。

点击这里观看本站的 网页制作教程 频道内容.

来源:http://www.tulaoshi.com/n/20160219/1630041.html

延伸阅读
标签: 电脑入门
而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便。造成网页图片不能显示的原因很多,现在,我们通过多种方式进行探索和解决。 首先,我们可以尝试使用金山卫士对系统进行修复,系统修复中包含了IE修复,可以解决浏览器出错引起的网页图片无法显示问题。 打开金山卫士,点击查杀木马图标,再点击系统修复选...
标签: Web开发
1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-...
<script language="JavaScript" var hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" //设置网页打印的页眉页脚为空 function pagesetup_null(){ try{ var RegWsh = new ActiveXObject("WScript.Shell") hkey_key="header" RegWsh.RegWrite(hkey_root+hkey...
标签: Web开发
如果在用CSS设计网页时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢? 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默...
标签: Web开发
气泡对话框在网页中经常用于说明提示等功能,可以形象生动的现实一些需要用户注意的文字与内容,本文介绍仅用CSS来实现这种简单的网页效果。 气泡状文本框,是一种很生动的网页设计手段。 它可以用来表示用户的发言。 也可以用来作为特定信息的提示符。 DVD租借网站Netflix,还用它显示碟片的详细信息。 ===================...

经验教程

764

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部