网站建设实训报告.docx

上传人：b****7 文档编号：11085594 上传时间：2023-02-25 格式：DOCX 页数：14 大小：1.39MB

下载相关举报

第1页 / 共14页

第2页 / 共14页

第3页 / 共14页

第4页 / 共14页

第5页 / 共14页

点击查看更多>>

下载资源

资源描述

网站建设实训报告.docx

《网站建设实训报告.docx》由会员分享，可在线阅读，更多相关《网站建设实训报告.docx（14页珍藏版）》请在冰豆网上搜索。

网站建设实训报告.docx

网站建设实训报告

商务网站建设实训报告

——炫之队

组长：

小组成员：

一、实训地点及时间：

1.1、B2C商务网站建设——四色草甜品坊蛋糕网

实习地点：

行知汇元软件开发学校

实习时间：

2012/6/17至2012/6/27

1.2、网易印象派网站建设——网易印象派

实习地点：

15教102

实习时间2012/6/28至2012/7/8

二、实训目的及实训意义

2.1实训目的

（1）掌握规划网站的内容结构，目录结构，链接结构的方法。

（2）熟练掌握网页制作软件dreamweaver的基本操作和使用技能。

（3）掌握页面的整体架构控制和内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入，设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图象，flash动画和背景音乐的方法。

（7）熟练建立各种形式的超级链接的方法。

（8）掌握表单网页制作方法。

（9）掌握框架网页制作方法。

（10）掌握网页特效制作方法。

（11）掌握利用ShopEx模版搭建商务网站平台。

（12）掌握网站测试的方法。

2.2实训目标：

（1）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站，书籍，素材光盘等方式收集所需的文字资料，图象资料，flash动画和网页特效等。

（2）培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

（3）培养学生理论联系实际的工作作风，严肃认真的科学态度以及团队分工合作的能力，树立自信心。

（4）根据老师的指导和自己所学的知识，建设网站，展示自己的网站风格。

建成优秀的电子商务类专业网站，展示自己的网站形象。

2.3实训意义:

电子商务网站建设综合实训是教学过程中重要的实践性教学环节。

它是根据专业教学计划的要求，在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与工作能力的培养过程。

通过规划与设计以营销为导向的网站，加强对网络营销导向的企业网站的认识，掌握网站的规划和设计方法，达到以学致用的目的。

三、网站内容规划

1、综合运用网站开发平台、Dreamweaver网页制作、Photoshop平面设计、flash动画、等技术，实现的主要栏目有企业产品展示、分类索引、在线订购、在线客服、企业信息发布。

2、网站的首页可分为三个部分，分别为首页的导航栏、商品的展示、商品的动态更新、联系客服等。

3、网站设有一个欢迎页面，一个主页面，13个子页面。

4、尽量使网站设计的简单明了、避免设计的页面出现死链接。

四、网站设计功能介绍

本网站主要是为了企业开展B2C业务提供良好的平台，实现蛋糕和甜品等的网上订购业务，网上广告业务，企业消息发布业务，将企业利润最大化，同时树立优质的企业品牌形象。

五、预期目标

1、通过本次实训完成四色草甜品坊蛋糕网和网易印象派的网站制作，包括对二级页面和一些网站制作的基本技巧的使用，网站布局技术的掌握和运用。

2、通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

六、实训过程

1、小组讨论确定小组名臣和小组口号。

2、根据老师分配的相关主题，分析网站建设的资料信息，确定网站的风格、色调、logo等主体内容。

3、利用dreamweaver建设网站。

首先勾画网站框架并由组长建设网站的首页，组员分配子页任务。

4、网站三层结构：

5、根据网站总体色调和风格以及自己的需要，各组员独立设计和制作二级页面和三级页面。

6、向页面中插入图片，flash动画，javescript动态效果，产生图文并茂和动态交互的效果。

7、最后设计超链接，实现页面之间的超链接。

不仅在主页连接子页，子页之间也要有连接可以互相跳转。

同时要避免死连接的现象的产生。

8、网站完成后请老师和其他小组成员检验，提出对我们的意见和建议。

我们做出最后的改正和完善，力求精益求精

七、关键技术

7.1关键技术：

（1）网站首页顶部设计以及对应自己创意设计制作的Logo图象、图片展示等利用photoshop进行处理；

网站logo

首页头部

（2）有首页、二级页面；

首页

子页节选--产品展示

子页节选—用户登录

（3）有框架、有表单；

用户注册---dreamweaver表单

付款方式---dreamweaver表格

（4）有自己创作输入的文字内容并经过排列整理；

关于我们—文字及图片排列

（6）关键代码：

欢迎页面flash播放后自动跳转主页代码：

首页漂浮客服代码：

1110px;top:

219px;height:

105px;width:

136px;">

产品选择JS代码：

functionShowPics（x）

{

if（x==1）document.form1.bookimg.src="images/cp1.jpg";

if（x==2）document.form1.bookimg.src="images/cp2.jpg";

if（x==3）document.form1.bookimg.src="images/cp3.jpg";

if（x==4）document.form1.bookimg.src="images/cp4.jpg";

if（x==5）document.form1.bookimg.src="images/cp5.jpg";

if（x==6）document.form1.bookimg.src="images/cp6.jpg";

if（x==7）document.form1.bookimg.src="images/cp7.jpg";

if（x==8）document.form1.bookimg.src="images/cp8.jpg";

if（x==9）document.form1.bookimg.src="images/cp9.jpg";

if（x==10）document.form1.bookimg.src="images/cp10.jpg";

}

首页新闻版部分代码：

//全域变量设定

messLine=7;//同时显示的信息数量

scroll_ht=40;//每次滚动高度

mess_width=230;//滚动区域宽度

MessArea_ht=scroll_ht*messLine;//滚动区域高度

Scroll_flag=true;//是否滚动的旗标

scrollWaitTime=0;

scrollDelayTime=50;//每次滚动後停留多久後再继续滚动

scrollTimeOut=1;//滚动更新时间

shift_x=scroll_ht;

SPosition=0;

adj=（messLine-3）*2;//滚动调整变量

//当鼠标在区域中停止滚动

document.all.MessArea.onmouseover=newFunction（"Scroll_flag=false"）;

//当鼠标移出区域开始滚动

document.all.MessArea.onmouseout=newFunction（"Scroll_flag=true"）;

用户登录密码提示JS代码：

functioncheck（）

{

varpwd=document.getElementById（"mm"）.value;

varweak=document.getElementById（"weak"）;

varnormal=document.getElementById（"normal"）;

varstrong=document.getElementById（"strong"）;

varflag=2;

if（pwd.length<=3）

{

flag=0;

}

elseif（pwd.length>3&&pwd.length<=5）

{

flag=1;

}

elseif（pwd.length>5）

{

flag=2;

}

switch（flag）

{

case0:

weak.style.background="red";

normal.style.background="#999999";

strong.style.background="#999999";

break;

case1:

weak.style.background="#99CC00";

normal.style.background="#99CC00";

strong.style.background="#999999";

break;

case2:

weak.style.background="#009900";

normal.style.background="#009900";

strong.style.background="#009900";

break;

}

解决途径：

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。

制作完成后，反复检查，保证网页完整和正确性。

八、网站制作过程中的注意事项

8.1网站不能过于注重色彩的灿烂，重要的是简单明了，符合网站设计的基本原则：

色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。

8.2网页的布局在不同的机器上显示会有区别，特别是使用

标签时，所以在制作时要特别注意不让内容任意浮动，大大影响网页效果。

8.3文件夹、文件命名规范；文件存放位置合理统一，方便连接。

8.4因为是团队合作，所以在内容分工上要做到明确详细，避免有的网页做重复或者有的网页大家都忽略掉了。

九、实训心得

这次的实习将近结尾，在此过程中我们了解到现在的网站大多都是利用二次开发平台。

看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。

所以我们在制作时也是想使自己的网页更加丰富多彩，以高标准要求自己，尽量接近一个专业的B2C网站。

当然，标准越高困难越大。

在对网页中插入图象，动画，动态特效时都遇到了各种困难，但我们都通过小组讨论，不停的试验，查找资料、浏览相关网站、老师的指导、同学的帮助等种种办法下最终解决困难并做出了一个我们相当满意的网站。

这次实训我们充分利用了课堂所学，掌握了许多关键技术，例如网易模版技术，flash动画技术，photoshop图片处理技术，javascript动态效果技术等。

使得制作过程方便了很多。

内容较丰富、自己设计制作的素材应用多；不过总的来说，我们对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。

这次学习后在制作过程中，我们学到了相关美化网页的的方法，运用了更多以前从未运用的技巧。

加深了我们对网站建设的理解，丰富了我们的实际操作经验知识，使我们对日常网站建设有了深层次的感性和理性认识。

我们认识到要做好网站建设工作，既要注重网站理论知识的学习，更重要的是要把实践与理论两者紧密相结合。

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

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

回想之前的实习生活，感触很深，收获很多。

通过实习，认知到实习就是更好的了解自己的专业，并通过近3周天的社会实践，认识实践，接触实践，更了解自己的专业，明确自己以后的专业方向。

理论联系实际越来越受到人们的普遍关注,作为当代的大学生,在课堂里学习到的知识如何才可以很好的联系到实际生活？

如何才可以将课堂里的知识带到社会实践当中去,更好的为社会服务？

这些都受到了社会的普遍关注。

总结我们的实习报告，感到十分的欣慰。

它使我在实践中了解了社会，学到了很多在课堂上根本就学不到的知识，也打开了视野、增长了见识，为我即将走向社会打下坚实的基础。

了解企业的需要，知道了自己的不足，也进一步加强我们的实践能力，在知识、技能、与人沟通和交流等方面也都有了长足进步总体来说，这次是对我们综合素质的培养，锻炼及提高。

为我以后的工作经验，走上社会积累了一些丰富的经验。

通过这次实训我获得了许多，我自己感觉在知识、技能等方面都有了不少的收获。

很感谢院里老师提供的实习的机会。

展开阅读全文