网页设计分析要素

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容。下面介绍网页设计分析要素，希望可以为您带来帮助。

1、页面内容要新颖

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象，题材千篇一律，人人都是"软件下载"，个个都有"网络导航"，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”，又必须突出“新”，如能坚持天天更新的话，我相信这样的网页一定会受到大家的欢迎。

2、网页命名要简洁

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

3、要及时更新网页

网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。

4、注意视觉效果

设计Web页面时，一定要用640×480和800×600的分辨率来分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页

5、随时注意网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。

6 、善用表格来布局

不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。

7 、少用特殊字体

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。

HTML5网站制作布局要素

一、 HTML5网站制作布局要素之header

描述了文档的头部区域，定义内容的介绍展示区域，通常是一些引导和导航信息，它不局限于写在网页头部，也可以写在网页内容里面，该元素旨在作为网页的一个片段或者增个页面的介绍信息的“容器”。它可以包含网站的名称、标记线、广告口号或者公司的标志。所以在HTML5中，header的使用更加灵活，你可以根据你的需要来定义和组织document结构。同样，在结构页面时，header标签一般都放在页面的顶部，但是如果你想把它放在左侧，右侧甚至底部都没有关系，标签只定义了本身在页面的角色，而不是位置。当然更具搜索引擎优化原则，重要内容最后在架构页面的时候提前。最后由于在HTML5中header属于块元素，如果我们要在大多数主流浏览器使用的话最好定义CSS。

二、 HTML5网站制作布局要素之nav

这个元素很明显是应用于创建导航或者菜单栏中的，但是关键的一点是，并不是所有在web页面的链接都要必须在nav元素内，只有那些主导航栏的链接才应该包含在该元素内。一个网页也可能含有多个nav元素，例如一个是网站内的导航列表，另一个是本页面内的导航列表。对于屏幕阅读障碍的人，可以使用这个元素来确定是否忽略初始内容。

三、HTML5网站制作布局要素之section

于section，我们可以说相对于div的无语义，section是带有语义的div。该标签一般应用于文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

四、 HTML5网站制作布局要素之aside

定义页面主区域内容之外的内容，这一元素代表的是与主要内容相关的内容，但并不属于主要内容的一部分。通常应用于引用于，侧边栏相关链接，广告等等。根据目前的规范，元素有两种使用方法：第一种被包含在中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。第二种在之外使用，作为页面或站点全局的附属信息部分，最典型的形式是侧边栏，其中的内容可以是友情链接、附属导航或者广告单元等。

五、 HTML5网站制作布局要素之footer

此元素的内容是包含更多关于他的父元素的内容。footer置于body之后将可以提供有关该页面的其他的信息内容。例如网站建设着的一些信息，相关文章的链接，版权信息，文档的作者，著作权信息，链接的使用条款，联系信息等等。此元素也可以被被应用于body之中不同的段中，可以给页面中不同段一些特定的其他信息。