网页设计案例.docVIP

网页设计案例--艺海拾贝网站设计 1．标题设计 每一个网站都有一个响亮的名字和独具风格的标志， “艺海拾贝”，一个主要介绍严肃艺术网站。 2．网页模块 网页中的内容分为若干个板块，以利于规划网页的组织结构。由前面的讨论，我们的网页主要就包含五个部分：“经典画廊”、“交响之魂”、“集邮天地”、“奇文共赏”、留言板。前四个部分包含很多内容，还可向下细分。 （1)经典画廊 这部分介绍西方经典绘画，由于内容很多，我们便决定按历史顺序，分为几个时期来分别介绍，如文艺复兴时期，近现代等，每个时期基本以一页网页来介绍，内容多的时期再向下细分。主要形式是对很经典的西方绘画以文字说明的方式向网友介绍，内容对每一个人都适合。在这个部分可下载大幅的精美图片。 (2)交响之魂 划分为“CD圣经”、“交响随想”和“入门园地”三个部分来进行介绍。“CD圣经”的形式和“经典画廊”的类似：“交响随想”是一些听交响乐的心得体会的文章，适合于资深爱好者访问：“入门园地”则介绍一些推荐的入门曲目和一些关于交响乐的小常识。 (3)集邮天地 这部分介绍集邮知识，分为“邮品分类欣赏”、“集邮知识”、“邮品交流”三部分。也是分别针对不同层次的爱好者。在邮品交流中有一个CGI程序实现网友邮品信息的传送。 (4)奇文共赏 这部分原来已有现成的电子书籍，因此只需建立一下链接，修改一下页面风格就可以了。另外再附加一个投稿功能，为想发表自己文章的人提供便利。内容结构分析好后，就可以设计网页的结构了。 ? 3．网页结构设计 在前面内容分块的基础之上，网页按树状结构安排如图2-5所示。整个网页共有四到五个层次，网页之间的关系将由文档之间的链接表现出来。 ?? ????????? 图2-5 网页按树状结构?????????????????????????? 4 目录结构设计 ??? 由于目录和网页的结构都是树状结构，一般一一对应地一个节点创建一个子目录，子节点的网页就存在父节点对应的目录中。另外，一般把网页所用的全部图片统一存在一个目录里，以便于图标的共享。如果图片过多，这个目录最好也能分门别类地创建子目录。在我们做好各部分的网页后，就存在相应的目录下面。例如“艺海泛舟”的目录结构如图2-6所示。 ? 图2-6 目录结构