动态网站的设计与实现综合性设计性实验报告

本科学生设计性实验报告实验项目名称＿＿动态网站的设计与实现

学生实验报告

一、实验综述

（1）实验目的：通过一个个人网站或商业网站的制作，使学生对之前学到的HTML、Dreamweaver、PhotoShop、Fireworks、Flash等知识进一步巩固加强；掌握网站的设计、开发、架设等知识。

（2）实验要求：以小组的方式完成整个网站的设计，四人一组。小组需讨论网站的选题、内容以及页面的规划，然后给每个成员分配相应的工作。每个小组成员以个人独立完成的方式其工作。网站应不少于10个页面，两个以上的Flash动画，页面中要清晰的写出网页的制作人。

（3）实验报告中应体现小组对网站设计的思路以及规划方案；另外实验报告中也要详细介绍小组成员每个人的工作。提交实验报告时要附带完成的网站的打包文件。

2、实验仪器、设备或软件

计算机，Dreamweaver，Photoshop，Fireworks，Flash，IIS等软件。

二、实验过程（实验步骤、记录、数据、分析）

Step1.设计网站主题和名称。这次设计的网站是狮子之家的网站，主题是希望我们的友谊地久天长，希望大家都能实现自己的梦想走向幸福之路。因为我们四个来自不同的学校，不同的地方，巧合的相遇，巧合的在一个班，巧合的在一个寝室，最最巧合的是我们都是狮子座，为了纪念我们之间的友情，所以做了设定了这个主题。网站板块设计以及菜单目录的设计围绕于此，主要是生活中由我们四个构成的这个集体----狮子之家。，从我们的主页-->我们的印记-->留言星星河-->leo's万花筒。如图所示：

Step2.设计网站的Logo，因为是以友谊梦想为主题，所以选择的是简单的

英文表示，设置了下字体。简单明了，更容易让浏览者记住。如图所示：Step3.设计网站的框架。上下的结构。菜单+对应的内容。如图所示：

Step4.确定网站的主体颜色。

因为是友谊所以主要页面的主色基调是白色，表示纯洁，友谊至上。因为我们在梦想的路上，所以主页面以蓝色为主，

Step5.建立站点。

Step6.根据目录结构设计与制作狮子之家，梦想乐园的网站的主页网页及其子页面。

为了条理化，开始规定了每个人做的页面的图片等元素文件夹名称，如图：

①主页面index.html,使用了背景音乐，flash,CSS样式以及字幕图片滚动来增加网站的美感与动感。

如下图所

细节图：

使网站更加美观和多元化，使用了一些媒体元素和特效：

●插入了音乐；

●插入flash导航，使用

使用文字特效和图片滚动。利用的滚动文字。

②利用flash,Css样式，背景音乐等元素，做成的子页面如下：

【关于我们】的子页面

【留言板】子页面

【Leoes'万花筒】的子页面

狮子之家成员【陈贝贝】子页面1信息简介

狮子之家成员【陈贝贝】子页面2印记

狮子之家成员【陈贝贝】子页面3日志文章

狮子之家成员【陈贝贝】子页面

狮子之家成员【陈贝贝】子页面

狮子之家成员【陈贝贝】子页面

狮子之家成员【罗玉龙】子页面

狮子之家成员【罗玉龙】子页面

狮子之家成员【罗玉龙】子页面

狮子之家成员【尚丽娟】子页面

狮子之家成员【丁雪辉】子页面Step7.将页面超链接起来后发布。

三、结论

1.实验结果

服务器与客户端的IIS的Windows系统组件安装

①Windows XP默认安装时不安装IIS组件，需要手工添加安装。进入控制面板，找到“添加／删除程序”，打开后选择“添加／删除Windows组件”，在弹出的“Windows 组件向导”窗口中，将“Internet信息服务（IIS）”项选中。在该选项前的“√”背景色是灰色的，这是因为Windows XP默认并不安装FTP服务组件。再点击右下角的“详细信息”，在弹出的“Internet信息服务（IIS）”窗口中，找到“文件传输协议（FTP）服务”，选中后确定即可。

安装完后需要重启。Windows NT／2000和Windows XP的安装方法相同。详情如图所示：

②出现如下图组件安装向导，选择“Intnetnet信息服务（IIS）”，单击“下一步”开始安装，单击“完成”结束。

安装IIS后，配置DNS以及WEB站点，发布网站，我们是狮子之家，所以我们取得的域名，效果如下：