当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 让网页更有阅读性的几个网页设计技巧

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

HTML/XHTML教程 中的 让网页更有阅读性的几个网页设计技巧


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

    合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容,如果设计的网页很另类很个性,导致读者无法迅速找到想要进入的主题,那么读者会很快离开你的网站。那么如何设计好一个网页呢?一些小细节和一些操作习惯就会让你的网站内容更有阅读性。

      1:把文章内容字体改大一点,字太小看起来很累,尤其是在内容很多的时候。目前文章内容流行的字体是14PX(像素),和180%或150%的行距,这样不容易造成视觉疲劳。
例如在CSS文件中可以加入如下代码:
body{font-family: "宋体","微软雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}
这段代码的意思是 BODY区域也就是整个页面默认是宋体,如果没有宋体则改为微软雅黑,以此类推。font-size的意思是字体大小,line-height是意思是行距。
(非常抱歉,我犯了一个严重的错误,目前流行字体应该是14px,结果我打成16px,这里向各位修改成16px的朋友说一声抱歉。)

      2:给文章内容的链接添加下划线,这样读者可以清楚的知道哪里可以点击。例如:显示下划线代码text-decoration: underline;

      3:文章内容尽量简洁明了.更不要把文章弄成花花绿绿的字体颜色。

      4:要勤分段落。太多的段落总比太少的段落要好很多,这样文章看上去错落有致,而且读者也容易阅读.

      5:内容摘要很重要,这样读者在阅读完标题,再阅读摘要时就能大致了解文章要表达的内容。

      6:给重点的句子或者段落加粗体现实。这样不仅方便快速阅读,而且搜索引擎也会着重阅读。

      7:如果文章内容很长,可以使用分页。分页导航一定要清晰明了易于点击。

      8:把文章保持在一个合理的宽度,尽量不要直接从word文档粘贴到文章编辑器当中。以免把样式代码也粘贴到编辑器中。我一般都使用记事本来写文章。

      9:可以考虑使用插图.如果文字太多的情况下,配图可以提高文章的可读性。

      10:最后一点也是最重要的一点,网站一定要有清晰的导航,方便读者浏览。我曾经去过几个非常有个性的博客,但有接近30秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。