第1章_网页制作基本知识.pptVIP

1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 站点确定后，接下来就要规划网站的结构，网站的结构分目录结构和链接结构。确定网站的结构目的是便于网站的使用和维护。 网站的目录是指在建立网站定义站点时创建的目录，如有类似“我的网页”的根目录和“我的家”的子目录。目录的结构是一个很容易忽略的问题，目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。如建立E:/我的网页／我的家／文字、图片、链接等较清晰的目录，就便于网站的管理和维护。 网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上，但可以跨越目录。形象地说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。确立网站的链接结构的目的是用最少的链接，使得浏览最有效率。 1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 一般来说，确定网站的目录结构有两种基本方式： 1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 一般来说，确定网站的链接结构有两种基本方式： 1) 树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会“迷”路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。如: 校园动态-教师活动-学生活动 首页 教学园地-教师成果-学生作品 1.4 网站开发的流程 1.4.4 规划网站的目录结构和链接结构 2) 星状链接结构（一对多）。类似网络服务器的链接，每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置、看了多少内容。如: 校园动态-教师活动-学生活动 ｜ 首页 ｜ 教学园地-教师成果-学生作品 这两种基本结构都只是理想方式，在实际的网站设计中，一般要将这两种结构混合起来使用。 1.4 网站开发的流程 1.4.5 首页的设计与制作 确立好了网站的结构，就可以对网站的首页进行设计了，首页的设计是一个网站成功与否的关键。用户往往看到第一页就已经对站点有一个整体的感觉，是不是能够促使他们继续点击进入或者使他们的视线留在站点上，首页设计的好坏是至关重要的,所以,首页的设计和制作是一定要重视和花费精力的,一般首页设计和制作占整个制作时间的40%左右,这样可以避免出现全部制作好以后再修改带来的麻烦。 首页，从根本上说就是全站内容的目录，是一个索引,但不是一个简单的目录的罗列，如何设计好一个首页呢？一般的步骤是： 1.4 网站开发的流程 1.4.5 首页的设计与制作 1. 确定首页的功能模块 首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称(logo)、广告条(banner)、主菜单(menu)、新闻(what‘s new)、搜索(search)、 友情链接(links)、邮件列表(maillist)、计数器(count)、版权(copyright). 选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。 1.4 网站开发的流程 1.4.5 首页的设计与制作 2. 设计首页的版面 在功能模块确定后，开始设计首页的版面。就象搭积木一样，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就要看设计师的创意和想象力了。 　 设计版面的最好方法是先勾勒出理想中的草图，然后再用网页制