网站结构设计运营.ppt

4.5 网站导航 网站分类栏目导航条 图书分类导航条 4.5 网站导航 几乎在所有的网站上都可以找到类似的导航条，不同之处可能只在表现形式上，导航条既可以是文本链接，也可以是一些图形按钮等。比如当当网的导航条采用类似图片按钮的形式，而首都之窗网站、微软公司网站、新浪网等的导航条则直接采用文字超链接的形式。使用超文本链接或图片链接，使人们能够在网站上自如地前进或后退，而不要让他们使用浏览器上的前进或后退。记住，在所有图片上使用ALT标识符注明图片名称或解释，以便那些不愿意自动加载图片的用户能够了解图片的含义。 4.3 网站的目录结构 在Public和Management里分别是两个部分的页面文件，在 这个网站里主要采用了ASP技术，因此文件基本上为.asp文 件。一般来说，要判断用户要求来链接的页面都采用.asp?文 件，只有静态文本的输出，如新闻、通知等的输出才采用 html文本。 除了各个页面的文件外，我们在Public中建立了banner、 image、picture、include目录。Banner主要存放为网站或 企业做广告制作的gif广告条，在许多网站中一般被置于页面的 顶部或底部。image和picture是有分别的，image主要存放 一些固定读取的小按钮、标签、图标、Logo等小型gif或jpg等 文件，而picture则存放一些较大的或暂时读取的图片，如新 闻图片等。 4.3 网站的目录结构 Public中的Include目录是存放Public页面的公共部分的，包 括一些公共过程、函数文件（以.inc文件形式存放,在应用时， 通过ASP的SSI机制包含进.asp文件）以及各页面的公共样式 （CSS Style）等。 在Management目录中也包含include和image目录，其作用 与Public部分是相同的，区别在于管理员部分不会出现一些暂 时性的图片，也不用过分地修饰页面。 整个网站的详细目录结构如图4-13所示。 4.3 网站的目录结构 Website Global image Management imclude Public image banner image include pictrue 图4-13 示例网站的目录结构 4.3 网站的目录结构 2．网站公众部分的结构列表 首先，考虑主页的链接功能，为了让网站的重要功能方便使 用，将最重要的功能放在了首页：用户登录；新用户注册；链 接至新闻专题、栏目及标题页面；链接至社区讨论；链接至新 闻搜索。以上几项作为主页的基本链接，放在了页面较显眼的 地方以方便链接。而在主页中间的内容中，除了一些友好界面 的部分（如当前时间、显示访问人数、动画效果、向访问者问 好等内容），为了突出当前的某些主题或者焦点新闻，提供了 某些重要专题和新闻的直接链接。而对于新闻专目的分类链 接，在“精彩栏目”栏，分别给出了新闻专题的二级目录和它们 以下的三级目录，二级目录和三级目录的名字采用不同颜色的 字体区分。另外，在主页底部提供通常的介绍性和联系性的链 接，如广告联系、管理员联系、招聘信息、版权信息等等。 4.3 网站的目录结构 下面给出主页的链接结构。 1 P主页 1.1首页（链接本主页） 1.2焦点新闻（链接至焦点新闻页面） 1.3 IT社区（链接至IT社区页面） 1.4搜索引擎（链接至搜索引擎页面） 1.5精彩栏目 1.5.1营销新闻 营销总议 网上寻宝 促销活动 公关活动 营销专题 1.5.2各地市场 广州市场 …… 1.6 IT社区 1.6.1社区论坛 …… 1.7焦点新闻 1.7.1……（具体新闻的链接） …… 1.8今日导读 l.8.1……（具体专题的链接） …… l.9用户登录和新用户注册 1.10网站简介 1.11广告联系 1.12管理员联系 …… 4.3 网站的目录结构 下面对后台管理部分结构进行讨论。 Management部分是后台管理部分，只有管理员才有权限访 问。后台管理部分在设置方面不应由于过分强调浏览方便而使 结构设计得混乱，而是在整体构思上，以树状结构为主，体现 管理的条理性，只在每个页面加上了各个一级管理项目的链接 （在实现上，通过构造公共的边框和链接，形成.inc文件，在 各个管理项页面中包含进去即可）。 Management中的管理项目分类是由公众页面的功能决定 的，对公众页面的每一功能，在Management中都应该设立