动态网站的设计书与实现综合设计书实验报告书.docVIP

本科学生设计性实验报告 实验项目名称＿＿动态网站的设计与实现 学生实验报告 学生姓名 学号 0088225 实验项目 动态网站的设计与实现 ■必修 □选修 □演示性实验 □验证性实验 □操作性实验 ■设计性实验 实验地点 荟芦楼110 实验仪器台号 32 指导教师 实验日期及节次 2010-12-17至2010-12-23 8、9、A节 一、实验综述 （1）实验目的：通过一个个人网站或商业网站的制作，使学生对之前学到的HTML、Dreamweaver、PhotoShop、Fireworks、Flash等知识进一步巩固加强；掌握Step1.设计网站主题和名称。这次设计的网站是狮子之家的网站，主题是希望我们的友谊地久天长，希望大家都能实现自己的梦想走向幸福之路。因为我们四个来自不同的学校，不同的地方，巧合的相遇，巧合的在一个班，巧合的在一个寝室，最最巧合的是我们都是狮子座，为了纪念我们之间的友情，所以做了设定了这个主题。网站板块设计以及菜单目录的设计围绕于此，主要是生活中由我们四个构成的这个集体狮子之家。，从我们的主页--我们的印记--留言星星河--leos万花筒。如图所示： Step2.设计网站的Logo，因为是以友谊梦想为主题，所以选择的是简单的英文表示，设置了下字体。简单明了，更容易让浏览者记住。如图所示： Step3.设计网站的框架。上下的结构。菜单+对应的内容。如图所示： Step4.确定网站的主体颜色。 因为是友谊所以主要页面的主色基调是白色，表示纯洁，友谊至上。因为我们在梦想的路上，所以主页面以蓝色为主， Step5.建立站点。 Step6.根据目录结构设计与制作狮子之家，梦想乐园的网站的主页网页及其子页面。 为了条理化，开始规定了每个人做的页面的图片等元素文件夹名称，如图： ①主页面index.html,使用了背景音乐，flash,CSS样式以及字幕图片滚动来增加网站的美感与动感。如下图所 细节图： 使网站更加美观和多元化，使用了一些媒体元素和特效： 插入了音乐embed src=music/Norah Jones - New York City.mp3 hidden=true/embed； 插入flash导航，使用object classid=c codebase=/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width=837 height=312param name=movie value=flash/flash.swfparam name=quality value=highembed src=flash/flash.swf quality=highpluginspage= /go/getflashplayer type=application/x-shockwave-flash width=837 height=312/embed /object 使用文字特效和图片滚动。利用的MARQUEE behavior =“value” bgcolor =“color” direction =“value” height =“value” width =“value” ?loop =“value ” scrollamount =“value ” scrolldelay =“value” hspace=“value” vspace=“value”滚动文字/MARQUEE。 ②利用flash,Css样式，背景音乐等元素，做成的子页面如下： 【关于我们】的子页面 【留言板】子页面 【Leoes万花筒】的子页面 狮子之家成员【陈贝贝】子页面1信息简介 狮子之家成员【陈贝贝】子页面2印记 狮子之家成员【陈贝贝】子页面3日志文章 狮子之家成员【陈贝贝】子页面 狮子之家成员【陈贝贝】子页面 狮子之家成员【陈贝贝】子页面 狮子之家成员【罗玉龙】子页面 狮子之家成员【罗玉龙】子页面 狮子之家成员【罗玉龙】子页面 狮子之家成员【尚丽娟】子页面 狮子之家成员【丁雪辉】子页面 Step7.将页面超链接起来后发布。 三、结论 1.实验结果 服务器与客户端的IIS的Windows系统组件安装 ①Windows XP默认安装时不安装IIS组件，需要手工添加安装。进入控制面板，找到“添加／删除程序”，打开后选择“添