網站实验报告模板.docVIP

本 科 实 验 报 告 课程名称： 网站设计 实验项目： 令我魂牵梦绕的三号院 学 员： 唐 嘉 学 号： 2011060200 学 员： 李思瑾 学 号： 201106021006 学 员： 陈润泽 学 号： 201106020003 培养类型： 工程技术类 年 级： 大三 专 业： 计算机科学与技术、网络工程 所属学院： 计算机学院 授课教员： 夏竟 国防科学技术大学计算机学院制 网站简介及需求分析 “再也不会有这样一个地方，曾日夜期盼着离开，临别却又怀伤。再也不会有这样一条走廊，每个哨音响亮的清晨，你我脚步轻快。再也不会有这样一群人， 你向他招手，他就会微笑着向你走来。” 对，这就是三号院，令我魂牵梦绕的三号院。 设计这个网站的初衷也正如此。大三的我们，即将面临的新的改变。时间飞逝，也许明天，我们就将离开这个带给我们无数回忆的地方，奔向新的征程。我们想留下对三号院的记忆，把我们最珍惜的刻在这个网站上。 相信很多人和我们一样，也想珍藏这份记忆。于是，我们网站将对我们这群生活在三号院、即将离开三号院或是已经离开三号院的人引起强烈的共鸣。这也是这个网站主要的使用人群。 我们的网站分7个模块，包括2个标志模块和5个功能模块。2个标志模块分别是开头的主页图标和小组成员介绍。5个功能模块分别是：三号院简介、三号院攻略、三号院美景、三号院美食、一点儿感想。在网站的左侧有导航栏，同时，每个模块以不同的纯色底板做背景，简约大方，不失格调。可以通过往下翻浏览网站，也可以通过导航栏快速到达指定模板。 网站基础技术路线 我们设计的网站功能较为简单，所实现起来不是很复杂。由于只是一个偏介绍性的门户网站，没有大量数据的调用，所以没有使用数据库。网站开发主要使用JS语言和HTML语言。采用JavaScript语言主要是看中JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。我们的网站设计中JavaScript实现网站中动态模块，例如点击按钮滑到具体位置的效果，点击图片自动弹出的效果。HTML语言是目前网站设计使用最为广泛的语言，选用HTML语言的主要原因是它比较简单，容易上手，适合我们网站设计初学者开发网站。网站开发工具选择的是DreamWeaver。使用DreamWeaver设计网站，首先是做成的网站效果很好；其次是DreamWeaver是一款特别专业的“傻瓜”软件。对于初学者来说操作简单，可视化性较好，能在较短的时间掌握，适合“菜鸟”制作较好的网站。 综合知识运用情况： 1、层的使用 在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便，而框架虽然也能达到这个效果，但是，它不够灵活，不利于我所需要表达的效果的呈现，也许是不习惯的原因吧，觉得太死板了，当然一些地方仍然要用到它，体现清晰的结构。 2、运用Photoshop工具 图片的插入和设置背景图像是两个不同的概念，当然可以达到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像较小时在层中插入更方便些，因为作为背景时图片会重复出现造成混乱的局面，但图片过小时，用层将之拉宽大就会使图片变模糊、严重变形，不但没能美化页面反而带来了负面影响，此时最好借助Photoshop工具来编辑图片。文本的插入在层内或框架内完成较好，但不能设置为艺术字体，因此需要运用Photoshop工具来辅助完成，其实很多地方都可以用到Photoshop工具特别是一些要表现自己独特的思想和设计画面。 3、插入跳转菜单 为了使读者能快捷的回到自己感兴趣的页面及其定位，于是在各个页面都插入了跳转菜单。 4、制作在整个页面浮动的图片 5、使用弹出信息行为 6、框架的使用 7、背景图像的固定，让文本在图像上滚动 网站概要设计组员分工 网站的概要模块设计，包括网站简单逻辑结构拓扑图等，主要前述网站简介及需求分析相结合。并在此节详细介绍组员分工。 标题栏通过photoshop软件进行处理，文字的制作以及面板的处理与排版；导航栏、其他各模块同样运用PS工具进行图文的切割；对组员提供的图片进行整理；通过CSS样式进行排