优化网站导航布局,合理规划栏目设置与目录架构的关键要素有哪些?
网站板块布局与目录体系需关注哪些要素
一
构建网站如同撰写一篇文章,起初需拟定大纲,文章方能主题鲜明,条理清晰;亦如建造高楼,需先绘制框架图纸,方能确保楼房结构合理。若网站结构混乱,目录繁杂,内容散乱无章,不仅令浏览者困惑,且自身扩充与维护网站亦极为困难,网站可能因此半途而废。因此,在着手制作网页之前,务必考虑以下三个方面:
1. 明确板块和版块;
2. 明确网站的目录架构与链接架构;
3. 明确网站的整体风格与创意设计。
首先,我们来探讨“明确网站的板块和版块”。网站题材确定后,收集并整理了大量相关资料内容。能否吸引网友浏览网站,内容布局、优质内容在版面上的分布均至关重要。板块实质上是一个网站的大纲索引,索引应明确展示网站主体。在制定板块时,需仔细思考,合理规划。一般网站板块布局需注意以下几方面:
1. 紧扣主题!通常做法是:将主题按一定方法分类,并将其作为网站主板块。主题板块在总板块中应占绝对优势,此类网站明显专业,主题突出,易于给人留下深刻印象。
2. 设立一个最近更新或网站指南板块。此举旨在照顾常来访客,使主页更具人性化。
3. 设立一个双向交流板块。无需过多,但务必存在。例如论坛、留言板、邮件列表等,供浏览者留下信息。
4. 设立一个下载或常见问题解答板块。网络特点为信息共享。同时,可设置其他辅助内容,如关于本站、版权信息等,可不放于主板块,以免冲淡主题。总结以上几点,划分板块需注意:
● 尽可能删除与主题无关的板块;
● 尽可能将网站最有价值的内容置于板块上;
● 尽可能方便访问者的浏览和查询。
关于板块,再来看版块设置。版块概念比板块更大,每个版块都有自己的板块。每个版块下有各自的主板块。根据需求设置版块,商城网站建设提醒大家同时应关注以下要点:1. 各版块应具有相对独立性;2. 各版块应相互关联;3. 版块内容应围绕站点主题。
二
网站的目录是指建立网站时创建的目录。如在建立网站时,默认创建了根目录和images子目录。目录结构的好坏,对站点本身的上传维护以及后续内容的更新维护具有重要影响。
以下是建立目录结构时的一些注意事项:
(1)不要将所有文件存放在根目录下。
(2)按板块内容建立子目录。首先按板块建立目录。例如,网上教程类站点可根据技术类别分别建立相应目录,如数据库、网页制作、图像处理、动画制作等;企业站点可按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录。其他如友情链接等需经常更新的次要板块,可建立独立子目录。而一些相关性强、不需经常更新的板块,如关于本站、关于站长、联系我们等,可合并放置于统一目录下。所有程序一般都存放在特定目录下,便于维护管理。需要下载的内容也最好分类存放在相应目录中。
(3)在每个主目录下都建立独立的images目录。在默认情况下,站点根目录下都有images目录名,根目录下的images目录仅用于存放首页和次要栏目的图片,至于各个板块中的图片,应按类存放,方便对本板块中的文件进行查找、修改、压缩打包等。
(4)目录层次不宜过深。为便于维护和管理,目录层次建议不超过4层。不要使用中文目录名,因为网络无国界,且部分浏览器不支持中文。也不要使用过长的目录名,尽管服务器支持长文件名。但过长的目录名不便于记忆。尽量使用意义明确的目录名。
本地站点和远程web站点应具有完全相同的结构。如果使用Dreamweaver创建本地站点,然后将全部内容上传至远程站点,Dreamweaver能确保在远程站点中精确复制本地结构。
网站结构设计包含哪些内容。
我们都知道如何创建一个优秀的网站。有许多关于可用性、界面设计以及网站设计的书籍可供参考。如今,我们都知道一个优秀的站点应具备:非常美观的设计、友好的界面、无懈可击的结构、智能化的后台处理以及非常优质的内容。唯一被大多数人忽视的可能就是交互性。
缺乏交互性的网站即使外观漂亮,也缺乏生命力。在网站设计上,经常使用一些文字交互,但文字交互的效果至今仍模糊不清,除非你每日沉迷于交互性设计,否则你根本难以描述什么是“交互”。
如何将注意力集中在交互性上,还是继续让想象力驰骋?我认为,问题在于我们能否将媒体上获得的一些简单理论应用于实践。我们需要记住的是网站包含哪些内容,网站结构是什么,我们最初的目的是什么。
与其它媒体的“网站交互”不同
与其他大多数媒体,如看电视、听收音机或浏览杂志不同,网站它不是一个被动的媒体。
我们不能真正地“观看”网页。显而易见,我们可以打开一个网站,然后坐在那里专注地浏览,如果我们同时吃爆米花的话,网页并不能自动地变化内容(当然,你可以在右手使用鼠标的同时,用左手把爆米花塞到嘴里,这里所说的意思是,如果你不干预,访问网站和看电视的最大区别是访问网站需要根据你的主动选择)。浏览网站的内容,根据你的个人喜好,在众多链接和下拉菜单中选择你喜欢或关心的内容,或跳转到另一个站点。
我们无法真正地观赏网页。显而易见,我们能够调出一个网站,然后静坐那里目不转睛地翻阅,但若我们坐在那里吃爆米花,网页并不能自动更新内容(当然,你可以在使用鼠标的右手同时,用左手不停地往嘴里塞爆米花,这里的意思是,如果你不主动干预,浏览网站和看电视的最大区别在于浏览网站需要你的主动选择)。浏览网站的内容取决于你的个人喜好,在众多的链接和下拉菜单中选择你感兴趣或关心的内容,或者跳转到另一个站点。
网站具有大多数媒体所不具备的独特性:用户的自主选择和主动性。
与之相反的是,许多出版者的决策来源于意见反馈表、感觉,或者来源于电视、收音机和出版物等所有信息的体验。我们对正在播放的电视、收音机节目基本不具备控制的能力(当然,如果您是电台的工作人员除外),我们只能对你的电视或收音机做些什么,而对于内容控制,我们则无能为力。你可以调低音量或调高音量,或者换频道,甚至关闭电视机或收音机,去做其他事情,比如到外面散步,或者到四合院里和邻居们聊天。
我们可以订阅或退订报纸或杂志,选择我们喜欢阅读的文章,或者给内容编辑写信探讨关于内容的见解或疑问。但这些选项还是和网站所能做的不能相比。但是,对于热门内容的频繁互动,已经成为越来越清晰的需求表现。
不确定的网站交互周期
从应用的角度来说,我们可以对某事作用于某人应该如何进行交互给出一个简单的定义。但,这确实是一个模糊的概念,所以对于某些特定事件的交互性常常有很多的讨论,意见不一。
从开始连接上网开始,网站上有太多关于交互性的例子了。比如文本下的下划线,静态图片或者诸如活泼的JavaScript翻转动画等动态精美图片,面对这些令人炫目的特效,实质上这些链接本质上也是静态的。直到我们对那些链接感兴趣的时候,我们才会决定用鼠标去点击。
一旦点击,相关的页面将出现文字、图表、表格或者你感兴趣的其他内容,这样你就立刻可以得到满足(当然,前提是该链接正确有效,而且该链接所在的服务器和网络保持正常连接并且运行正常)。
网站的交互体现在,作为一种媒体,网站将会对你的选择做出响应,然后访问者就可以循环选择,跳转到其他页面。重复进行这些操作,继续点击,用户的选择就可以及时从服务器得到响应,这是一个非常令人愉悦的过程。
这样的通过访问者的手就能够控制的交互能力对于电视、杂志来说是基本不可能实现的。交互性,也是一种“关系”。作为网站开发者或设计者,学习如何让我们的良好的视觉设计和技术开发能力与交互性兼顾,将让网站的访问者包括我们自己都会为此感到愉悦。
当然,链接不是交互性的全部,但确实是网站结构和设计的核心和灵魂,就像这个世界本身就令我们非常着迷一样。
必须理解网站结构
了解站点的结构是非常重要的,特别是对于你要处理大量的数据来说,没有比这更重要的事情了。当网站的多个栏目有成百上千的文档需要管理或者有规则地添加新文件时,了解站点的结构成为头等大事。
了解了网站的结构,我们就可以通过网站结构达到控制文件管理的目的。接下来,通过我们理解的网站结构,我们不仅要知道我们的网站将和访问者的动作如何相互影响,而且要利用我们先进的后台技术,不留痕迹地让这种交互过程变得强大和有效。
当然,我们知道最初的网站并不想成为一个图形媒体。最初的想法是创建一个方便存取的文本文件以快速连接文件。举例来说,如果一个医生要发表一项关于内科的研究成果供同行参考,他或她就可以在超级终端的纯文本环境里面,将他的论文的链接加入到一个医学研究的相关目录。虽然,今天的站点看起来和以前有很大不同,很多的网站有着非常漂亮的图形界面,丰富的媒体格式和在线游戏等等,但是其本质并没有改变。它仅仅是对我们未经训练的眼睛来说有了明显的变化。
交互式媒体现在被称为“新媒体”。“新媒体”以其交互性与常见的诸如报纸、杂志、书、收音机、标准的动画片、电视和电影等静态媒体区别开来。
网页正快速地从纯文本向图形化过渡。一旦我们使用的图形浏览器开始支持图形文件格式,文本链接就变成了图形链接。如今,通过使用形形色色的HTML、CSS和JavaScript(一种越来越广泛使用无需连接大应用服务器和数据库就可以产生交互功能的编程语言)的链接越来越丰富。然而,需要强调的是,我们创作的时候依然要重视网站的基本结构。
最终绘制出精心构思的网站结构
你面临的最大的挑战是将你的想法画出来。如果你现在已经因工作的压力快要发疯的时候,建议你出去走走,坐在树下,用草稿纸画个草图也许感觉会轻松一些。先画出主要的部分,一开始不要使用文字,仅仅把需要重点表现出来的页面或站点单元按需要画出框图即可。然后,回过头来想想有几种可能关联到那些部分,是否是唯一关联的部分。按照这样的方法,在创作的道路上,你可能最终得到令人惊喜的结果。其实,类似于这样的考验并不常有,但是对于站点制作人员来说,通过这样的方法可以受益很多。全面使用你的大脑,你将得到一个更具可用性的站点。