最新网页设计实验报告八 免费下载.doc

实验报告实验名称实验八：个人网站设计与制作成绩姓名专业班级实验日期2013.6.6学号指导教师李智敏提交报告日期2013.6.27一、实验目的掌握网站设计的整体流程，使学生能够独立设计和制作个人主页，维护和管理个人主页，培养学生分析问题和解决问题的能力。二、实验环境Windows XP/2000/2003/7操作系统、Macromedia Dreamweaver CS4三、实验内容设计并制作一个个人网站四、设计思想1 我的主题是鲜花花语。 浏览者群体的定位为爱花人士。2 模板是自己设计。运用了AP Div ，使网页制作效果更加好，AP Div就像一个容器一样，可以将页面中的各种元素包含其中，从而控制页面元素的位置。3 有哪些图片和动画是自己独立设计的？ 1）首页的网站LOGO是独立设计的。4 你的网页设计了哪些CSS样式？如何应用的？ 1）.a1 (font-family: 微软雅黑;font-size: 38px;color: #FF0000;text-align: center;) 2）.a2(font-size: 24px;font-weight: bold;color: #F69；background-color: #FF0) 3).bc(height: 740px;width: 760px;overflow:scroll;/*内容溢出使用滚动条*/overflow-x:hidden;/*隐藏水平滚动条*/overflow-y:auto;/*内容溢出了显示垂直滚动条*/color: #CC3333;font-size: 20px;text-align: left;text-indent: 4px;line-height: 22px;font-family: 微软雅黑;font-weight: normal;margin-left: 65px;margin-right: 55px;) 4).caidan(background-color: #CC3366;height: 40px;width: 799px;margin-right: 40px;margin-left: 41px;text-align: left;font-family: 微软雅黑;font-size: 20px;color: #0000FF;display: block;) 5).bb(background-image: url(images/bg.jpg); height: 860px;width: 880px;) 6).zh(height: 50px;width: 800px;) 7).top(height:200px;width: 880px;)5 你的网页使用了哪些特效？是自己设计的还是从网上找的素材？如是后者，请注明网址。 1）网站首页运用了TiltViewer 3D图片浏览特效。文件下载地址为：/tiltviewer/；图片下载地址为： 。 2）swf文件。素材下载网址： 。6 你的网站是否添加了动态网页？如果有，请注明使用了哪些参考资料。 没有添加。五、心得体会1在网站的设计与制作过程中遇到了哪些难题？如何解决的？难题：为了给网站首页增色，运用了TiltViewer 3D图片浏览特效，插入TiltViewer.swf很方便，但是不知道怎么将25张图片放入TiltViewer中展示。解决方法：通过网上搜索了解到只要在TiltViewer的gallery.xml中修改载入图片就可以了。2 通过设计与制作此网站，你有何收获？通过设计与制作此网站，我更加好的掌握了本学期所学习的内容。本次制作网站，我运用了Fireworks CS4制作个人网站Logo，并用Photoshop CS4将图美化；滚动文字；AP Div；超级链接；电子邮件连接；运用代码插入背景音乐；命名锚记回到顶部；插入flash；还有各种css规则的设置。将课上所学和课外拓展集合在这10页网页里。我觉得在网页布局中，令我最深刻的是AP Di