1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

几个网页设计技巧

作者:用户 来源:互联网 时间:2016-07-15 18:16:40

字体设计内容段落一个阅读代码代码阅读文章

几个网页设计技巧 - 摘要: 本文讲的是几个网页设计技巧, 合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容。 合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅

合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容。

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

      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秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索字体 , 设计 , 内容 , 段落 , 一个 , 阅读代码 , 代码阅读 文章 网页设计技巧、网页设计排版技巧、网页设计面试技巧、网页设计配色技巧、网页设计色彩搭配技巧,以便于您获取更多的相关知识。

project-PC-Lint技巧——怎么把工程项目里几个特定的文件排除

问题描述 PC-Lint技巧——怎么把工程项目里几个特定的文件排除 引用了个sqlite3.c的文件。每次用PC Lint Check Project的时候会有七千行的分析,感觉好不舒服。 能不能在哪里配置一下,把这个...

分享FrontPage制作网页的几个技巧

最近笔者学会了用FrontPage XP做网页,心理特高兴,非常想把我在制作主页过程中的一些经验和大家交流交流、切磋切磋,我们一起来看看吧。   用表格做按钮   很多人为了做出按钮效果,不得不去动用一些图像或动画制作...

提高PHP开发运行效率的几个小技巧

...,就需要考虑怎样提高PHP的性能了。   提高PHP效率的几个小技巧 1、代码优化   代码优化不仅仅是写出干净和清晰的代码,而是对代码进行一定的简化。可以使用Zend Optimizer来自动帮助完成这些繁杂的工作。Zend Optimiz...

数据库的优化,包括:oracle,mysql.

...需求分析技巧 技巧二: 表设计技巧 每个表中都应该加入几个有用的字段,如:创建日期,创建用户等. 技巧三: 字段设计技巧 技巧四: 键设计技巧 技巧五: 索引设计技巧 技巧六: 数据完整性设计技巧 #4#:数据库设计规范 o...

开发中可能会用到的几个 jQuery 小提示和技巧

今天我们选取了几个队 jQuery 开发人员非常有用的代码片段。希望你的下一个项目中能用得上这些代码。 1) 禁止右键 在开发 Web 应用的时候,有些情况需要禁用右键单击功能。使用此代码,jQuery 开发人员可以在网页上禁用...

前三篇
后三篇