第2章网站规划设计基础(免费阅读).pptVIP

网站规划与网页设计 网页组织结构－树状结构（分级结构） 树状结构：由网站文件的主页开始，依次划分为一级标题、二级标题等等，逐级细化，直至提供给浏览者具体信息。 网页组织结构－线性结构 组织线性顺序形式存在的信息，可以引导浏览者按顺序地浏览整个网站文件。 线性和分级结构的结合 星（网）状结构 图像格式 由于受网络带宽的限制，在Web页上使用的图像都是一些压缩格式，最常用的包括：GIF格式、JPEG格式、PNG格式和矢量格式。 1．GIF格式 GIF格式采用无损压缩算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。 2．JPEG格式 JPEG格式支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。 3．PNG格式 PNG格式是近年来新出现的一种图像格式，它适于任何类型、任何颜色深度的图片。 4．矢量格式 图像 浏览器能识别的图象有jpg（也可叫jpeg）、gif、png等 目前网上用的最多的是jpg和gif，因这两种格式文件体积较小。 Gif格式的图象用工具处理后能去掉本身的背景，而很好的和页面融合，还能做成动画。 使用网页图像的要点 在Web页上显示图片之前，通常需要考虑下列三个问题： ① 确保文件较小； ② 控制图像的数量和质量； ③ 合理使用动画。 超级链接 超链接是网页中最重要、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的相互联系，从而使单独的网页形成一个有机的整体。 （1）什么是超级链接 超链接：指从一个网页指向一个目标的连接关系， 目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。 在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。 当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 超级链接 按照链接路径的不同，分为3种类型：内部链接、锚点链接和外部链接。 按照使用对象的不同，链接分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。 合理安排超链接 1。避免孤立文件的存在：应该避免存在孤立的文件，能使将来在修改和维护链接时有清晰的思路。 2。避免使用过多的超级链接：在一个网页中设置过多超链接会导致网页的观赏性不强，文件过大。如果避免不了过多的超链接，可以尝试使用下拉列表框、动态链接等一些链接方式。 3。网页中的超链接不要超过4层：链接层数过多容易让人产生厌烦的感觉，在力求做到结构化的同时，应注意链接避免超过4层。 4。页面较长时可以使用书签：在页面较长时，可以定义一个书签，这样能让浏览者方便地找到想要的信息。 5。设置主页或上一层的链接：有些浏览者可能不是从网站的主页进入网站的，设置主页或上一层的链接，会让浏览者更加方便地浏览全部网页。 在超链接过程中的路径问题 网站中3种类型的文档路径：绝对路径、和根目录相对路径以及和文档相对路径。 绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径，绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移动，则链接无效。创建外部超链接时必须使用绝对路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。 和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。 （1）“国”字型布局 也可以称为“同”字型 一些大型网站经常使用 最上面是网站的标题及横幅广告条，接下来就是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种布局是网上最常见的一种布局类型。 拐角型布局 （3）标题正文型布局 最上面是标题或类似的一些东西，下面一般是正文，例如，一些文章页面或注册页面等就属于这种类型。 （4）左右框架型布局 网页分为左、右两部分，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。 封面型布局 框架 框架：可以将整个网页分割为多个独立的区域，每一个区域称为一个框架窗口，