网站内容与功能设计(网页设计技巧一定会使你大饱眼福，并让你在以后设计自己的个人主页)

　　网站内容与功能设计(网页设计技巧一定会使你大饱眼福，并让你在以后设计自己的个人主页)

　　相信网民在上网时，一定会看到很多设计独特、创意新颖、页面吸引人的个人网页。当您遇到这些页面时，您一定会停下来仔细欣赏它们。会有一个小小的想法，想做一个自己的个人主页。如果你确实有这个想法，那么请继续阅读下面的内容，下面提供的网页设计技巧一定会让你大饱眼福，让你在未来设计自己的主页。好了，说了这么多，我们切入正题，一起来看看作者今天带来了哪些网页制作技巧：

　　1、设计前的规划

　　设计一个主页可能不是很困难。但这项工作与传统宣传材料的准备一样，需要精心处理和规划。换句话说，我们必须首先确定我们需要传达的主要信息，然后仔细考虑并以逻辑方式组织所有想法；然后设计一个页面样式，在一个有代表性的用户身上尝试，然后重复它，使其完美。

　　2、选择新鲜的内容

　　万维网上不断出现新事物，每天都有新花样。如果你的主页永远不会改变，用户很快就会厌倦它。因此，网页内容的选择要标新立异，着眼于一个“新”字。这个原则要求我们在设计网站内容的时候不要抄袭别人的内容，而是要根据自己的实际情况，创造出独一无二的网站内容。@网站。放眼望去，网上很多个人主页简直就是“杂货店”，内容包罗万象，主题一致，人人都是“软件下载”，人人都有“网络导航”，没有一丝“新鲜感”从开始到结束。意义。因此，我们在设计网页的时候，一定要注重材料的选择。选材要尽量“少”、“细”，要突出“新”。如果你能坚持每天更新，相信这样的网页会受到大家的欢迎。

　　3、内容比较实用

　　一个网页，像它的设计一样有趣和引人入胜，并不是吸引用户的最佳理由。为了最大限度地提高用户保留率，首先是使其有用。一个非常简单的方法是提供相互参与——让读者做一些事情，比如注册定期发送的时事通讯，并以某种方式回报他们的参与，比如每周抽奖或让他们有机会下载一些东西。

　　4、网页名称要简洁

　　由于一个网站不能组成一个网页，它有很多子页面，为了使这些页面有效链接，用户最终可以给这些页面起一个有代表性的简洁易记的网页名称. 这不仅可以帮助您将来管理您的网页，还可以让其他人在您将网页提交给搜索引擎时更轻松地对其进行索引。在给网页命名时，最好使用常用的或与页面内容相匹配的小写英文字母，这与页面上的链接直接相关。

　　5、确保页面可导航

　　主页的重要功能之一是作为导航工具，将用户引导至您存储在网站或其他位置的信息。所以在设计你的主页时，尽量让导航过程尽可能简单。出于清晰和速度的原因，主页上的超链接内容应仅限于少数高级类别，例如公司、产品、服务等。通常，六到八个超链接更适合 A4 页面大小的网页。另外，你要保证超链接的层数不要太多，超过4层的链接信息会很烦人。所以你必须在广度和深度之间取得平衡。如果您的 URL 信息过多，您可能希望制作更长的页面或使用更多层的链接，甚至创建多个主页，每个都有不同的信息。如果可以让用户在首页通过关键词或词找到他们需要的信息，那肯定会受到用户的欢迎。

　　6、善用表格布局

　　不要像报表那样以一种、两种、三种、四种方式列出一个网站的内容，注意用表格突出网站内容的层次和空间性，所以让人们一眼就能看到 让你的 网站 重点突出，结构合理。

　　7、合理设计视觉效果

　　您不必用图像填充页面来增加视觉趣味。尝试使用彩色圆点——它们很小，可以为列表项添加色彩活力（并可用于彩色列表）。彩色分隔线还可以在不中断带宽的情况下增强图形。另外，网页设计好后，一定要在不同类型的浏览器和不同的分辨率下测试首页。例如，许多浏览器使用 640×480 的分辨率，尽管有些网页使用 800×600 的分辨率。有吸引力，但在 640×480 模式下可能会被掩盖。稍加努力，设计一个在不同分辨率和不同类型的浏览器下都能正常工作的网页。

　　8、排版时注意细节

　　不要轻易地将文本居中并使用粗体或斜体字符。除了视觉混乱之外，许多浏览器不能很好地显示斜体，也不能补偿由倾斜字母引起的空白变化。通过使用短段落、虚线列表、适当的块引用、带有水平线的小节和图像映射来指导关键连接，使您的页面有吸引力且易于阅读。另外，笔者提醒大家注意不要把重要的内容放在页尾，因为读者的视线可能会在首页多停留一点，或者有些读者没有耐心往下看那么远.

　　9、善用GIF和JPG格式的图片

　　用户在网络上旅行，您必须想办法吸引并保持他们对您的主页的关注。万维网最大的资源之一就是它的多媒体功能，所以无论如何我们都应该好好利用它。主页上最好有醒目的图片、新颖的图片、漂亮的字体，使其独特而令人难忘。图片内容要有一定的实际效果，不能夸大其词。目前网上大部分图片都是使用GIF和Jpeg交互格式的，因为交互格式的图片是分阶段显示的——先以很低的分辨率显示，然后逐渐提高分辨率，直到最终正常显示——这是这有时会使较大的图像看起来加载速度更快，但事实并非如此，但这是一个有用的错觉。这也使读者更容易在加载时看到图像的样子，如果他们不喜欢或不想看到它，他们就有机会中断传输或去其他地方。

　　10、为图片添加标题

　　为每个图形添加文字说明，以便您可以在其出现之前看到相关内容，尤其是导航按钮和大图像。这样，当网速太慢无法下载图片或用户使用文本类型的浏览器时，仍然可以阅读网页内容，用户日后访问您的网站时始终会有亲切感，认为你时刻细心、体贴、体贴他人，相信你的善意会有所回报。

　　11、更多使用图片缩略图

　　例如，有一张 800×600 像素的 1600 万色扫描图像，大约占用 50K 空间。使用像 PhotoShop 这样的图像编辑工具对原创图像进行重新采样，例如 100px 的高度（高度和宽度对于确保浏览器立即以正确的尺寸显示图像很重要。也许是为了满足您自己的要求您必须调整找到完美的尺寸，但您可以先将高度除以 4-6），PhotoShop 将自动计算新图像的宽度。保存新图像，它现在应该是 8K 或更小。然后将这段 HTML 代码添加到源文件中：

　　，那么当浏览器解释并执行Lowsrc命令时，会在真实屏幕加载之前要求浏览器加载低分辨率图片，让访问者知道会出现什么样的图片。

　　12、不要使用过多的*敏*感*词*

　　大家都喜欢用GIF*敏*感*词*来装饰网页，确实很吸引人，但是我们在选择的时候能确定一定要用GIF*敏*感*词*吗，如果答案是否定的，那就选择静止图像吧，因为它的容量要小很多. 同样大小的LOGO，GIF*敏*感*词*的容量有5K，而静止的LOGO只有3K。虽然只有2K的差别，但是多了会影响下载速度，所以如果有的没必要，就选最小的吧。

　　13、不要多用闪烁的文字

　　有些设计师想通过闪烁文字来吸引访问者的注意力是可以理解的，但一个页面上最多只能有三个闪烁文字。过多的闪烁文字会给用户一种刺眼的感觉，反而会影响用户的访问。这个网站的其他内容，正是所谓的“极端会逆转”。

　　14、页长要适中

　　当页面很长时，您应该注意，因为它的传输时间明显长于较短的页面。页面传输时间过长会使访问者在等待中失去耐心。而为了阅读这些长文本，访问者必须使用滚动条，这也浪费了用户浏览网页的时间。如果您有大量基于文本的文档，您应该将它们以 Adob​​e Acrobat 格式放置，以便访问者可以离线阅读它们，从而节省宝贵的时间。

　　15、Java 程序应谨慎使用

　　不要使用大格式的Java程序，如果可以使用javascript，尽量不要使用java。因为目前java的运行速度实在是让人难以承受，常常让浏览器不耐烦地等待所有页面显示出来，所以你再细心的设计也没用。

　　16、整个页面的样式要一致

　　您网页上的所有图像和文本，包括背景颜色、区分线、字体、标题、脚注等，都应该在整个网站上具有统一的样式。这样阅读器看起来舒适流畅，会给你的网站留下“专业”的印象。

　　17、最好不要使用计数器

　　由于计数器也是程序设计的，所以显示计数器的过程实际上就是执行程序的过程，占用了用户宝贵的上网时间。此外，大多数浏览器认为计数器没有意义，很容易被伪造。他们也不想看广告。因此，我建议不要轻易考虑在您的 网站 上放置一个显眼的点击计数器。您设计 网站 是为了服务您的访问者，而不是出售您认为重要的东西。如果您显示您的 网站 有多受欢迎，您最好提供一个显示访问日志的链接。

　　18、每个页面都必须有导航标志

　　在所有页面中使用导航标志，尤其是“返回首页”链接。您可以在每个页面上执行此操作。例如，在每个页面的顶部（或底部）都有一小串图标，第一个返回首页，第二个返回章节，第三个返回章节。如果是图片导航按钮，必须要有清晰的logo，让人看得清楚。不要只注重视觉效果的生动性，让人不知道东、西、北、南、南；并且文本导航链接的颜色最好按照惯例使用：未访问，蓝色；点击，紫色或栗色。简而言之，文本链接必须与页面上的其他文本区分开来，给读者一个清晰的引导。

　　19、尽量使用相对超链接

　　制作图片或文字超链接时，尽量使用相对超链接。这是因为这个网页更便携。例如，当一组源文件移动到另一个地方时，相对路径名仍然有效。无需重新修改连接的目标地址；此外，使用相对超链接时输入量较少。当然，同一页面上的连接项应该使用相对地址，因为使用绝对地址后，可能每次选择连接时都需要选择页面。重新加载一次。如果要连接不直接相关的文件，最好使用绝对路径，这样以后如果将源文件移动到另一个目录，就不需要更改连接。

　　20、保证超级链接直观有效

　　页面中的超链接应该使用户能够快速找到他们正在寻找的内容。大多数好的网站在每个页面的相同位置都有相同的导航栏，这使得查看者可以直观地从每个页面访问 网站 的任何部分。

　　尤其要避免“点击这里”，任何想要“点击这里”的人都会仔细考虑是否正是“这里”以及连接是否正确。不要让连接的名称与连接的URL不同，这样会让读者白白浪费时间。