个人网站实验报告Word文档格式.docx

1、2、 实验内容2.1网站模块 （1）个人主页 a个人资料 b家乡风情 c人生历程（包含Flash，一个大屏滚动的图片） d我的成果 e留言空间 f美文连接 g音乐播放 （2）家乡主页 a博客 b美景观光（包含flash,插入了一个随机播放的相册） c特色专区 d背景音乐 （3）留言板 a用户登录 b主界面获取登录名并显示 c留言板部分信息有验证 d最后以邮箱形式提交 2.3代码的设计 为了便于维护，将所有代码进行分类，和我的主页有关的文件放在了根目录ch04下，和家乡有关的文件放在了ch05下，与留言板有关的文件放在了ch03目录下，布局如下： 3、开发环境 记事本，dreamweaver8二

2、、 网站分析和设计 个人网站用于展示自己的个人信息，让大家能通过网站尽快的了解自己，并且在我的网站中特别设置了家乡栏目，让大家对我的家乡内蒙古有一个正确清楚的认识1、 个人主页如图：2、 我的个人资料：3、 风土乡情：4、 人生历程：5、 留言空间：（1） 登录界面：（2） 留言板主页：（3） 表单验证：（4） 以邮件形式提交： 6、家乡风景：以上便是网站的几个界面，还需更加完善。以个人主页为首页，通过连接，连接到其他编好的网页中，插入了Flash元素，并使用javascript脚本语言做表单验证，并实现了大图滚动效果，还为家乡美景观光插入了电子相册。三、 代码设计和功能实现由于代码较多，这里

3、展示一些主要功能的代码：1、 家乡风景观光实现电子相册的代码： moviephoto.swf/ImageViewer.swfFlashVarsflashlet=imageLinkTarget:_blank,captionFont:Verdana,titleFont:,showControls:false,frameShow:false,slideDelay:3,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:Random,titleColor:#333333,slideAutoPlay:true,imageURL

4、s:photo.swf/01.jpg,photo.swf/1.jpgphoto.swf/02.jpgphoto.swf/2.jpgphoto.swf/03.jpgphoto.swf/3.jpgphoto.swf/04.jpgphoto.swf/4.jpgphoto.swf/5.jpgphoto.swf/6.jpgphoto.swf/07.jpgphoto.swf/7.jpgphoto.swf/08.jpgphoto.swf/8.jpgphoto.swf/09.jpgphoto.swf/9.jpgphoto.swf/11.jpgphoto.swf/12.jpgphoto.swf/13.jpgph

5、oto.swf/14.jpgphoto.swf/15.jpgphoto.swf/16.jpgphoto.swf/18.jpgphoto.swf/19.jpgphoto.swf/20.jpgphoto.swf/21.jpgphoto.swf/31.jpgphoto.swf/32.jpgphoto.swf/33.jpgphoto.swf/34.jpgphoto.swf/35.jpgphoto.swf/36.jpgphoto.swf/37.jpgphoto.swf/38.jpgphoto.swf/hu1.jpgphoto.swf/hu2.jpgphoto.swf/hu3.jpgphoto.swf/h

6、u5.jpgphoto.swf/hu4.jpgphoto.swf/hu6.jpgphoto.swf/hu7.jpg,slideLoop:true,frameThickness:1,frameColor:#333333,bgColor:#311C00,imageCaptions:SCALEnoborderQUALITYhighBGCOLOR#000000embed src= flashvars= pluginspage= type=application/x-shockwave-flash scale= quality= bgcolor=/embed/object2、 获取登录信息的代码：% r

7、equest.setCharacterEncoding（utf-8）; String name=request.getParameter（name String pwd=request.getParameter（pwd if（name!=null&pwd!=null） session.setAttribute（sessionname,name）; out.println（name+,欢迎您来留言！ %3、 表单验证代码：function check（） if（form1.name.value=） alert（姓名不能为空 form1.name.focus（）; return false; if

8、（form1.email.value=邮箱不能为空 form1.email.focus（）; if（form1.email.value.indexOf（,0）=-1）|（form1.email.value.indexOf（.,0）=-1）邮箱不合法 form1.email.focus（）; if（form1.des.value= alert（留言不能为空 form1.des.focus（）; return true;四、 总结：此次实验收获最多的就是学会了Tomcat的使用，并基本了解了tomcat的结构，另外还学会了三种工具：HTML、CSS、JSP，在网站制作过程中也遇到了大量的问题，分别

9、如下，其中一部分附加解决办法：1、 在将项目导入Tomcat后，用服务器打开，发现乱版，乱码，图片也访问不到解决方法：经过查资料和问老师，知是在Tomcat下不能使用中文名，包括所有的文件夹和文件名，图片名也不可以用中文。2、 字符乱码，许多中文都不能正常显示在jsp开头，应使用gb2312中文编码方式，以下其他部分则根据具体情况选择编码方式，一般情况下为gb23123、 点击连接没有出现相应页面路径不对，检查路径，如果是在本目录下页面则直接href=”文件名” 如果是目录下子目录下的文件：则href=”文件夹名/文件名” 如果在当前目录的父目录，则href=”./文件夹名/文件名”五、 参考资料Javaweb，清华大学出版社，2007