网站制作报告.docx

（3）首页：

功能：

对网站的整体介绍和广告以及通向各级子网页的链接。

实现过程：

本次的首页是由本人独立完成，6天之中一共做了3个首页的模板。

我的第一个首页作出来之后并不好看，没有吸引人的特点，图片没有和网站整体风格相容。

于是，我又设计了第二个首页模板，此次使用框架建设首页，主要分为头部，左侧导航栏以及主题。

首页分为三个窗口。

第一个位本网站的logo，和广告。

第二个为导航栏，为各个连接。

第三个为主窗口，显示各个子网页。

但是出来的效果并不漂亮，没有鲜花网应有的大方，典雅反而有点呆板和严肃。

有了前两次的经验，第三个网页我采用了表格来制作。

同时整体网页用白色做底色来突出鲜花的魅力。

首页分为三个部分，头部，中间，尾部。

头部：

分为三层，第一层为用户区，用户可以在此登录，查询常见问题，配送范围，付款方式等等。

第二层为本网站的logo和宣传口号。

第三层为通向各级子页面的链接。

本网站主要有鲜花区，礼品区，会员区三大块。

中间：

主要是大幅的活动广告图片和促销图片。

之后是各种各样的新品花朵的展示。

每一个展示图片都是连接，可以直接连接到具体的商品。

尾部：

是我们网站的服务宗旨，承诺及合作伙伴等等。

网站的头部和尾部位共用部分，方便在后期的整合上统一用相同的头部和尾部从而实现网站风格的一致。

我们首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。

页面可爱清爽。

首页主要是导航作用。

首页制作时，时刻考虑着网页的基本原则：

统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。

而且制作过程中，不忘以下原则：

简洁实用:

这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

使用方便:

同个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:

布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。

当然雅俗共赏是人人都追求的。

利用我们所学的框架集，制作更完美的页面。

将动态网页与静态网页结合起来

再后，调试过程，好多次本来在dream里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？

还有，在最超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做链接，而不是只选中文字做链接。

还有，这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

再后，是网页的上传与发布，用ftp将制作好的网站上传

制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击

进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。

这只是在制作过程中出现的问题之一，其它问题也是类似相同。

现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。

以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。

因此反映出学习的还不够，缺点疏漏。

需在加以刻苦钻研及学习，不断开拓视野，增强自己的实习操作技能，为以后能做出出色的网页而努力。

同学告诉我，要做好网页，一定要学从C++,JAVA,php，asp，数据库。

以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。

希望以后有不懂的地方，老师能多多指点。

首页代码：

<%@pagelanguage="java"import="java.util.*"pageEncoding="gbk"%>

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/";

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

--

-->

#floater{

position:

absolute;

left:

9px;

top:

146;

width:

125;

visibility:

visible;

z-index:

10;

}

<%

Stringname=（String）session.getAttribute（"user"）;

%>

欢迎

<%=name%>登录本网站!

1px;top:

500px">

self.onError=null;

currentX=currentY=0;

whichIt=null;

lastScrollX=0;lastScrollY=0;

NS=（document.layers）?

1:

0;

IE=（document.all）?

1:

0;

--STALKERCODE-->

functionheartBeat（）{

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）;

elsepercent=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（percent>0）percent=Math.ceil（percent）;

elsepercent=Math.floor（percent）;

if（IE）document.all.floater.style.pixelLeft+=percent;

if（NS）document.floater.left+=percent;

lastScrollX=lastScrollX+percent;

}

}

--/STALKERCODE-->

--DRAGDROPCODE-->

functioncheckFocus（x,y）{

stalkerx=document.floater.pageX;

stalkery=document.floater.pageY;

stalkerwidth=document.floater.clip.width;

stalkerheight=document.floater.clip.height;

if（（x>stalkerx&&x<（stalkerx+stalkerwidth））&&（y>stalkery&&y<（stalkery+stalkerheight）））returntrue;

elsereturnfalse;

}

functiongrabIt（e）{

if（IE）{

whichIt=event.srcElement;

while（whichIt.id.indexOf（"floater"）==-1）{

whichIt=whichIt.parentElement;

if（whichIt==null）{returntrue;}

}

whichIt.style.pixelLeft=whichIt.offsetLeft;

whichIt.style.pixelTop=whichIt.offsetTop;

currentX=（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;

}

}

returntrue;

}

functionmoveIt（e）{

if（whichIt==null）{returnfalse;}

if（IE）{

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

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

网站 制作 报告

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。