网站建设实训报告 - 图文

商务网站建设实训报告

一、实训地点及时间：

组 长：——炫之队 小组成员：

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）有自己创作输入的文字内容并经过排列整理；

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

（5）有版权声明、网站信息更新、创意制作人员。

网站底部—版权声明

（6）关键代码：

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

首页漂浮客服代码：

if (x == 1) document.form1.bookimg.src=\ if (x == 2) document.form1.bookimg.src=\ if (x == 3) document.form1.bookimg.src=\ if (x == 4) document.form1.bookimg.src=\ if (x == 5) document.form1.bookimg.src=\ if (x == 6) document.form1.bookimg.src=\ if (x == 7) document.form1.bookimg.src=\ if (x == 8) document.form1.bookimg.src=\ if (x == 9) document.form1.bookimg.src=\ if (x == 10) document.form1.bookimg.src=\}

首页新闻版部分代码：

本文来源：https://www.bwwdw.com/article/l97d.html