案例之八：艺裤粉贝网站设计 陕西电大李红卫 1.标题设计 每一个网站都有一个响亮的名字和独具风格的标志，例如著名的Yaoo! (雅虎》，波 氧等，好的标题能简洁明了地体现出这个网站的主题，同时具有吸引力。标志也同样要设计 得简单而独具特色。“艺海拾贝”，一个主要介绍严肃艺术网站。 2.网页模块 网页中的内容分为若干个板块，以利于规划网真的组织结构。由前面的讨论，我们的网 页主要就包含五个部分：“经肉面前”、“交响之观”、“集都天地”，“奇文共赏”、留 言板。前四个部分包含根多内容，还可向下细分。 (1)经典画库 这部分介绍西方经奥绘画，由于内容很多，我们便决定按历史顺序，分为几个时期来分 别介绍，如文艺复兴时期，近现代等，每个时期基本以一页网页来介绍，内容多的时期再向 下饵分，主要形式是对恨经典的西方绘属以文字说明的方式向网友介绍，内容对每一个人都 适合，在这个部分可下载大幅的精美图片， (2)交响之魂 这部分介绍交响乐，考虑到内容要兼顾几类用户那，我们可分为“①圣经”、“交 响面想”和“入门园地”三个部分米进行介绍。“①圣经”的形式和“经奥面廊”的类似： “交响随塑”是一些听交响乐的心得体会的文章，适合于资深爱好者访闻：“入门园地”则 介绍一些推荐的入门曲目和一些关于交响乐的小常识。 (3)集都天地 这部分介绍集卸知讯。分为“郎品分类欣簧”、“集郎知识”、“卸晶交流”三都分。 也是分别针对不同层次的爱好者。在郎品交瓷中有一个GI程序实现网友都品信息的传送： (4)奇文共赏 这部分原米已有现成的电子书籍，因此只需建立一下链接，修政一下真面风格就可以了， 另外再附加一个投稿功能，为想发表自己文章的人提供便利。内容结构分析好后，就可以设 计网页的结构了。 3.料页结构设计
案例之八：艺海拾贝网站设计 陕西电大 李红卫 1．标题设计 每一个网站都有一个响亮的名字和独具风格的标志，例如著名的 Yahoo! (雅虎)，搜 狐等。好的标题能简洁明了地体现出这个网站的主题，同时具有吸引力。标志也同样要设计 得简单而独具特色。“艺海拾贝”，一个主要介绍严肃艺术网站。 2．网页模块 网页中的内容分为若干个板块，以利于规划网页的组织结构。由前面的讨论，我们的网 页主要就包含五个部分：“经典画廊”、“交响之魂”、“集邮天地”、“奇文共赏”、留 言板。前四个部分包含很多内容，还可向下细分。 （1)经典画廊 这部分介绍西方经典绘画，由于内容很多，我们便决定按历史顺序，分为几个时期来分 别介绍，如文艺复兴时期，近现代等，每个时期基本以一页网页来介绍，内容多的时期再向 下细分。主要形式是对很经典的西方绘画以文字说明的方式向网友介绍，内容对每一个人都 适合。在这个部分可下载大幅的精美图片。 (2)交响之魂 这部分介绍交响乐，考虑到内容要兼顾几类用户群，我们可划分为“CD 圣经”、“交 响随想”和“入门园地”三个部分来进行介绍。“CD 圣经”的形式和“经典画廊”的类似： “交响随想”是一些听交响乐的心得体会的文章，适合于资深爱好者访问：“入门园地”则 介绍一些推荐的入门曲目和一些关于交响乐的小常识。 (3)集邮天地 这部分介绍集邮知识，分为“邮品分类欣赏”、“集邮知识”、“邮品交流”三部分。 也是分别针对不同层次的爱好者。在邮品交流中有一个 CGI 程序实现网友邮品信息的传送。 (4)奇文共赏 这部分原来已有现成的电子书籍，因此只需建立一下链接，修改一下页面风格就可以了。 另外再附加一个投稿功能，为想发表自己文章的人提供便利。内容结构分析好后，就可以设 计网页的结构了。 3．网页结构设计
在面内容分块的基础之上，网页按树状结构安排如图8一1所示。整个网页共有四到五 个层次，网页之间的美系将由文督之间的链接表呢出来。 经典百摩 号时疑典地西 艺海泛舟 cr译经 夏闲之魂 文响随想 推荐进目 入门路 啊万史 解品分内黄 留言极 集部天地 集底知识 品文流 膏国共窝 备快电子书请 杂顿箱 4目录结构设计 有一个清晰的目录结构对设计网页是很有益处的。虽然在存取文件时不把文件存在特定 的地方，会暂时节省定位目录的时间，但一个零乱无比的目录系统贝会成倍地增加我们的工 作量，特别是这样零乱地工作到最后，那时我们也许就会为寻找一个文作花去很多宝贵的时 间，特别当一个超级链接掉链到，查找起来更是困难重重。在开始建设网页之初：应该合理 地规划好目录结构。 由于目录和网页的结构都是树状结构，一般一一对应地一个节点创建一个子目录，子 节点的网页藏存在父节点对应的目录中。另外，一般把网页所用的全部图片统一存在一个目 录里，以便于图标的共享。如果图片过多，这个目录最好也能分门别类地创建子目录。在我 们做好各部分的网真后，就存在相应的目录下面。例如“艺寿泛舟”的目录结构如图82 所示
在前面内容分块的基础之上，网页按树状结构安排如图 8-1 所示。整个网页共有四到五 个层次，网页之间的关系将由文档之间的链接表现出来。 4 目录结构设计 有一个清晰的目录结构对设计网页是很有益处的。虽然在存取文件时不把文件存在特定 的地方，会暂时节省定位目录的时间，但一个零乱无比的目录系统只会成倍地增加我们的工 作量，特别是这样零乱地工作到最后。那时我们也许就会为寻找一个文件花去很多宝贵的时 间，特别当一个超级链接掉链时，查找起来更是困难重重。在开始建设网页之初就应该合理 地规划好目录结构。 由于目录和网页的结构都是树状结构，一般一一对应地一个节点创建一个子目录，子 节点的网页就存在父节点对应的目录中。另外，一般把网页所用的全部图片统一存在一个目 录里，以便于图标的共享。如果图片过多，这个目录最好也能分门别类地创建子目录。在我 们做好各部分的网页后，就存在相应的目录下面。例如“艺海泛舟”的目录结构如图 8-2 所示
ArtSea -▣feedback Ggallery -白1mage literal stamp 白germ info Lknowledge symphony cdbible feeling history 图8-2目录结构 思考 1.为什么说树页结构设计非常重要7 2。目豪结构与网页结构有什么关系？
图 8-2 目录结构 思考 1．为什么说网页结构设计非常重要？ 2．目录结构与网页结构有什么关系？