新闻详情
上海网页设计培训学校：让网页更有阅读性的几个网页设计技巧
来源：上海非凡进修学院 时间：2014-11-08
上海网页设计培训学校：让网页更有阅读性的几个网页设计技巧
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秒的时间都是在找从哪里能点进文章内容。
在上海学网页设计就到：http://4415.peixun360.com上海网页设计培训学校
