郑州大学信息工程学院
生 产 实 习 报 告
网站制作
-----鲜花网
学      号 ：
姓 名 ：
班            级 ：
本 组 成 员 ：
一、实习时间：2012/8/11----2012/8/22
二、实习地点：
三、指导教师：
四、实习目的：
1.学习html、css、javascript、jsp等网页制作技术以及相关软件的使用和开发环境。
2. 了解做项目的具体流程和方法，如何协调各自的分工与整体进度，以及在做的过程中遇到问题的解决方法。
3.学习职业人的基本素质、职业人的品德、职业人之间的如何沟通和交流、体验职业人的生活
4.以企业模式分组分工完成项目工程
5. 实习过程中，同学们不仅可以复习一下以前的知识，而且可以更好的学以致用，又可以锻炼一下同学们的合作能力和团队意识。
五、实习内容
这次实习由组成第3组，并由（本人）来担任组长。所要完成的任务为网站制作（鲜花网），要求在6天左右的时间内完成网页的制作，并实现网站与数据库的链接，实现登陆与注册功能。我们主要使用的软件工具为Dreamweaver、MyEclipse、apache、photoshop、SQLserver等，主要的难点在于数据库连接及通过JDBC操作数据库将服务器链接返回页面，但经过大家的努力及老师的指导，问题被一一解决了。
一．网站的整体规划
1.讨论网站主题：因为自己对商业很感兴趣，于是就想到要是一下设计一个商务销售网站（鲜花网）。
2.定位网站CI形象：商务网站最重要的就是是浏览者产生想去亲身购买的欲望。于是在网页设计上面，根据不同鲜花具有的不同意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置 （横向因素和纵向因素交错）
在浏览了很多精美的销售网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的鲜花网站，走映像派路线，目的务必使浏览者留下映像。
二．网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多不同品种花卉的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：
硬件：
一台电脑(64MB以上内存，当然越大越好啦)；
软件：
HTML编辑软件：常用的有Frontpage、Hotdog等，我们重点学习的
Dreamweaver；
图像处理软件：常用的有Photoshop、flash、Fireworks 等；
文件上传软件：常用的有Cuteftp、WSftp等。
3.构建站点框架。
打开Dremweaver后步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
7前台：现阶段前台页面全部以静态jsp页面显示；制作首页时将页面分为三部分，top.jsp、bottom.jsp、index.jsp，方便top.jsp、bottom.jsp将在其它前台页面可以重复使用，且保证了前台页面的统一风格；
8后台：实现用户的注册与登录。需注意用户的注册密码要进行二次验证，并给与用户提示。
我们项目的目标
该项目是建立一个以销售鲜花为主的电子
商务网站。众所周知，随着网络技术的发展，电
子商务逐渐走进人们生活，成为其中必不可少的
一部分，鲜花的网购也逐渐被人们接受。我们的
目的是建立一个专业、简洁、高效的鲜花销售网
站，为消费者提供给为便捷的服务。
我们网站的各页面的功能如下：
首页：综合介绍本网站信息
鲜花：描述本网站鲜花基本信息
礼品：描述本网站礼品基本信息
后台：实现用户的注册与登录会员头像、照片的上传
会员：会员明细、会员头像、照片的上传
留言： 介绍本网站的相关信息、售后等等
：本公司的QQ、邮箱、
我所做的模块——首页，登录注册页面以及后期网站整合和风格统一（1）、登陆页面（由本人和共同完成）：
功能：登陆页面，可以实现购买、上传照片或文字的功能。登录出错会对用户提醒，登录成功会自动跳转到首页。
登陆页面的源代码：<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<hr size="10" color="red">
<center><font color="#33FF00" size="+7" face="楷体_GB2312"> 欢迎登录本网站!! </font>
</center><formname="form1"method="post" action="log_chek.jsp">
<table width="631" height="319" align="center">
<tr><td width="270"><div align="center"><font size="6"><strong>用户名</strong></font><strong>
<font size="6"><strong>：</strong></font></strong></div></td> <td width="345">
<input name="user_name" type="text" id="user_name"></td>
</tr>
<tr>
<td><div align="center"><strong><font size="6">密码<strong>：</strong></font></strong></div></td>
<td><inputname="user_pwd"type="password" id="user_pwd"></td>
</tr><tr><td><div align="center">
<input type="submit" name="Submit" value="提交">
</div></td>
<td>
<div align="center">
<input type="reset" name="Submit2" value="重置">
<a href="register.jsp">(还没注册？)</a></div></td>
</tr>
</table>
</form>
</body>
</html>
（2）、注册（由本人和杨洸共同完成）：
功能：成为我们会员的第一步，注册失败会对用户进行提醒并重新注册。注册成功后，会将用户信息写入数据库并跳转到登陆界面。（输入密码时提醒密码设置不得少于6位）
注册页面的源代码：<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
个人网站的制作实验报告<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script language="javascript">
function check(){var f=document.form1;
if(f.user_name.value==""){
alert('账户名不可以为空!!');
f.user_name.focus();
return false;
}
if(f.user_pwd.value==""||f.user_pwd.value.length<6)
{
alert('密码至少6位!!');
f.user_pwd.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<hr size="10" color="red">
<center>
<font size="+7" color="#FF0033">
欢迎注册本网站!!</font>
</center>
<form name="form1" method="post" action="reg_chek.jsp"
<table width="631" height="282" align="center">
<tr><td width="270" height="102">
<div align="center"><font size="+5">账户</font></div></td>
<td width="345">
<input name="user_name" type="text" id="user_name" onBlur="check();"> </td></tr><tr>
<td>
<div align="center"><font size="+5">密码 </font></div></td>
<td><input name="user_pwd" type="password" id="user_pwd" onBlur="check();">
</td></tr><tr><td>
<div align="center">
<input type="submit" name="Submit" value="提交">
</div></td>
<td><div align="center"><input type="reset" name="Submit2" value="重置">
</div></td>
</tr></table>
</form>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。