网站实验报告模板

《网站实验报告模板》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、本科实验报告课程名称：网站设计实验项目：令我魂牵梦绕的三号院学员：唐嘉学号：2011060200学员：李思瑾学号：201106021006学员：陈润泽学号：201106020003培养类型：工程技术类年级：大三专业：计算机科学与技术、网络工程所属学院：计算机学院授课教员：夏竟国防科学技术大学计算机学院制一．网站简介及需求分析“再也不会有这样一个地方，曾日夜期盼着离开，临别却又怀伤。再也不会有这样一条走廊，每个哨音响亮的清晨，你我脚步轻快。再也不会有这样一群人，你向他招手，他就会微笑着向你走来。”对，这就是三号院，令我魂牵梦绕的三号院。设计这

2、个网站的初衷也正如此。大三的我们，即将面临的新的改变。时间飞逝，也许明天，我们就将离开这个带给我们无数回忆的地方，奔向新的征程。我们想留下对三号院的记忆，把我们最珍惜的刻在这个网站上。相信很多人和我们一样，也想珍藏这份记忆。于是，我们网站将对我们这群生活在三号院、即将离开三号院或是已经离开三号院的人引起强烈的共鸣。这也是这个网站主要的使用人群。我们的网站分7个模块，包括2个标志模块和5个功能模块。2个标志模块分别是开头的主页图标和小组成员介绍。5个功能模块分别是：三号院简介、三号院攻略、三号院美景、三号院美食、一点儿感想。在网站的左侧有导航

3、栏，同时，每个模块以不同的纯色底板做背景，简约大方，不失格调。可以通过往下翻浏览网站，也可以通过导航栏快速到达指定模板。一．网站基础技术路线我们设计的网站功能较为简单，所实现起来不是很复杂。由于只是一个偏介绍性的门户网站，没有大量数据的调用，所以没有使用数据库。网站开发主要使用JS语言和HTML语言。采用JavaScript语言主要是看中JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。我们的网站设计中JavaScript实现网站中动态模块，例如点击按钮滑到具体

4、位置的效果，点击图片自动弹出的效果。HTML语言是目前网站设计使用最为广泛的语言，选用HTML语言的主要原因是它比较简单，容易上手，适合我们网站设计初学者开发网站。网站开发工具选择的是DreamWeaver。使用DreamWeaver设计网站，首先是做成的网站效果很好；其次是DreamWeaver是一款特别专业的“傻瓜”软件。对于初学者来说操作简单，可视化性较好，能在较短的时间掌握，适合“菜鸟”制作较好的网站。综合知识运用情况：1、层的使用在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便，而框架虽然也能达到

5、这个效果，但是，它不够灵活，不利于我所需要表达的效果的呈现，也许是不习惯的原因吧，觉得太死板了，当然一些地方仍然要用到它，体现清晰的结构。2、运用Photoshop工具图片的插入和设置背景图像是两个不同的概念，当然可以达到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像较小时在层中插入更方便些，因为作为背景时图片会重复出现造成混乱的局面，但图片过小时，用层将之拉宽大就会使图片变模糊、严重变形，不但没能美化页面反而带来了负面影响，此时最好借助Photoshop工具来编辑图片。文本的插入在层内或框架内完成较好，但不能设置为艺术字体，因

6、此需要运用Photoshop工具来辅助完成，其实很多地方都可以用到Photoshop工具特别是一些要表现自己独特的思想和设计画面。3、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面及其定位，于是在各个页面都插入了跳转菜单。4、制作在整个页面浮动的图片5、使用弹出信息行为6、框架的使用7、背景图像的固定，让文本在图像上滚动一．网站概要设计组员分工网站的概要模块设计，包括网站简单逻辑结构拓扑图等，主要前述网站简介及需求分析相结合。并在此节详细介绍组员分工。标题栏通过photoshop软件进行处理，文字的制作以及面板的处理与排版；导航栏、其他

7、各模块同样运用PS工具进行图文的切割；对组员提供的图片进行整理；通过CSS样式进行排版，用DREAMWEAVER软件制作网站。组员分工：组员任务分工唐嘉收集、整理素材，使用PS对图片进行处理陈润泽使用JavaScript开发网站动态模块李思瑾使用DreamWeaver制作网站（HTML语言开发）网站的元素的结构框图如下图所示：整个网站结构的逻辑图如下图所示：标题导航栏小组成员介绍一点儿感想三号院美食三号院攻略三号院美景三号院简介网站的文件目录结构如下所示：令我魂牵梦绕的三号院------网站根目录css------存放外置CSS文件js--

8、----存放js源代码images------存放图片文件一．网站详细功能模块实现基于上述的网站各功能模块，我们采用多种工具分别处理的方法。标题栏通过photoshop软件进行处