中国设计之窗
English 设计信息平台 创意设计交易平台 设计服务平台  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 设计教育频道
  · 首页 设计教育频道 设计教室
Frannie Owyang 包装设计欣赏 延伸感--法国设计师MichalBATORY平面设计 Ricardo Menezes 标志设计欣赏 中国美院视觉作品欣赏 手提袋设计欣赏
平面设计演义之 网站(网页)设计(黄炯青)
 
作者:黄炯青    来源:中国设计之窗   发布时间:2007-12-29 13:57   点击:


(四)网站层次结构和链接结构的确定 
  1.网站的层次结构
  网站的层次是指你建立网站时创建的系列目录。例如:在用frontpage98建立网站时都默认建立了根目录和images子目录。目录的结构是一个容易忽略的问题。大多数网站都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,内容未来的扩充和移植有着重要的影响。不要将所有文件都存放在根目录下。
  网站目录的建立,首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录,企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。
  其他的次要栏目,类似what's new,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,站点经历等可以合并放在一个统一目录下。
  所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。
  一个站点主目录下都有一个images目录。刚开始学习网页制作时,往往会习惯将所有图片都存放在这个目录里。可是后来发现很不方便,当你需要将某个主栏目打包供网友下载,或者将某个栏目删除时,图片的管理相当麻烦。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。在目录设置过程中,应注意把握以下几个问题:
  (1)目录栏的层次不要太复杂,最多不超过3层,否则维护管理不方便。另外选择采用中文或英文目录;要根据网站的诉求面而定。如果你要求网站对海外开放,最好使用英文目录,使用中文目录不利于网络全球化。
  (2)不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。
  (3)尽量使用意义明确的目录;目录如同一个文章的标题,明确、概括的目标使人一目了然。
随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。
  2.网站的链接结构
  网站的链接结构是指页面之间相互链接的关系。它建立在目录结构基础之上,也可以跨越目录,每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。
  我们研究网站的链接结构的目的在于:用最少的链接,使得浏览最有效率。一般的,建立网站的链接结构有两种基本方式:
  (1)树状链接结构(一对一)。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览为,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会"迷"路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。
  (2)星状链接结构(一对多)。类似网络服务器的链接,每个页面相互之间都建立有链接。如同一个立体网架。这种链接结构的优点是浏览方便,很方便找到自己所需的页面。缺点是链接太多,容易使浏览者迷路,或者看了多少都不清楚。
  一般情况下,或者是最佳方式,总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面,又可以清晰的知道自己的位置。
  采用什么样的链接结构直接影响到版面的布局。例如你的主菜单放在什么位置,是否需要用分帧框架,是否需要加入返回首页的链接。在连接结构确定后,再考虑链接的效果和形式。



韩国网站 《醉画仙》
www.chihwaseon.com

版权所有,严禁转载!

上一页  1 2 3 4 [5] 6 7 8 9 10  下一页

本文相关关键字: 现代平面设计与制作实用手册 | 黄炯青

编辑:fino  

关于fino:游离者,昏睡主义分子
负责内容:平面,工业,CG动漫
  finofun (at) gmail.com      http://www.333cn.com/blog/?uid/42
继续阅读:
· 下一篇:设计与制作应用之 印刷知识(三)  
· 上一篇:设计与制作应用之 设计与制作完稿(一)  

  相关链接文章
· 平面设计演义之 平面广告设计(旺忘望)
· 平面设计演义之 海报设计(李永铨)
· 平面设计演义之 书籍装帧设计(吕敬人)
· 平面设计演义之 包装设计策略与行销(王炳...
· 平面设计演义之 企业形象设计(靳埭强)
· 平面设计演义之 商标标志设计(黄炯青)
· 平面设计发展简述
· 江南大学设计学院-苏黎士艺术大学“WUZU07...
· “2007北美艺术设计教育展”9月17日在上海...
· 天津美院现代艺术学院师生佳作载誉摄影展
· 南大举办中国当代艺术教育高层论坛
 
  热点评论文章
· 北京理工大学设计艺术学院05研设计作品展
· 如何提高设计师的收入?
· 中国新锐插画师作品联展
· 成都城市熊猫形象标识入围作品欣赏
· 中日合拍关羽动画关公形象日本设计惹争议
· “混搭程式”和“混搭主义”
· 全民审美缺失谁之过?
· 深圳税收宣传Flash动漫大赛作品展示
· 第三届文博会主题活动又增新章
· “禁播令”与中国动漫发展
网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款

来自巴西的平面设计(...

韩国CD碟面设计

设计师缤纷贺卡设计

YO_TOMO创意广告欣赏

经典图书设计藏品
今日焦点
My Box 一桌两面 两用
· My Box 一桌两面 两用
· 伦敦100%设计展欣赏
· 私人诊所小册子设计
· 韩国赤色系网页设计风...
· 瑞士苏黎士格莱菲设计...
· “我们在一起”江南大...
· 字母摇摆 VI标识设计
· 众志成城 抗震救灾图...
· Star System沙发设计
· 2008 “我们在一起”...
· 全国哀悼日 各媒体头...
· 筑“心”家园赈灾主题...
· 70/80 - 香港新生代设...
· 奇遇的魅力
· 以色列著名设计家丹·...
精彩专题
点燃色彩激情  舞动无限创意  HP B8338 打印机助力服装设计行业
· 点燃色彩激情 舞动无...
· IDCF2007中国(深圳)...
· 连载:现代平面设计系...
· 07届艺术设计院校毕业...
· 2007文博会创意设计盛...
· 国际商业美术设计师(...
· 中国新锐插画师作品联...
· 2006中国国际品牌·设...
· 北京理工大学设计艺术...
· 如何提高设计师的收入...
点击排行
· 筑“心”家园赈灾主题...
· “08广东之星”设计...
· 最优秀的图书封面设计
· 潜意识的隐秘空间:Gu...
· 成都城市熊猫形象标识...
· 白酒包装遭侵权索赔30...
· 07中国美院首饰设计毕...
· 一组光影运用非常出色...
· 香港著名设计师陈幼坚...
· 《裸体艺术论》:80年...
· 经典儿童房间设计
· 第三届税收公益广告创...
· 以色列著名设计家丹·...
· 70/80 - 香港新生代设...
· 米兰设计周现场直击(...
总编辑信箱
news@333cn.com
友情链接本站导航广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备05097527号
Tel:0755-83663023 83663069 83663063
客服:serve@333cn.com 资讯提交:news@333cn.com