本科学生设计性实验报告实验项目名称＿＿动态网站的设计与实现学生实验报告学生姓名学号0088225实验项目动态网站的设计与实现■必修□选修□演示性实验□验证性实验□操作性实验■设计性实验实验地点荟芦楼110实验仪器台号32指导教师实验日期及节次2010-12-17至2010-12-238、9、A节一、实验综述（1）实验目的：通过一个个人网站或商业网站的制作，使学生对之前学到的HTML、Dreamweaver、PhotoShop、Fireworks、Flash等知识进一步巩固加强；掌握网站的设计、开发、架设等知识。（2）实验要求：以小组的方式完成整个网站的设计，四人一组。小组需讨论网站的选题、内容以及页面的规划，然后给每个成员分配相应的工作。每个小组成员以个人独立完成的方式其工作。网站应不少于10个页面，两个以上的Flash动画，页面中要清晰的写出网页的制作人。（3）实验报告中应体现小组对网站设计的思路以及规划方案；另外实验报告中也要详细介绍小组成员每个人的工作。提交实验报告时要附带完成的网站的打包文件。2、实验仪器、设备或软件计算机，Dreamweaver，Photoshop，Fireworks，Flash，IIS等软件。实验过程（实验步骤、记录、数据、分析）Step1.设计网站主题和名称。这次设计的网站是狮子之家的网站，主题是希望我们的友谊地久天长，希望大家都能实现自己的梦想走向幸福之路。因为我们四个来自不同的学校，不同的地方，巧合的相遇，巧合的在一个班，巧合的在一个寝室，最最巧合的是我们都是狮子座，为了纪念我们之间的友情，所以做了设定了这个主题。网站板块设计以及菜单目录的设计围绕于此，主要是生活中由我们四个构成的这个集体----狮子之家。，从我们的主页-->我们的印记-->留言星星河-->leo's万花筒。如图所示：Step2.设计网站的Logo，因为是以友谊梦想为主题，所以选择的是简单的英文表示，设置了下字体。简单明了，更容易让浏览者记住。如图所示：Step3.设计网站的框架。上下的结构。菜单+对应的内容。如图所示：狮子之家，梦想乐园我们的首页我们的印记留言板LEO'S万花筒陈贝贝罗玉龙尚丽娟丁雪辉Step4.确定网站的主体颜色。因为是友谊所以主要页面的主色基调是白色，表示纯洁，友谊至上。因为我们在梦想的路上，所以主页面以蓝色为主，Step5.建立站点。Step6.根据目录结构设计与制作狮子之家，梦想乐园的网站的主页网页及其子页面。为了条理化，开始规定了每个人做的页面的图片等元素文件夹名称，如图：=1\*GB3\*MERGEFORMAT①主页面index.html,使用了背景音乐，flash,CSS样式以及字幕图片滚动来增加网站的美感与动感。如下图所细节图：使网站更加美观和多元化，使用了一些媒体元素和特效：插入了音乐<embedsrc="music/NorahJones-NewYorkCity.mp3"hidden="true"></embed>；插入flash导航，使用<objectclassid="c"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="837"height="312"><paramname="movie"value="flash/flash.swf"><paramname="quality"value="high"><embedsrc="flash/flash.swf"quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"width="837"height="312"></embed></object>使用文字特效和图片滚动。利用的<MARQUEEbehavior=“value”bgcolor=“color”direction=“value”height=“value”width=“value”loop=“value”scrollamount=“value”scrolldelay=“value”hspace=“value”vspace=“value”>滚动文字</MARQUEE>。=2\*GB3\*MERGEFORMAT②利用flash,Css样式，背景音乐等元素，做成的子页面如下：【关于我们】的子页面【留言板】子页面【