网页设计网页的构成元素
1.图像
网页中图像可分为两种格式,分别是:JPG和GIF。即以.jpg和.gif为后缀名的文件。网页上的图片一般体积比较小,通常要求上传的图片大小不超过200k。从而使网页的显示速度较快。拍摄的照片或扫描的图像由于体积较大,一般要经过图像处理软件处理之后才能用于网上显示。
2.表格
表格是网页排版布局不可缺少的工具,使用表格排版仍然是目前网上主要的制作页面的方式。表格排版简单容易掌握,不容易出现乱版现象。而且各个不同版本的浏览器都对其有很好的兼容性。
3.表单
在交互式网页中,表单通常是必不可少的。它是用来收集访问者信息的的域集。站点访问者根据表单所提供元素,进行有选择性的提交,表单通过相应的程序收集访问者的信息并通过不同的方式进行处理。
4.导航栏
导航栏是网站导引目录。用来引导浏览者对网站的主要页面进行浏览。导航栏中可以是图片、文字或按钮。由这些元素构成相应用的链接,单击链接就可以打开对应的页面。
5.超级链接
所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。
当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。通常,用户在访问超级链接时,鼠标指针会变成手形标记。
按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E.mail链接,锚点链接,多媒体文件链接等。
网页中除了这些元素之外还有其他如FLASH动画、音频、视频、计数器、字幕、横幅广告、悬停按钮等。
设计网页遇到的问题
当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。下面介绍设计网页遇到的问题,希望可以为您带来帮助。
一、互矛盾的连接和导航分类
当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。
卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。
造成这些问题的两个可能原因是:
标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。
内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。
二、重复链接
即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。
Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number),点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。
团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。
三、在小型网站中搁浅用户
为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。
有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似)并且很疑惑为什么他们以前使用的导航消失了。
在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。
四、糟糕的搜索结果
当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。
不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。
搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。
定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。