文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设DreamWeaver网页导航设计九大注意事项
精品推荐
特别推荐
·玩转Dreamweaver速记CSS属性
·在DW中使用CSS样式表来设置网页
·利用DW8掌握网页代码基本格式
·用Dreamweaver8制作网页中常用的过度效果
·级联删除的触发器代码解释
·DW滤镜样式的语法规则
·Dreamweaver初学者常见问题解答
·12个Dreamweaver鲜为人知的小秘诀
·巧妙运用Dreamweaver进行网页制作技巧
·网页导航设计九大注意事项
·Dreamweaver技巧12条
·DreamWeaver 经典
·寻找Dreamweaver鲜为人知的小秘诀
·在DW中插入Flash的参数详解
·Dreamweaver层使用八定律
·用Dreamweaver MX 2004的Flash动画元素
·DW 技巧简单几问几答
·Dreamweaver MX实例:插入交替图像按钮
·在DreamWeaver中应用CSS样式表技巧两则
·Dreamweaver MX 2004的一句话技巧
热点TOP10
·Dreamweaver MX 2004做ASP程序(4)用户注册系统
·Dreamweaver MX 2004做ASP程序(5)登陆系统的实现
·Dreamweaver MX 2004做ASP程序(3)显示数据库的数据
·如何在Dreamweaver中进行数据库连接
·菜鸟学用DreamWeaver做ASP
·用Dreamweaver MX制作导航下拉菜单
·Dreamweaver MX 2004做ASP程序(1)设置站点
·Dreamweaver MX 2004做ASP程序
·Dreamweaver 8.0/Flash 8.0/Fireworks 8.0简体中文正式版下载及注册码
·Dreamweaver MX 2004从零开始_用模板制作网页
·用Dreamweaver MX 2004设计超简留言本(二)
·入门:用Dreamweaver简单描述制作网页的基本步骤
·用Dreamweaver MX 2004制作ASP动态网站(投票系统篇)
·Dreamweaver MX 2004做ASP程序(2)建立数据库
·网页制作傻瓜工具集锦
·级联删除的触发器代码解释
·Dreamweaver网页制作教程:创建导航条
·dreamweaver制作可控制的横向滚动
·12个Dreamweaver鲜为人知的小秘诀
·Dreamweaver MX 2004设计留言本实战

网页导航设计九大注意事项

日期:2007年6月1日 作者: 查看:[大字体 中字体 小字体]


 一、注意超连结颜色与单纯叙述文字的颜色呈现

  WWW的语言―HTML允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。


  二、测试所有的超连结与导览按钮的真实可行性


  Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。


  如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。


  三、让超连结的字串长短适中且走文自然


  抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。


  四、当导览按钮连结到目前此页时


  各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。


  五、分析、说明您提供的bookmarks或coollinks


  常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主要内容精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。


  六、在具有前后连续顺序的文件里提供必要的连结


  将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶


  1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里,每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结,可使读者能够立即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。


  2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。


  在一系列具有前后连续顺序的文件里,每篇Webpage都应加上一个具有说明性的标题,使读者一目了然,马上抓住这一页的重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外,更添加精简达意的上一页与下一页标题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。


  3.提醒读者某一系列文件已到尽头。


  当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供“下一页”的导览按钮或超连结。但基于Webpage界面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的,可考虑将最后一页的“下一页”导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有“下一页”的内容。


  七、在较长的Webpage内提供目录表与大标题


  理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不要忘了在此长篇的Webpage最上头,提供一个目录表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是,在这些标题与目录表的HTMLsource里分别设置锚点,并链接到锚点,以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。



[1] [2] 下一页 




上一篇:更新Dreamweaver中的FireworksHTML

下一篇:用Dreamweaver实现简单的网页搜索功能

网页导航设计九大注意事项 相关文章:
·3DS Max 7卧室效果图设计:建模篇
·VB+Access设计图书管理系统
·为什么iexplore.exe在打开网页时CPU使用会100%?
·DIV CSS网页布局实例:十步学会用CSS建站
·如何建立一个网站?规划、设计、目的、原则、宣传
·教你如何制作QQ空间FLASH导航条
·QQ空间导航代码最新版使用方法
·飞机订票系统设计
·华北水利水电学院新校区校园网规划与设计
·校园网网络方案设计及分析
网页导航设计九大注意事项 相关软件:
·美工设计教程
·Dreamweaver 网页设计
·C语言程序设计
·Photoshop CS中文版平面设计师标准案例教程
·photoshop cs 超梦幻网页创意宝典
·Photoshop CS经典创意设计200例
·东方网页王III 正式版
·古典网页模板
·Photoshop 7.0 平面 广告 装帧设计100例
·Windows环境下32位汇编语言程序设计

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn