《个人网站实验报告.docx》由会员分享，可在线阅读，更多相关《个人网站实验报告.docx（10页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、个人网站实验报告 WEB Personal web姓名：XXX学号：XXXX专业年级：网络01班 指导教师：XX 时间：2013/11/08一、 实验目的和要求1、 实验目的1.1通过实验了解并掌握HTML,JSP,CSS三大块内容1.2学会利用CSS创建样式，包括表格样式，优化界面1.4学会用javascript语言，做表单验证和信息获取1.5了解如何建立自己的网站，两种方法： （1）安装TOMCAT，把自己的项目部署在TOMCAT安装目录下的webapps子目录下，详细安装过程，网上有详细资料，包括如何运行部署好的项目。 （2）使用dreamweaver的站点管理，创建一个自己的站点，其服
2、务器，可以使用我们的windows下的服务器，包括FTP，也可以使用安装好的TOMCAT,我是用的是TOMCAT,站点信息及截图如下：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下，
3、和家乡有关的文件放在了ch05下，与留言板有关的文件放在了ch03目录下，布局如下： 3、开发环境 记事本，dreamweaver8二、 网站分析和设计 个人网站用于展示自己的个人信息，让大家能通过网站尽快的了解自己，并且在我的网站中特别设置了家乡栏目，让大家对我的家乡内蒙古有一个正确清楚的认识1、 个人主页如图：2、 我的个人资料：3、 风土乡情：4、 人生历程：5、 留言空间：（1） 登录界面：（2） 留言板主页：（3） 表单验证：（4） 以邮件形式提交： 6、家乡风景：以上便是网站的几个界面，还需更加完善。以个人主页为首页，通过连接，连接到其他编好的网页中，插入了Flash元素，并使用j
4、avascript脚本语言做表单验证，并实现了大图滚动效果，还为家乡美景观光插入了电子相册。三、 代码设计和功能实现由于代码较多，这里展示一些主要功能的代码：1、 家乡风景观光实现电子相册的代码： 2、 获取登录信息的代码：3、 表单验证代码：function check()if(form1.name.value=)alert(姓名不能为空);form1.name.focus();return false;if(form1.email.value=)alert(邮箱不能为空);form1.email.focus();return false;if(form1.email.value.index
5、Of(,0)=-1)|(form1.email.value.indexOf(.,0)=-1)alert(邮箱不合法); form1.email.focus();return false; if(form1.des.value=) alert(留言不能为空);form1.des.focus();return false;return true;四、 总结：此次实验收获最多的就是学会了Tomcat的使用，并基本了解了tomcat的结构，另外还学会了三种工具：HTML、CSS、JSP，在网站制作过程中也遇到了大量的问题，分别如下，其中一部分附加解决办法：1、 在将项目导入Tomcat后，用服务器打开，发现乱版，乱码，图片也访问不到解决方法：经过查资料和问老师，知是在Tomcat下不能使用中文名，包括所有的文件夹和文件名，图片名也不可以用中文。2、 字符乱码，许多中文都不能正常显示解决方法：在jsp开头，应使用gb2312中文编码方式，以下其他部分则根据具体情况选择编码方式，一般情况下为gb23123、 点击连接没有出现相应页面解决方法：路径不对，检查路径，如果是在本目录下页面则直接href=”文件名” 如果是目录下子目录下的文件：则href=”文件夹名/文件名” 如果在当前目录的父目录，则href=”./文件夹名/文件名”五、 参考资料Javaweb，清华大学出版社，2007