文档介绍：网页设计案例--艺海拾贝网站设计

每一个网站都有一个响亮的名字和独具风格的标志, “艺海拾贝”,一个主要介绍严肃艺术网站。

网页中的内容分为若干个板块,以利于规划网页的组织结构。由前面的讨论,我们的网页主要就包含五个部分:“经典画廊”、“交响之魂”、“集邮天地”、“奇文共赏”、留言板。前四个部分包含很多内容,还可向下细分。
(1)经典画廊
这部分介绍西方经典绘画,由于内容很多,我们便决定按历史顺序,分为几个时期来分别介绍,如文艺复兴时期,近现代等,每个时期基本以一页网页来介绍,内容多的时期再向下细分。主要形式是对很经典的西方绘画以文字说明的方式向网友介绍,内容对每一个人都适合。在这个部分可下载大幅的精美图片。
(2)交响之魂
划分为“CD圣经”、“交响随想”和“入门园地”三个部分来进行介绍。“CD圣经”的形式和“经典画廊”的类似:“交响随想”是一些听交响乐的心得体会的文章,适合于资深爱好者访问:“入门园地”则介绍一些推荐的入门曲目和一些关于交响乐的小常识。
(3)集邮天地
这部分介绍集邮知识,分为“邮品分类欣赏”、“集邮知识”、“邮品交流”三部分。也是分别针对不同层次的爱好者。在邮品交流中有一个CGI程序实现网友邮品信息的传送。
(4)奇文共赏
这部分原来已有现成的电子书籍,因此只需建立一下链接,修改一下页面风格就可以了。另外再附加一个投稿功能,为想发表自己文章的人提供便利。内容结构分析好后,就可以设计网页的结构了。
 

在前面内容分块的基础之上,网页按树状结构安排如图2-5所示。整个网页共有四到五个层次,网页之间的关系将由文档之间的链接表现出来。
  
          图2-5 网页按树状结构                          
4 目录结构设计
    由于目录和网页的结构都是树状结构,一般一一对应地一个节点创建一个子目录,子节点的网页就存在父节点对应的目录中。另外,一般把网页所用的全部图片统一存在一个目录里,以便于图标的共享。如果图片过多,这个目录最好也能分门别类地创建子目录。在我们做好各部分的网页后,就存在相应的目录下面。例如“艺海泛舟”的目录结构如图2-6所示。
 
图2-6 目录结构