哈工程导航网站建设12116刘书.docVIP

计算机技术创新基础课程设计报告 题目名称 哈工程导航下载网站建设 班 级 学 号 2012212116 学生姓名 刘 书 同组班级 、 同组学号 2012212117 、 2012212116 同组姓名 刘彦辉 、 刘书 指导教师 刘书勇 程旭辉 付小晶 赵国冬 2014年 06 月  摘 要 我们网站的建设主要是面向本校的学生，在导航页上把一些我们经常要使用的网站的导航整合到一起（比如教务处，图书馆等），按我们组的分工，我是主要负责做对ftp下载中心的改进，虽然在ftp上也做了一些分类，但是比较简陋，也不太适用。我主要把网站分为八类，在首页上对网站大致的介绍，把一些同学们最喜欢的资源放在首页上加入一些炫酷的效果来吸引使用者，再在各个分类的网页上进行丰富的展示，追求实用性。 目 录 1 需求分析 -1 - 1.1 网站设计背景 - 1 - 1.2 网站概述 - 1 - 1.3 网站亮点 -1 - 2 网站设计 -2 - 2.1 网站开发环境简介 -2 - 2.2 网站的整体设计 -5 - 3 网站实现 -5- 3.1 网站实现过程 - 6- 3.2 网站实现 - 7- 3.3 网站建设团队介绍 - 7 - 4 总结 - 8- 1 需求分析 网站设计背景 哈工程导航页的设计是专为大学生人群设计主要是想做一个方便大学生日常上网时能快速找到自己想去的站点的专门性的导航网站。哈工程下载中心主要是对ftp的资源分类和页面设计做出改进，进行一些推荐和介绍，让使用者更便捷的、快速的找到有用的，自己感兴趣的资源。 网站概述 网站主要包括八个方面，分别为首页、影视、图书、游戏、软件、学习资料、音乐。首页就是对网站所涉及的各个方面的信息做推荐，把一些同学们最喜欢的资源放在首页上，同时插入多样化的特效来增加美感，来吸引使用者。使用者可以通过导航栏到各个网页去浏览跟全面的信息,下载自己喜欢的资源，做好资源的分类和整合 网站亮点 布局美观，色调清新，让人不容易产生视觉疲劳。 多样化效果的加入，有视频播放器，3D效果的图片展播等，给人以眼前一亮的感觉，也显得网站整体更有深度和内涵。 各个推荐的主体网页，设计的方向就是追求实用性，尽可能在有限的版面里放入多的信息，同时又不显得拥挤。因为我们的主要目的是下载自己喜欢的电影，图书等。不用刻意要求复杂炫酷的设计，实用性好就可以了。 2 网站设计 2.1 网站开发环境简介 主要的开发环境是Dreamwaver CS5，是一款集网页制作和管理网站于一身的所见即所得网页编辑器 Flash CS4（制作网站前端的Flash）浏览器前端制作过程中的测试程序）等 最上方是一个图片特效，用来推荐一些当前比较火的电影，小说，单机游戏，歌曲，并且当鼠标经过时会弹出解释的窗口，对所推荐的内容做个简介。 接下来是一个导航栏，由一个1*8的表格，可以由此导航栏进入影视、图书等各个网页。 再往下，左侧是推荐电影的窗口，点击可直接下载喜欢的电影，而右侧是一个电影图片图片展播特效，是个3D的立方体旋转特效，有立体感，并在图片上加入链接，可直接进入下载电影的页面，图片展播的特效主要是为了增加网页的炫酷感。 接下来，是单机游戏推荐的栏目，而右侧插入了一个视频播放器，可以播放比较热门的单机游戏的画面，这里选择的极品飞车的游戏场景。 再往下、是图书推荐的栏目，而，右侧则是一个表格，填入比较好看的、受欢迎的小说并配备了一定的介绍，点击“全文阅读”则可进入下载窗口。 最下层是版权信息以及一些比较常用的友情链接，包括门户网站、视频网站、新闻网站以及小说网站等。 2、影视 这一部分的内容比较简单，主要由表格和文字组成。 最上方还是1行8列的导航栏，与主页的导航栏是一样的功能。 接着是电影类的下载排行榜，分高清类，标清类，全集类和恐怖片类，主要是根据ftp上的资源分类的。 接着是电视剧类、纪录片以及体育与综艺的推荐。这些内容都是ftp上有的，只是做了一个分类和更清晰的排版。而且内容很充实丰富。 3、图书： 主体部分与影视类似，分国内的文学作品（其中又分古典的和近现代的）、国外的文学经典以及网络小说。这里加入了一个消息窗口，用来加入学校最新的消息展播，点击可进入