2013网站建设实训报告

第一篇：2013网站建设实训报告

网站建设实训报告

专业：电子商务

姓名：XXX

学号：XXX

指导老师：XXX

一、实训目的本次实训主要是为了是我们能够充分的把所学的理论知识运用到实际操作中去，进一步认识和了解网站建设的相关知识与技术。为了是我们能够充分的把所学的理论知识运用到实际操作中去，在认识和了解网站建设的基础上对网站推广及优化相关知识和技术。与此同时培养我们的团队合作精神，明白团队合作精神在工作中是至关重要的。

在建立一个网站时，进一步掌握以下知识：

1、熟悉和掌握网站建设的基本流程和技术规范；

2.、巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识；

3、加强运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver与flash软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

6、为今后从事网站开发、维护和管理奠定基础

二、实训步骤

1、明确建立商业网站目标及用户需求

在互联网中，建设一个网站的目的，是在Web站点设计展现产品形象、介绍产品和服务、体现网站发展战略重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者需求、市场状况、运营模式、自身情况等进行综合分析，牢记以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。不管网站制作设计什么类型的网站时，都要考虑到网站是以客户体验为中心来建设的，而不是考虑到个人的想法或为了追求好看而去设计一些对用户体验很差的网页，要以消费者与产品向结合去设计。

2、网页设计：

展现产品的特点，充分结合消费者需求，设计网页。

3、设计主题鲜明：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。整体布局合理，流畅，表达和谐； 在网站设计中，网站的整体布局是至关重要的一环，这将关系到浏览者能否清晰地、容易地找到所需的信息和内容的关键。每一个栏目、每一幅页面之间的相关性、连接都要充分考虑。

4、网站版式设计

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳视觉表现效果，应讲究整体布局合理性，使浏览者有一个流畅的视觉体验

5、使用软件，硬件和技术分析说明

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。Dreamweaver集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。

Access的优点

（1）存储方式简单，易于维护管理 Access管理的对象有表、查询、窗体、报表、页、宏和模块。

(2)面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。

（3）界面友好、易操作.Accessd的风格与Windows完全一样，使用鼠标进

行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。

（4）集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。

（5）Access支持ODBC可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。

（6）支持广泛，易于扩展，弹性较大Access是可以开发方便易用的小型软件，也可以用来开发大型的应用系统。

7、网站空间的构成和虚拟现实

网络上的虚拟空间是一个假想空间，网站只能通过这个空间来把他展现到互联网上，让每一个人都能在网络上看到你的网站设计与网站中的信息，这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。制作网站的同时，都要上传页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

8、多媒体功能的利用

传统的宣传也就是永远不可缺少的，多媒体宣传方面真正是一个品牌宣传的不重要模式，同时网络资源优势之一是多媒体功能。要吸引浏览者注意力，页面内容可以用三维动画、FLASH等来表现。但要注意，由于网络带宽限制，在使用多媒体的形式表现网页内容时应考虑客户端的传输速度。

9、网站内容要保持更新

一个网站建设已完成了，那就要去增加和丰富网站的内容，在Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助网站建立良好形象。同时，要认真回复用户的电子邮件和传统的联系方式如信件，做到有问必答。最好将用户用意进行分类，如售前一般了解、售后服务等，由专门区域处理，使用站访问者感受到网站产品的真实存在并由此产生信任感。注意不要许诺自己实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

三、实训中遇到的问题和解决方法在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。计算机将具备更多的智能成分，它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外，让人能产生身临其境感觉的各种交互设备已经出现，虚拟现实技术是这一领域发展的集中体现。我们更应该掌握

或了解一些基本知识，顺应时代的发展，经过这次的实训，在建设网站，其中遇到的种种问题，在查找资料、浏览相关网站、老师的指导、同学的帮助之下完成了自己组的网站建设。从制作过程中，我学会更多以前从未使用的技巧，让我学到了更多的知识。与此同时在网站建设积累了许多经验，为我以后的工作，在走上社会时积累了一些丰富的经验。通过这次实训我获得了许多，我自己感觉在知识、技能等方面都有了不少的收获。

不管是什么样的情况下，让我更加进一步的了解相互合作的重要性，相互分工合作比起之前各做各的所用时间少了很多，也让我们知道相互配合的重要性，其实我也遇到的问题很多，但通过老师于同学的帮助下解决了，在此是否感谢我们的老师和同学。另外该网站还有许多不尽人意的地方，网站还存在以下一些问题:

1、系统在安全性方面还有一些问题；

2、系统的某些功能还不能够很好的实现，同时本系统还某些方面没有考虑到；

因此，以后还应加强这几个方面的工作和学习：对网站的安全管理方面的学习和加强；对一些常用的应用软件还要多熟悉；更多地加强对关于网络功能数据库知识的学习。

第二篇：网站建设实训报告

三门峡职业技术学院

网

站

设

计

实

训

报

告

系部：经济管理系

专业：09电子商务

班级：二班

姓名：王晶晶

学号：0905010204

指导老师：辛峰

网站设计实训报告

一、网站建设目的及网站建设目标

根据自己所学的知识，建设网站，展示自己的网站风格。建成优秀的电子商务类专业网站，展示自己的网站形象。

二、网站内容规划

1、网站的首页包括：设计作品，摄影作品，生活点滴，小说文集，资源中心，踏雪留痕，左邻右舍，联系我们。

2、网站的首页可分为三个部分，分别为首页的导航栏、作品的动态、作品欣赏等。

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

三、网站名称

漩涡小筑，晶晶设计

四、网站设计功能介绍

本网站主要是为了方便人们的日常生活，在这个网站上你可以使自己的心情轻松，精神得到陶冶。

五、预期目标

1、通过本次实训完成漩涡小筑，晶晶设计的网站制作，包括二级页面和一些网站制作的基本技巧，掌握网站布局技术。

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

六、实训过程

1、收集相关网站建设的资料信息

2、运用自己熟悉的软件制作网站

3、将自己建设的网站首页勾画框架

4、利用Adobe Dreamweaver CS3软件建设网站的首页

5、根据自己的需要设计二级页面、设计超链接，实现页面之间的超链接，避免死连接的现象的产生。将需要连接的页面单击确定即可。

6、向页面中插入图片，产生图文并茂的效果。但要注意插入的图片不要过多，以免影响网速。

通过几周的学习和老师的指导下，明确操作的具体步骤和建设

网站的基本理念，丰富了我们的软件技术和应用技巧等方面的知识。经过几周的练习何止是的综合设计出了自己的漩涡小筑，晶晶设计，制作过程中使用Adobe Dreamweaver CS3软件，制作出了网站的整体风格。

制作网站，首先要确定网站的主题，经过考虑再三，和自己

平时浏览过网站，以及对这些网站的了解，做了一个类似的网站，一个集娱乐休闲又可发表自己言论的网站。然后是整体规划。为网站的首页设计成一个色彩鲜明，清晰明了，便于阅读

浏览的网页。首页大致分为三个部分：网站的导航栏、作品的展示、网站的动态说明。其中还有联系我们，尽量使网站的内容充分多样化。最后收集资料和素材，大量浏览相关网站，搜集一些有用的信息来完善自己的网站，同时还要考虑网站的布局，特色，颜色搭配，背景图等。再后设计网页图片。再后，为网站申请一个域名。

在制作过程中，才发现，雨啊来自己懂的太少了，好多不知道的地方。发现自己只会建立模板可应用得不好，操作的也不熟练。通过一短的时间学习，才找到网站建设的基本方法。在制作过程中出现了种种的问题，在问题出现的过程中查找书籍、查找相似网站，来不断的完善自己的网站。

七、关键技术及解决途径

关键技术：（1）有完整的策划报告(电子版)，实际内容有改动不受影响；

（2）有标题的网站以及有对应自己创意设计制作的Logo图象、图片展示等；

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

（4）有框架、有表单；

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

（6）使用Adobe Dreamweaver CS3软件模板技术；

（7）不允许出现超级链接错误！

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

解决途径

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

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

不能过于注重色彩的灿烂，只要简单的明了就行，符合网站设计的基本原则，使网站简单明了，使用方便。

通过这次实习，在制作时尽量让自己的网站更加的丰富多彩，在网页中插入图片，动画，产生静动结合的效果。在实际的操作过程中遇到了许多的问题，但在老师和同学的帮助下我已经建好了自己的漩涡小筑，晶晶设计站。通过这次学习我了解到知识学不到一定的深度和广度在实际的操作过程中就难以应付自如。以后要更深入的学习，不断开阔视野，增强自己的实践操作能力。

九、自我评价

通过本次的实训，在老师的热心指导和精心培养下，我不仅在知识上有了很大的提升而且在心得上也是收获颇多。

本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识在实践中巩固掌握以及进一步熟悉和掌握网页设计与网页制作的基本流程。

回顾这次课程设计，至今我仍感慨颇多，的确，从选题到开始制作，从理论到实践，在一周实训的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设

计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果……通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。此次实训中我发现了在网页设计与制作的过程中存在许多的细节问题，也从中学到了很多课本上没有的知识。关键是从自己单独设计与制作网页的过程中，培养了自己主动学习、敢干动手与自己发现问题、解决问题的能力，这为以后进一步的学习网页制作与网站开发打下了一个良好的基础，也给以后的工作作了一个良好的铺垫。

本次实训自己设计的漩涡小筑，晶晶设计网站实现了布局清晰、有条理，视觉效果较好，涉及的知识点较全面等目标，但是在连接数据库等方面还是存在一些问题，这是开发动态网站的重要基础，我认为自己以后应该在静态网页到动态网页的转变方面多钻研、多努力，使自己在静态、动态网站开发上的水平有一个质的提升。

希望通过对本网站的建设，可以提升自己以后在网站建设方面的一部分能力，我相信，现在在努力是为以后的成功的事业打下一个坚实的基础，为自己美好的人生铺好一条阳光而灿烂的道路。通过这次实训是自己的真实能力有了一次质的飞跃。

第三篇：网站建设实训报告

网

站

设

计的实

训

报

告

系部：经济管理系 班级：09电子商务二班 姓名：王晶晶 学号：090501020

4网站设计的实训报告

一、网站建设目的及网站建设目标

根据自己所学的知识，建设网站，展示自己的网站风格。建成优秀的电子商务类专业网站，展示自己的网站形象。

二、网站内容规划

1、网站的首页包括：设计作品，摄影作品，生活点滴，小说文集，资源中心，踏雪留痕，左邻右舍，联系我们。

2、网站的首页可分为三个部分，分别为首页的导航栏、作品的动态、作品欣赏等。

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

三、网站名称

漩涡小筑，晶晶设计

四、网站设计功能介绍

本网站主要是为了方便人们的日常生活，在这个网站上你可以使自己的心情轻松，精神得到陶冶。

五、预期目标

1、通过本次实训完成漩涡小筑，晶晶设计的网站制作，包括二级页面和一些网站制作的基本技巧，掌握网站布局技术。

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

六、实训过程

1、收集相关网站建设的资料信息

2、运用自己熟悉的软件制作网站

3、将自己建设的网站首页勾画框架

4、利用Adobe Dreamweaver CS3软件建设网站的首页

5、根据自己的需要设计二级页面、设计超链接，实现页面之间的超链接，避免死连接的现象的产生。将需要连接的页面单击确定即可。

6、向页面中插入图片，产生图文并茂的效果。但要注意插入的图片不要过多，以免影响网速。

通过几周的学习和老师的指导下，明确操作的具体步骤和建设网站的基本理念，丰富

了我们的软件技术和应用技巧等方面的知识。经过几周的练习何止是的综合设计出了自己的漩涡小筑，晶晶设计，制作过程中使用Adobe Dreamweaver CS3软件，制作出了网站的整体风格。

制作网站，首先要确定网站的主题，经过考虑再三，和自己平时浏览过网站，以及

对这些网站的了解，做了一个类似的网站，一个集娱乐休闲又可发表自己言论的网站。然后是整体规划。为网站的首页设计成一个色彩鲜明，清晰明了，便于阅读浏览的网页。首页大致分为三个部分：网站的导航栏、作品的展示、网站的动态说明。其中还有联系我们，尽量使网站的内容充分多样化。最后收集资料和素材，大量浏览相关网站，搜集一些有用的信息来完善自己的网站，同时还要考虑网站的布局，特色，颜色搭配，背景图等。再后设计网页图片。再后，为网站申请一个域名。

在制作过程中，才发现，雨啊来自己懂的太少了，好多不知道的地方。发现自己只会建立模板可应用得不好，操作的也不熟练。通过一短的时间学习，才找到网站建设的基本方法。在制作过程中出现了种种的问题，在问题出现的过程中查找书籍、查找相似网站，来不断的完善自己的网站。

七、关键技术及解决途径

关键技术：（1）有完整的策划报告(电子版)，实际内容有改动不受影响；

（2）有标题的网站以及有对应自己创意设计制作的Logo图象、图片展示等；

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

（4）有框架、有表单；

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

（6）使用Adobe Dreamweaver CS3软件模板技术；

（7）不允许出现超级链接错误！

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

解决途径

根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。

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

不能过于注重色彩的灿烂，只要简单的明了就行，符合网站设计的基本原则，使网站简单明了，使用方便。

通过这次实习，在制作时尽量让自己的网站更加的丰富多彩，在网页中插入图片，动画，产生静动结合的效果。在实际的操作过程中遇到了许多的问题，但在老师和同学的帮助下我已经建好了自己的漩涡小筑，晶晶设计站。通过这次学习我了解到知识学不到一定的深度和广度在实际的操作过程中就难以应付自如。以后要更深入的学习，不断开阔视野，增强自己的实践操作能力。

九、自我评价

这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，动画，使得制作过程方便了很多。

在完成基本要求得基础上，文件夹、文件命名规范；文件存放位置合理；

制作完成之后要进行网站的调试：没有无用的文件、文件夹，没有死链接现象的产生；内容较丰富、自己设计制作的素材应用多；色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。

不过也有些不足，一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我会做的更加完美！

经过这几周的实训练习，建设自己的网站，其中遇到的种种问题也随着查找资料、浏览相关网站、老师的指导、同学的帮助之下完成了自己的网站建设。从制作过程中，我学到了相关美化网页的的方法，运用了更多以前从未运用的技巧。这使我学到了更多的知识。并且为我自己的网站建设积累了许多经验，为我以后的工作经验，走上社会积累了一些丰富的经验。通过这次实训我获得了许多，我自己感觉在知识、技能等方面都有了不少的收获

第四篇：网站建设实训

甘肃机电职业技术学院

《网页设计与制作》 实习时间

指导教师

学生姓名

学号

专业

班级2011年 10月 9日至 2010年10月15日止郭建民赵艳萍G09350172计算机信息管理G093501班实训报告

《网页设计与制作》实训报告

一、实训目的为了加深对网站的开发理解，掌握使用ASP语言进行编程和用Dreamweaver制作网页的基本方法，提高开发网站实际操作能力。通过实验教学主要培养学生的动手能力，提高学生运用ASP编程工具编写动态网页能力的水平，掌握ASP网页下HTML标记、普通文本和脚本命令等的使用及CSS语言的应用，掌握在创建连接的“显示、添加、编辑、查询、删除”与数据库连接等方法。综合运用所学ASP编程知识进行网页材料准备，建设一个学生信息管理系统网站和一个后台管理系统。

二、实训项目：学生信息管理系统，后台管理系统的动态网站设计。

三、实训步骤

1.实训课题标题；

2.网站整体框架；

3.创建数据库student，建立相关数据表abc,news;

4.数据库设计具体实现；

4.编写网页top头部的logo、导航栏和banner的相关信息。

5．运用ASP编写左边left的二级目录内容和底部boot的建站信息连接及相关内容连接。

6.在主页主体main内容通过数据库输出相关的产品内容及信息和导航栏其他页面的内容。

7.测试网站并完善主页及各个子页，对不足之处做出相关改进的工作。

四、设计过程

我的网站名称是：学生信息管理和后台运行。

五、实训中遇到的问题和解决方法

路径问题

现象：预览时文件不能显示预览效果。

解决方法：在文件夹或文件存放过程中，应注意存放和命名的规范，要明白绝对路径和相对路径的区别。

表格的布局问题

现象：预览时表格被衬大或缩小、显示页面混乱。

解决方法：在运用表格布局的过程中，应注意合理的插入表格、设置表格的属性，关键是要懂得合理运用表格中的百分比与像素。

Style样式运用的问题

现象：背景运用CSS样式时，在预览中不能显示。

解决方法：在一个网站站点中，通常都使用相对的链接路径，在CSS样式表中，如果在其中一个CSS样式表中设置了“背景图像”，一定要注意检查背景图像所链接的相对路径的正确与否。

超链接运用的问题

现象：对文本或图片设置链接后，在预览效果中依然不能有效进行链接。解决方法：超链接样式表只有应用于超链接标签内才会对超链接的文本起作用。如果样式表应用在其它的位置，如、等，将不会对超链接文本起到任何作用。

六、心得体会

此次学习，让我简单的了解了一些编程，同时也学会了一些编程技术。比如：如何制作表单，如何制作弹出式对话框等。尽管自己在做这个的技术上还存在许多问题，但是每次遇到问题总是积极的询问老师，尽快的解决自己所遇到的问题。因为从未接受过编程这类型的科目，对于还有很多不了解的。没有学数据库，所以对数据的处理存在着一些问题。老师们只有用最简单的方法给我们讲解，以便让我们能学到东西，能学懂。而相对于这门复杂的学科，时间上也是有局限性的，毕竟上课的时间很少，要真正的掌握这门课，我们必须下来花功夫，自己去充实自己。它是一门理论和实践相结合的学科，所以，每次上课的时候，老师总是先讲理论，然后实践，这样就巩固了我们对此知识的掌握和运用。总之，学了这门课，让自己在编程上有了一定的掌握，让自己学会了很多自己想要掌握的网页技术，自己可以简单的做出自己看到的一些简单页面。它还是一门细心的学科，只要有一个符号，一个字母，一个空格，就会造成错误，使程序无法运行，所以，每次我们都要相当细心，毕竟，出错时，找错误是件十分麻烦的事情。而我们要运行自己编的程序，必须打开和创建IIS默认网站，这样才能运行自己的程序。

经过此次学习，也让自己了解了一些HTML的相关知识、VBScript的输入和输出、内置函数、VBScript流程控制循环、VBScript过程、同时学会了如何制作跳转网页，通过Response.Redirect方法、Response.Write方法实现网页的跳转与浏览数据。总之，在此次学习中，自己了解的很多，掌握了很多，不懂的好奇的也很多，尽管以后自己或许不会再接触相关的此课程，但是对于此课程的热情，会促使我下来通过其他渠道继续学习。

七、实训总结

通过项目教学法，把学生作为学习的主体，通过完成项目把理论和实践有机地结合起来，不仅提高了理论水平和实操技能，而且又在教师有目的引导下，培养了合作、解决问题等综合能力。同时教师在观察学生、帮助学生的过程中，开阔了视野，提高了专业水平。可以说，项目教学是师生共同完成项目，共同取得进步的教学方法。是适合中等职业学校教学的切实可行的好方法，对于人才的培养有很大的帮助，今后希望有更多的中等职业学校的学生通过项目教学法，掌握更加多的知识和技能为社会作贡献。

《网站设计》是网站设计与维护专业的一门综合实训课，安排在第四学期授课，总共108学时。该课程是基于Photoshop、Flash和Dreamweaver三门课程已经开设过的基础上的一门综合实训课程，主要包括客户需求分析、网站风格定位、网站效果图草图设计、网站建设方案的制定、网站效果图、横幅Flash广告制作、网站的搭建、征求客户的意见修改完善网站等内容。然而，传统的教学模式一般采用接受教学和案例教学两种形式，教学方法比较单一，学生也能掌握其中的知识和技能，但是应变能力比较弱，综合运用能力不强，远远不能达到用工单位对学生的要求，学校的教学与社会生产实践往往出现脱轨现象。为改变这一现象，本人在该项课程中引入项目教学法，取得不错的成效。

第五篇：动态网站建设实训报告

摘要

人类永无止境的探索精神，是科技发展的原动力，驱动着我们的步伐飞速迈入21世纪的E世代。我们是新世代的探险家，为人类探索陌生的价值，就像第一个发现黄金价值的人。我们了解所做的事，我们知道该如何去做，正确判断自己，正确判断周遭，我们绝不冒险。我们肩负使命，为世人开拓沟通的新方法，人类的感知将无限延伸，沟通将与光同速。

企业形象和商业宣传网站主要是为了全面展现企业的整体理念，介绍公司的业务和宣传商业价值。

设计风格配合企业的统一形象，力争国际化、商业化；表现上配合多媒体技术和手段，充分体现宽带环境下的绝对优越，强调感官冲击力网站信息编排和栏目设计上，力争简洁、明晰，做到信息模块化；根据访问者的不同动态生成对应级别信息；网站内容上紧扣主题与各功能网站保持完整线上宣传系统的绝对职能分工。

汽车网站是一个汽车企业的“商标”，每一个汽车企业里的每一个系列汽车都有自己的特色，每一个系列都有自己的个性。在这个高度信息化的社会里，建立自己汽车企业网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解该汽车企业的文化，更可让世界了解你的汽车发展过程。

本网站采用动态网页设计与静态网页相结合的技术，运用网页三剑客软件及Dreamweaver软件进行网站开发、制作，Access数据库的应用使网站更加完整明了。整体页面采用的是模版加表格的形式，适当加如CSS特效编程使网页变的越加生动和新颖。本站主要包括搜索商品信息、浏览商品信息、修改商品信息以及购物车及留言板的设置更是为网站增分不少。

利用现在时下非常流行的引导页加首页的样式，此样式最大的特点在于，引导页给予阅读者一个网站总体的感受，第一印象是最重要的，所以我们要抓住这第一印象，给予读者一个数字化的网站新概念。

关键词：汽车、保养、站点、网站建设

目录

第一章 概述........................................3 第二章 实训内容 „„„„„„„„„„„„„„„„„„ 3

2.1 实训策划书的撰写 „„„„„„„„„„„„„„„„„„„„„3 2.2 电子商务网站建设 „„„„„„„„„„„„„„„„„„„„„3 2.3 电子商务网站发布 „„„„„„„„„„„„„„„„„„„„„4 2.4 电子商务网站推广 „„„„„„„„„„„„„„„„„„„„„4 2.5 电子商务网站管理 „„„„„„„„„„„„„„„„„„„„„4 第三章 实训步骤 „„„„„„„„„„„„„„„„„„5

3.1 实训分工„„„„„„„„„„„„„„„„„„„„„„„„„5 3.2 电子商务网站栏目规划 „„„„„„„„„„„„„„„„„„5 3.3 网站整体数据库设计 „„„„„„„„„„„„„„„„„„„5 3.3.1 数据库表的设计 „„„„„„„„„„„„„„„„„„5 3.3.2 数据库表的设计 „„„„„„„„„„„„„„„„„„6 3.3.3 数据库表的设计 „„„„„„„„„„„„„„„„„„6 3.3.4 数据库表的设计 „„„„„„„„„„„„„„„„„„7 3.4 网站系统设计 „„„„„„„„„„„„„„„„„„„„„7 3.4.1 登陆与密码验证系统 „„„„„„„„„„„„„„„7 3.4.2 商品信息维护系统 „„„„„„„„„„„„„„„„8 3.4.3 商品信息搜索系统 „„„„„„„„„„„„„„„„9 3.4.4 留言板系统 „„„„„„„„„„„„„„„„„„„9 3.4.5 整体网站系统展示 „„„„„„„„„„„„„„„„10 第四章 实训心得 „„„„„„„„„„„„„„„„„10一． 概述

实训目的：电子商务网站建设课程实习是电子商务专业的重要实践环节。通过实习使学生能够更进一步的领会电子商务网站建设的相关知识，熟悉和掌握网站规划、设计的基本流程和注意事项，熟练运用网站建设的各种开发工具。并希望通过网站建设课程设计来培养学生综合运用所学知识分析和解决实际问题的能力，为今后就业打下坚实的基础。通过规划与设计以营销为导向的网站，加强对网络营销导向的企业网站的认识，掌握网站的规划和设计方法，达到以学致用的目的。

电子商务作为网络和商务的结合的产物，电子商务网站建设是电子商务的一个重要的环节。实践是学习网站建设的十分重要的环节，通过实际的上机操作调试过程建立动态网站所需的一些基本的实训。

1、学会使用Dreamweaver 软件，了解并掌握该软件的各种功能

2、学习使用“页面创建”和“设置服务器信息”功能。

3、学会在页面访问数据库的方法，包括对后台数据库进行各项操作。

4、利用已经学习的动态网页知识和数据库知识进行一个综合练习

实训内容：通过实际操作建立一个网上书店购物系统。这次实训的要求就是让我们建立三个系统：用户和管理员登录和密码验证系统、商品信息维护系统、集成的购物车系统。

二． 实训内容 2.1 实训策划书的撰写

见实训报告后附的实训报告纸（3页）

2.2 电子商务网站建设

近几年来人们的消费习惯、消费理念以及生活模式都在发生着潜移默化的转换，网络化带来的一种新兴生活模式将变得越来越直观，这给电子商务带来更多的发展机遇。在这个信息化的社会，利用互联网迅速抢占商机也成为广大企业决策者在决策过程中的首选。而电子商务网站的重要性也逐渐的体现出来。越来越多的企业开始意识到电子商务网站在日后的竞争中所占绝的地位越来越远重要。我们此次就是针对这一需求而开发的一个电子商务网站。旨在更加熟练的掌握动态网站建设的相关技巧与知识，并迎合当今市场开发出适合消费者的网站。

2.3 电子商务网站发布

网站发布及前期准备工作：域名的申请；运行环境的准备（服务器的选择）；人员培训；数据准备；试运行；系统正式发布

发布一个站点就是将做好的文件复制到一个目的地，即运行网站的服务器上。常用的发布工具有：利用FrontPage来发布网站；利用DreamWeaver发布网站；利用CuteFTP上传。

2.4 电子商务网站推广

突出网站的主题，把网站的功能作用发挥到最大。我们网站采用个性化开发，以凸显我们企业的文化及产品，让客户在浏览网站的时候眼前一亮，进而让人们记住我们的网站，以增加浏览量及客户群。

首先我们可以与一些知名度较高，并与我们互补的一些网站进行友情链接。而且我们这次选择的目标市场是高校园区的一些在校大学生及周边居民，根据他们的消费特性，我们可以流量较大的个人站点进行宣传推广，并按订单成交金额向小网站付佣金的方式，以减少推广费用，并取得良好的回报。

我们还可以进行邮件广告的推广，发给注册用户，可以让客户了解网站动态，持续关注网站，并在醒目位置放“退定”选项，以达到最好的宣传效果，减少用户的反感。

我们还可以提供一些免费的服务，比如免费Blog，免费资源下载等等，增加用户的流量，留住顾客群。

最终我们可以进行客户关系管理，以抓住新顾客，留住老顾客，用产品和服务说话，并致力于为消费者提供一个友好页面的网站而努力。

2.5 电子商务网站管理

我们根据我们网站的性质打算采用租用虚拟主机模式，以减少运营成本。我们主要采取ACCESS、SQL等数据库后台管理技术，以方便我们的维护和管理。并且后期我们网站打算采用Window2000/NT，虽然费用较贵，而且需要的硬件配置也较Linux要求高，但是Windows操作简便、配置和管理伺服器容易上手，并且不需要专门的技术人员维护，可以降低维护成本和更新难度。

三．实训步骤 3.1 实训分工

在此次电子商务网站建设实训中，我们小组是第12小组，我们小组共有六人：徐爱蓉、武劲、范元、唐意峰、侯晴晴、胡梦雅。我在这次实训中，参与了实训内容的讨论，参与并制定了商品蓝布规划，确定了一级目录、二级目录的确切内容，参与了汽车产品的信息收集，完成了电子商务网站建设的策划书。并完成了用户登录和注册的页面设计。

3.2 电子商务网站栏目规划

1.网站的结构导航

网站栏目包括：输入商品信息、修改商品信息、浏览商品信息、搜索商品信息及购物车以及留言板

静态页面有：首页、公司简介、新闻专区、保养专区、车展专区、好车推荐以及联系我们等 2.网站整合功能

FLASH引导页、会员系统、网上购物系统、在线支付、注册、登录、信息搜索查询系统、信息修改、留言板系统等等。

3.3 网站整体数据库设计

3.3.1 数据库表的设计 ：cccount表

3.3.2 数据库表的设计： catalog表

3.3.3 数据库表的设计：order表

3.3.4 数据库表的设计：shoppingcart表

3.4 网站系统设计

3.4.1 登录和验证密码系统设计

网上车店有几类用户，用户通过网上车店选择想购买的汽车，管理员利用网上车店的产品目录系统来维护可选的汽车信息，当然可能还存在更多类别的用户。对于每一类用户，他们在网上车店中的权限是不一样的，用户只能选择汽车，而不能修改汽车信息； 管理员只能维护汽车信息，而不应该有查看和修改用户购物车和订单信息的权力。通常，用户登录和密码验证系统包含一般用户注册功能、用户登录功能、用户登录失败提示、密码和账户信息修改功能。

用户注册界面

用户登录界面

3.4.2 商品信息维护系统

商品信息管理系统，包含供管理员输入和维护商品信息的功能，以及公用的商品信息查询功能。管理员通过商品信息输入功能来加入新的商品信息，通过商品信息修改功能来维护已有商品信息的变化； 顾客和管理员都可以通过商品信息查询功能来得到商品的相关信息，比如管理员可以用它来检查数据输入是否有误，顾客可以用它来了解商品的详细信息，以便决定是否选择该商品。输入商品信息页面

修改商品信息界面

浏览商品信息界面

3.4.3 商品信息搜索系统

用户可以选择自己想要找的汽车，然后在此页面输入

3.4.4 留言板系统 用户可以在此留言板上留言，我们会及时回复

3.4.5 整体网站系统展示

四．实训心得

通过这次实习我了解到了电子商务远大的发展前景，现在网络日渐走进大家的生活中，人们的生活也渐渐离不开计算机，同时大家的消费习惯也有所改变，网上购物也日渐为大家所接受，网上销售网上广告的比重也逐渐增加，而这一切都与电子商务有密切的联系，学习电子商务，使我有信心在自己专业上有所发展。

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，在制作网站的过程中，碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如网页布局不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周。因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，这次设计就是在不断的“发现问题——解决问题——再发现问题——再解决问题——”这个学习过程中完成的。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，也就是整体的搭配问题。