网页设计综合实报告格式.doc

华北科技学院计算机学院综合性实验 实 验 报 告 课程名称 网页制作A 实验学期 2012 至 2013 学年 第 一 学期 学生所在系部 计算机学院 年级 2010级 专业班级 计科B103 学生姓名 韩海艳 学号 201007014331 任课教师 邵铁君 实验成绩 计算机学院制 《网页制作A》课程综合性实验报告 开课实验室：信息楼基础六实验室 2012年 11月20日 实验题目 综合网站的规划、设计与制作 实验目的 云南旅游网站的规划、设计与制作 二、设备与环境 1、硬件：计算机 2、软件：Dreamweaver、Flash、Fireworks 三、实验内容 在本次的网页设计与制作中，我们组的主题是云南旅游的景点简介。云南作为一个少数民族聚居的特色省，有许多著名旅游景点，并且都展现出独具民族风情的文化风俗。因此，如果要将云南的各个景点详细的介绍给大家，在很短的时间里很难完成。所以，在这次的网页设计里，我们选取了四个比较吸引人的地方进行了介绍，由于时间与篇幅的原因，一些内容没有写入网页，同时也有许多方面缺乏考虑。 1.网站规划 1）网站目标 我们组设计的云南旅游网站的目标是让想要去云南旅游的人们了解云南的一些著名的特色城市，也仅限于那些无暇查找关于云南旅游的详细资料的人。我们网站针对这些人，提供了四个适合休闲娱乐的景点，包括西双版纳，香格里拉，大理和丽江，从而让他们快速的了解一些关于云南的信息。 2）栏目设置 ①首页的设计 由于云南景点很多，而我们只选取了四个景点进行了介绍，显然不能满足很多人的需求。我们在首页中对云南的旅游景点进行了一些概括，尽可能的让人们知道云南都有哪些旅游景点，与此同时，我们简单的介绍了云南这个省，并插入一段视频《印象云南》让人们更好的感受云南的民族风情。除此之外，附加了我们制作人的名字。用一个可折叠面板将这些内容组合起来，使网页看起来清晰明了，不至于杂乱。 主页的设计 在主页中，我们设计了一个flash动画实现对四个景点的选择，将其放在首页的右侧。点击四个小球，都会链接到相应的网页上。另外，在flash动画的左侧，添加了一首诗，从而使页面看起来更吸引人。 对景点的介绍，用四个框架实现。景点的介绍是从三个方面进行的，分别是：该地的旅游景点，本地的风俗文化以及本地的美食。如果人们想要了解另外一个地方，可以通过网页左边的链接查找关于另外一个地方的信息。 ③站点目录结构：如右图所示 网页的流程图：如下 2.设计 1)链接的结构 首先，打开这个网页，看到的是网站的首页，是一个对云南整体概括的一个页面，点击进入键后，进入对四个景点选择的网页，该网页供人们选择自己感兴趣的地方。只需点击四个小泡泡即可进入自己喜欢的地方。 图（1） 图（2） 现以进入丽江页面为例，在进入该地点的网页后，人们可经过选择顶部的按钮了解自己想要了解的信息，包括丽江的风景，文化，美食。如图（3）。 图（3） 如果游客想了解到大理，西双版纳，香格里拉这三个地方的信息，可通过点击页面左侧的按钮链接到这三个网页；若想返回首页，点击左侧“返回”安按钮即可。如图（4）。 图（4） （2）Logo等图标的设计 网页中一共用到了四个图标，分别在四个地方的浏览页面中。图标中为该地的代表物或者是对该地的抽象化描述。 例如：由于香格里拉被人们描述为“最接近天堂的地方”，故其Logo用月亮和星星加以抽象画描述，如图（5），丽江的美可以洗涤人们的心灵，故将其描述为“让我丢失灵魂的地方”，并旁附丽江的市花菊花。如图（6）。与此类似，大理的图标和西双版纳的图标都是可以代表该地的事物。图标的设计均用fireworks完成。 图（5） 图（6） 3.制作 我主要负责了网页中的Fireworks的制作，其体现作用细分如下： (1) 主要使用Fireworks每个网页的导