网站制作报告Word文档下载推荐.docx

1、主页制作的基本条件有：硬件：一台电脑（64MB以上内存，当然越大越好啦）；软件：HTML编辑软件：常用的有Frontpage、Hotdog等，我们重点学习的 Dreamweaver；图像处理软件：常用的有Photoshop、flash、Fireworks 等；文件上传软件：常用的有Cuteftp、WSftp等。3.构建站点框架。打开Dremweaver后步便是新建站点4设计主页及二级页面。5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。6向静太网页插入动态效果7前台：现阶段前台页面全部以静态jsp页面显示；制作首页

2、时将页面分为三部分，top.jsp、bottom.jsp、index.jsp,方便top.jsp、bottom.jsp将在其它前台页面可以重复使用，且保证了前台页面的统一风格；8后台：实现用户的注册与登录。需注意用户的注册密码要进行二次验证，并给与用户提示。我们项目的目标该项目是建立一个以销售鲜花为主的电子商务网站。众所周知，随着网络技术的发展，电子商务逐渐走进人们生活，成为其中必不可少的一部分，鲜花的网购也逐渐被人们接受。我们的目的是建立一个专业、简洁、高效的鲜花销售网站，为消费者提供给为便捷的服务。 我们网站的各页面的功能如下：首页：综合介绍本网站信息鲜花：描述本网站鲜花基本信息礼品：描述

3、本网站礼品基本信息后台：实现用户的注册与登录会员头像、照片的上传会员：会员明细、会员头像、照片的上传留言： 介绍本网站的相关信息、售后等等联系我们：本公司的QQ、邮箱、联系电话我所做的模块首页，登录注册页面以及后期网站整合和风格统一（1）、登陆页面（由本人和共同完成）：功能：登陆页面，可以实现购买、上传照片或文字的功能。登录出错会对用户提醒，登录成功会自动跳转到首页。登陆页面的源代码：headtitleMy JSP index.jsp starting pagemeta http-equiv=pragma content=no-cachecache-controlexpires0metahtt

4、p-equiv=keywordscontent=keyword1,keyword2,keyword3descriptionThis is my page/headbodyhr size=10 color=redcenterfont color=#33FF00 size=+7 face=楷体 欢迎登录本网站! /centerformname=form1method=post action=log_chek.jsptable width=631 height=319 align=centertrtd width=270div align=font size=6strong用户名：/div/td34

5、5input name=user_name type=text id=/trtd密码inputname=user_pwdtype=passwordinput type=submit name=Submit value=提交resetSubmit2重置a href=register.jsp（还没注册？）/table/form/body/html（2）、注册（由本人和杨洸共同完成）：成为我们会员的第一步，注册失败会对用户进行提醒并重新注册。注册成功后，会将用户信息写入数据库并跳转到登陆界面。（输入密码时提醒密码设置不得少于6位）注册页面的源代码：script language=javascript

6、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#FF0033欢迎注册本网站!form name= method=reg_chek.jsp282102+5账户 onBlur=check（）;密码 %String path = request.getContextPath（）;String basePath = request.getSche

7、me（）+:/+request.getServerName（）+request.getServerPort（）+path+/;DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01 Transitional/ENbase href=%=basePath%-link rel=stylesheettext/css href=styles.css -style type=#floater position: absolute;left: 9px;top: 146;width: 125;visibility: visible;z-index: 10;body String na

8、me = （String） session.getAttribute（user % 欢迎 登录本网站!div ID=floater style=right:1px; top: 500pxp align=img src=image/qet.gif WIDTH=100 HEIGHT=br#FF8040/pscript LANGUAGE=JavaScriptself.onError=null;currentX = currentY = 0;whichIt = null;lastScrollX = 0; lastScrollY = 0;NS = （document.layers） ? 1 : 0;IE

9、 = （document.all） ? 1:- STALKER CODE -function heartBeat（） if（IE） diffY = document.body.scrollTop; diffX = document.body.scrollLeft; if（NS） diffY = self.pageYOffset; diffX = self.pageXOffset;if（diffY != lastScrollY） percent = .1 * （diffY - lastScrollY）;if（percent 0） percent = Math.ceil（percent）;else

10、 percent = Math.floor（percent）;if（IE） document.all.floater.style.pixelTop += percent;if（NS） document.floater.top += percent;lastScrollY = lastScrollY + percent;if（diffX != lastScrollX） percent = .1 * （diffX - lastScrollX）;if（IE） document.all.floater.style.pixelLeft += percent;if（NS） document.floater

11、.left += percent;lastScrollX = lastScrollX + percent;- /STALKER CODE - DRAG DROP CODE -function checkFocus（x,y） stalkerx = document.floater.pageX;stalkery = document.floater.pageY;stalkerwidth = document.floater.clip.width;stalkerheight = document.floater.clip.height;if（ （x stalkerx & x stalkery & y

12、 （stalkery+stalkerheight） return true;else return false;function grabIt（e） if（IE） whichIt = event.srcElement;while （whichIt.id.indexOf（） = -1） whichIt = whichIt.parentElement;if （whichIt = null） return true;whichIt.style.pixelLeft = whichIt.offsetLeft;whichIt.style.pixelTop = whichIt.offsetTop;curre

13、ntX = （event.clientX + document.body.scrollLeft）;currentY = （event.clientY + document.body.scrollTop）; else window.captureEvents（Event.MOUSEMOVE）;if（checkFocus （e.pageX,e.pageY） whichIt = document.floater;StalkerTouchedX = e.pageX-document.floater.pageX;StalkerTouchedY = e.pageY-document.floater.pageY; function moveIt（e） if （whichIt = null） return false;newX = （event.clientX + document.body.scrollLeft）;newY = （event.clientY + document.body.scrollTop）;distanceX = （newX - currentX）; distanceY = （newY - currentY）;currentX = newX; currentY = newY;whichIt.style.pixelLeft += distan