《企业网页设计与网站建设》课程及《电子商务网站建设实训》作业要求剖析

第一篇：《企业网页设计与网站建设》课程及《电子商务网站建设实训》作业要求剖析

《企业网页设计与网站制作》 课程成果要求及实训大纲

一、实训目的

《网页设计与网站制作》是电子商务专业实践性很强的课程，学生必须通过不断上机练习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程实训，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、完整的电子商务网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。

二、实训要求

综合运用已学的知识，使用Dreamweaver、Photoshop、Flash等网页制作软件，制作一个网站，要求如下：

设计一个包含一个主页及至少30个不同页面的完整的电商网站或企业网站，主题自选，但要表达明确的主题思想，并完成网站的相关文字材料。

（一）网站设计要求 1.内容：

1)网站主题可以包括企业门户网站、电子商务网站、新闻旅游、个人网站、专业网站等方面的网站。网页内容要主题健康向上、有时代气息，内容充实、主题鲜明。以企业门户网站为例网站至少包括：主页、新闻多条、论坛和帖子多条、产品多个，并包含用户注册、登陆、留言板等页面。

2)主页上必须有Logo、网站导航、网站版权等信息。2.设计要求：

1)网页布局设计合理，文字、图片、动画等元素在网页中的运用适当。

2)各网页之间的设计风格具有联系性、一致性，符合设计原理。

3.技术要求：

网页中各种技术运用恰到好处，不为技术而技术。

1)网页中应包含表格、css技术和多媒体元素（例如背景音乐等）技术。

2)网页中含有CSS样式和行为技术（例如鼠标经过图像，“增大/收缩”效果等）。

3)站点中创建库文件、模板文件，并应用的网页中。4)部分页面可使用框架集。

5)部分网页（如主页）中运用div技术。6)用户注册登陆和留言板页面实用表单及控件。7)站点下的页面创建合理的站点内链接和外部链接。4.美工要求：

网页界面美观大方、引人入胜，色颜搭配合理，所有图片、动画与网站主题相符。

运用Photoshop、flash等工具进行特殊处理的元素在报告中进行 说明和展示，可作为亮点加分项。

5.创意要求：

网站要具有新意，参考同类的网站，但设计上要具有自己的特色。

注：

1)成果提交形式为电子版：以学号+姓名命名站点根文件夹，例如：20104140101张子蒙，子文件夹和文件组织合理，命名合理。

2)对网站互相抄袭或从他人网站抄袭者将给予扣分，完全抄袭者成绩为零分。

（二）书面材料

需要上交的材料包括《网站策划方案》和《企业网站设计与网站制作课程汇报》

1.网站策划方案：

2.《企业网站设计与网站制作课程汇报》

根据提供的模板撰写实训报告。实训报告要切实体现网站制作过程中思路和行动。报告内容主要包括一下几个模块：

设计思想

阐述网站设计思想，从网站内容及特点、网站定位、受众范围及特点分析、网站的设计风格等方面进行分析。

网站构架和站点分析

根据设计思想对站点进行分析。确定网站的基本框架，运用的网页元素，分析形成站点地图。

网页设计

阐述内容网站的开发工具、设计过程；网站的设计特点；网站中使用的网页元素及图像编辑软件等；网站中使用的，如动态元素、css样式、层、行为、框架集、库、模板、表单、引用的语言代码等。

网站截图 体会和收获 考核答辩记录

答辩问题：

（1）你的网站主题是什么，对用户想达到什么效果，你觉得达到效果了吗。网站共有**个网页，包含有**个首页+**个一级页面+**个二级页面。（2）在网站制作过程中，除了dreamweaver，你还使用到什么软件工具，利用这些工具实现了哪些功能。

（3）以下问题，选一作答

① 怎样避免你的网站内容被复制。② 怎样改变鼠标在浏览器中的样式。③ 如何把一个压缩文件供给用户下载。

④ 想在一张图片上做多个链接，如何实现。

⑤ 思考如何在首页中实现雪花漫天飞舞的效果。将答辩内容简写到答辩记录上，实训报告装订上交。

三、实训课时安排

14高职电商1班 15-16周 15#306

14高职电商2班 17-18周 15#306

四、考核方式

本学期成绩以作品和大作业形式进行考核：

成绩=平时成绩：20% + 网站作品成绩：40% +

五、实训项目

实训一 网站策划

一、实训目的 了解网站制作的流程

对要制作的网站进行定位和分析 搜集网站素材

二、实训内容

项目1 网站建设流程

书面材料：40%

内容：网站建设流程图

项目2 网站定位

实训内容：

确定你要制作的网站内容、所属类型、受众定位 实训要求：

以图文叙述的方式（word文档）描述你的网站设计思路和想法，分几个方面进行阐述。

项目3 网站地图

实训内容： 分析网站、制作网站地图 实训要求：

使用E-R图展示网站地图。

项目4 网站素材

实训内容： 搜集网站素材 实训要求：

（1）通过因特网搜集素材

（2）利用图像处理工具制作网站素材、处理素材

项目5 制作LOGO 实训内容： 制作网站LOGO 实训要求：

利用搜集的素材，使用PHOTOSHOP制作网站LOGO

三、实训方法与步骤 1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

四、实训注意事项

1.实训态度认真、知识准备充分

2.对方法和技巧的使用难点，通过网络或书籍寻求解决方法

实训二 网页制作

一、实训目的

完成网站各网页的制作

二、实训内容

根据自己网站的内容和地图，运用Dreamweaver技术，分别制作各个页面。

项目1 网页布局

实训内容：

确定网站风格，布局页面版式 实训要求：

确定网站中网页的版式风格，使页面具有设计感，符合用户的常规审美标准。

项目2 色彩风格

实训内容： 确定网站色彩格调 实训要求：

网站最令人赏心悦目的东西，网站的主色调。这时候，你选择的网站主色调，就不能只是掺杂你个人的想法，要从浏览者和公司产品出发，选择最适宜的颜色。注意，假如这个颜色是多色调的，那就不能将颜色的反差拉的过大，这样，视觉的冲击效果会下降。你选择的颜色，可以是公司LOGO或者是公司宣传彩页的颜色，要是太过艳丽 的颜色，切忌不要大面积使用。

项目3 制作首页

实训内容： 制作Index（首页）实训要求：

网站首页的重要性。一个成功的网站，首先是其静态页面的设置，主要就是首页的设计。只要你的网站首页足够hold住全场，你的网站机会吸引更多的浏览者，哪怕只是简单的浏览，也对你的公司、产品有了了解。

项目4 导航栏

实训内容： 制作导航栏 实训要求：

网站的导航要有吸引力。导航条在网站中的作用不可小觑，在制作的时候，选择的导航条图片除了要精美，大小要适宜，还有就是在图片上能体现网站文化的字幅，展现网站的风采。

项目5 内页

实训内容：

创建一级页面和二级页面

实训要求：通过创建和使用库文件和模板文件，创建其中统一版式的子页面。

项目6 CSS 实训内容： CSS样式 实训要求：

CSS是Cascading Style Sheet的缩写，有些书上把它译为“层叠样式单”或“级联样式单”（下文简称“样式单”），它是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

采用CSS技术，对页面的布局、字体、颜色、背景和其它效果实现页面美化。

项目7 超链接

实训内容： 超级链接 实训要求：

网页制作中基本理能的超级链接就是在网页中以文字和图片的形式来作为链接对象，点击可以连接到一个你指定的网页当中去，在IE打开网页单击文字或其他链接时时，IE浏览器可以直接或者采取弹窗的方式连接到指定目标网页。

（1）给主页、内页、导航、库、模板等需要设置超级链接。（2）要求站点内页面可以互相访问及返回。（3）链接设置要准确，各种连接畅通。

项目8 行为

实训内容： 创建行为 实训要求：

使用行为，可以实现浏览者与网页之间的简单交互，从而以多种方式修改页面或引发某些任务的执行。

为页面元素添加行为，如弹出信息、打开浏览器窗口、改变文字或图片属性、变换图像、拖动AP元素等。

项目9 DIV 实训内容： DIV(层)实训要求：

（1）使用AP Div和Div标签布局网页（2）使用CSS样式控制DIV的样式和位置

三、实训仪器、设备

学生用机：WindowsXP 软件条件：Dreamweaver8中文版、Photoshop中文版、FlashMX中文版。

网络条件：与因特网连接的局域网。

四、实训方法与步骤 1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

五、实训注意事项

1.实训态度认真、知识准备充分 2.对方法和技巧的使用难点，首先通过网络或书籍找到解决方法

第二篇：电子商务网站建设实训总结

电子商务1001 电子商务网站建设与维护实训总结

姓名：XX

学号：XXXXX 专业：电子商务

班级：1001班

这一周我们电子商务专业进行了网页优化的实训，实训的内容主要是在已做好的100张网页上网基础上完成的。我们组五个成员共同完成了修斯鞋城整个网站的制作。在这一周的实训里，我们需要对整个网站进行完善与整合优化。这样的任务相对来说还是挺重的，不过还好我们的团队都很团结、积极，在集体力量的推动下我们顺利的完成了。在这次的实训中收获的不少东西，体味到了探索新事物的乐趣，团队协作的精神。

在实训中，我们的任务主要有：

1、学习sitemap的创建方式，并在自己的网站中建一个sitemap。Sitemap的创建方式有多种，在这次实训中我们用到的是根据sitemap协议创建sitemap。创建一个文本文件，输入代码并将其转化为带.xml扩展名保存。通过建立sitemap协议可以帮助搜索引擎更好的抓取我们的网站，有利于搜索引擎对我们的网站更友好的收录，不让给网站的收录有漏洞或者收录不全。提交sitemap可以方便我们我们在以后进行下一步的工作，比如对网站的外部链接和内链错误进行更好的调整。

2、配置IIS，创建web站点，测试web站点的主页。配置与管理web站点，能够对数据进行备份与还原，还有站点访问权限的设置。

3、建立一个robots.txt保存在本站点的根本目录下，而且文件名必须全部小写。这是一个纯文本文件，通过在这个文件中声明本网站中不想被robots访问的部分，这样，该网站的部分或全部内容就可以不被搜索引擎收录了，或者指定搜索引擎只收录指定的内容。在robots中输入纪录代码，如果包含一条或更多 的记录，这些记录通过空行分开（以CR,CR/NL,or NL作为结束符）。User-agent：在“robots.txt”文件中，如果有多条User-gent记录说明有多个robot会受到“robots.txt“的限制，对该文件来说，至少要有一条User-agent纪录。如果该项的值设为*，则对任何robot均有效，在”robots.txt“文件中，“User-agent:*”这样的记录只能有一条。Disallow：这个值是一条完整的路径，也可以是路径的非空前缀，以Disallow项的值开头的URL不回被robot访问。“Disallow:”说明允许访问该网站的所有url，在电子商务1001 “/robots.txt”文件中，至少要有一条Disallow记录。如果“/robots.txt”不存在或者为空文件，则对于所有的搜索引擎robot，该网站都是开放的。Alllow：与Disallow相似，这个值是一条完整的路径，也可以是路径的前缀，以Allow项的值开头的URL是允许robot访问的。

4、建立一个errors404.html的文件，与服务器配置，当网页名称被篡改时，则会跳出报错的页面。

5、将整个小组的网页组合在一起，完成内外部链接，使网页在浏览点击时能准确无误的链接到下一个页面。100张网页要完整的链接好，任务量还是挺大的，加上我们小组内存量的超标，所以还要对网页的容量进行压缩。

6、完成一个PPT。以PPT的形式介绍整组网站，包括店铺介绍，网站所针对的消费群体，和网站的建设的特点。

虽然某些知识点在实训之前就有接触，但是那时还没有完成网页制作的内容，没有网页做奠基，对这些新知识感觉又很空洞，所以那时是很难理解这样的一些内容的。通过这次实训将这些知识与自己所做的网页结合在一起运用，不仅加深了印象，而且能够了解这些知识在实际中的用处和发挥出来的价值。在这次实训里，在学到新事物的同时也发现了自己的不足，比如在网页制作上的欠缺，某些小细节还是不能处理得很完美，这不是主要问题。最大的不足还是对网站的整个运营还不能总体把握与了解，毕竟自己接触的不太多，也没有去深入的去学习过，所以在面对一些困难问题时找不到好的解决方法。这是自己的不足之处，既然发现了就要试着去改变，因此在这段实训中学习的同时还要时刻反省，自我认知反馈。有缺陷就要尝试弥补，在今后的日子里要不断学习，吸取别人的有点以此来提高自己的知识，提高自己各方面的技能水平。最后还有强调一个团队的协作精神，因为一个大的项目光靠一个人是难以完成的，所以我们需要团结、合作，发挥集体的力量去完成与实现，还有就是对自己不擅长或不了解之处要有一颗虚心向他人请教的心，不管请教老师或是询问同学，都要以一颗学习向上的心来对待。在做到这点之前，当然也是需要具备一颗敢于提出问题，向他人寻求帮助的胆的，没有这样的一份勇敢，不懂不问，到最后还是没法解决，吃亏的还是自己。实训不仅仅是实训了，除了要做一些专业相关的事，其他很多的事物也是值得发现与学习的，这样才能不断的让自己提升。

第三篇：电子商务网站建设实训报告

商务网站建设实训总结

一个星期的实训在不知不觉中已经度过，里面包含着很多的艰辛，同时也身受着收获。一个星期可以说是很短也可以说是很长，短的是时间跑的飞快，还没让人感觉出其中的味道出来；而慢的确是那种在实训中困惑与艰辛的体验，让自己明白了自己的一些不够与不足，当然那些实训中出现的问题后来都成了一份份收获与成功的喜悦。

我们是三人一组的团队合作，组员有胡月、王莎、黄露，王莎负责查找相关资料，我和胡月负责操作。我们网页的主题是关爱留守儿童，构建和谐社会。作品想要表达的思想是给孩子们以希望，倡导更多善良的人来关爱他们，给他们温暖。网页制作过程中运用了滚动字幕、垂直滚动图片、鼠标经过图像等所学的知识尽可能的达到新颖的效果。因为是第一次自己动手制作，而且以往的课堂作业都是零碎的，现在让我们结合起来挑战性还是挺大的。真正动起手来才发现自己很多知识都忘了，很多不懂得都只能靠老师来完成。不过最重要的是从中学到了很多。

我们能在一学期快要结束的时候参加这样紧张而又充实的实训，不论是从自身的体会上，还是对这学期的思想转变上都有了一个很大的突破。学校给的这次实训，让我感悟出以后学习生活应该走的方向，让我深深的体会到每一份成功的后面都隐藏着艰辛的劳动与付出。开始实训的第一天，看着老师发下来的实训教科书，头脑一片空白，不知从哪开始下手，心里都凉了一半，感觉这个礼拜都不好过的了，结果确实是这样，回顾这个礼拜的生活，那是一个字：累！

在这次实训的过程中，我始终不放弃，虽然这个过程中有很多的坎坷，有太多的荆棘阻挡着我向前的步伐，可你只需用一种武器就能把它们全部的击毙，那就是执着。一个人的生活只要拥有一份执着，那他将拥有生活中的充实与成功。这个想法在我以前的生活中也验证过，但通过这次实训，我想这份充满非凡意义的执着将会一直的陪伴在我的理念中。在我们班，有很多优秀认真的人，借此机会向他们学习外，更能看到别人为了目标所付出的心力，同学之间的激烈竞争深深的震撼了我。每一个同学在实训的过程中，都可以说遇到过挫折。尤其是有的时候操作得不到结果的时候，伴随而来的压力和毫无头绪的想法，常常令我苦恼，也正是因为这样，使我对自己的能力有更清楚的认识。通过这次实训，我认识到了要学好专业知识，就要注重理论和实践相结合，理论固然重要，但实训操作才能使我们更快的掌握这些知识。

学校给我们这次实训的机会，让我坚信，只要我用心去发掘，勇敢的尝试，一定会有更大的收获和启发，也许只有这样才能为自己以后的工作和生活积累更多的丰富的知识和宝贵的经验，我会慢慢成长、成熟，我相信不远的未来一定会有属于我们自己的一片美好的天空.

第四篇：电子商务网站建设实训总结

电子商务网站建设实训总结

这实训让我了解到了我们要把一个网站建好是多么的艰难，只能说，太恐怖的感觉。其实我知道电子商务网站建设这门课的有用程度很高因为上学期学的电子商务网站建设最后要交网站的时候把我累死去，原以为这学期不会有这门课了，没想到没想到、又出现在了课程表上。但虽然我的确很烦这门课程，因为我觉得我的性格完全不是做什么复杂代码的料，一作就会感到烦躁加上火，特别是反复试不出来的时候，但话又说回来，当你完工的时候，浏览着自己做的网页，心中的欣喜感还是油然而生的，呵呵，给自己多一点信心吧，虽然我还是很讨厌做网站。

目的：

通过本次实训可以加强学生对电子商务网站建设的学习，并对HTML、VBscript语言、Dreamweaver、SQL Server、SEM等知识有较深入了解，同时掌握网站规划、网页布局、网页中的层和时间轴、表单、网页中的行为、CSS、Spry、ASP动态站点设计等原理及操作。培养我们实际动手制作网页与管理网站的能力，使得我们具备网页设计与制作、网站规划与维护的实践技能，以形成良好的计算机网页制作与网站管理职业素养。本次实训能使我们能灵活运用理论和实践知识，提高我们运用网站设计工具进行网站规划与设计的能力，巩固课堂所学知识，提高教学效果与教学质量，同时培养了我们自我管理能力、交流能力、解决问题能力和设计创新的能力。这次实训将涉及到HTML、Dreamweaver、ASP、Vbscript、SEO、Flash、Photoshop、SQL Server等知识。

任务：

周一：小组分配、教师布置好题目并讲解功能要求、策划报告初稿

周二：网站策划报告完成、站点架构及主页设计

周三：网站功能设计

周四：网站主体工程完成、调试

周五：课程设计及总结、项目文档上交

下面是本次学习的总结：

通过这次实训将这些知识与自己所做的网页结合在一起运用，不仅加深了印象，而且能够了解这些知识在实际中的用处和发挥出来的价值。在这次实训里，在学到新事物的同时也发现了自己的不足，比如在网页制作上的欠缺，某些小细节还是不能处理得很完美，这不是主要问题。最大的不足还是对网站的整个运营还不能总体把握与了解，毕竟自己接触的不太多，也没有去深入的去学习过，所以在面对一些困难问题时找不到好的解决方法。这是自己的不足之处，既然发现了就要试着去改变，因此在这段实训中学习的同时还要时刻反省，自我认知反馈。有缺陷就要尝试弥补，在今后的日子里要不断学习，吸取别人的有点以此来提高自己的知识，提高自己各方面的技能水平。最后还有强调一个团队的协作精神，因为一个大的项目光靠一个人是难以完成的，所以我们需要团结、合作，发挥集体的力量去完成与实现，还有就是对自己不擅长或不了解之处要有一颗虚心向他人请教的心，不管请教老师或是询问同学，都要以一颗学习向上的心来对待。在做到这点之前，当然也是需要具备一颗敢于提出问题，向他人寻求帮助的胆的，没有这样的一份勇敢，不懂不问，到最后还是没法解决，吃亏的还是自己。实训不仅仅是实训了，除了要做一些专业相关的事，其他很多的事物也是值得发现与学习的，这样才能不断的让自己提升。

第五篇：电子商务网站建设实训总结

电子商务网站建设实训总结

一个星期的实训很快就过完了，而从这周的实训，我了解到了我们要把一张张网页弄好，有多么的艰难，而上个学期的网页设计课是多么的好。网页设计是一门繁琐、复杂而又能让你产生成就感的课程。在制作网页的过程中，你可能会感到烦躁、郁闷，尤其是老师催着要交网页的时候，但当你的一张网页完成，进行浏览的时候，你就会感到有一点的成就感，你就会觉得，之前所付出的辛苦都是值得的。经历实训课的学习后，就希望能把实训所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

目的：我们此次实训的目的是利用搜索引擎优化对我们自己制作的网页进行调整和修改，通过实训巩固所学的知识，提高处理实际问题的能力。充分学习网页设计和搜索引擎优化这两门课程，提高自己网页制作和网站建设的水平。

任务：我们此次实训的任务是：

一：把小组的网页进行链接，把网站进行优化，整合。

二：在网页的根目录下建一个sitemap、robots、和error。三：写实训总结和小组网站ppt介绍 四：对老师讲解自己的网页制作。经过网站建设实训，让我对自己有了新的认识，并明确了网页设计方面和网站建设方面的前进方向。上个学期我们也做过一百张网页，但与这个学期相比，我觉得这个学期做的网页比上个学期的好很多，因为我们对DreamWeaverCs3的使用更加熟练，而且上个学期的网页我们没有进行优化，所以这个学期的网页做得更好更完善。

下面是我此次的学习心得（总结）1．继续学习，不断提升理论素养

在网页制作的过程中我还有很多DreamWeaverCs3的基本技术不会，还有一些搜索引擎优化的方法都是我们应该知道的，所以我觉得我们应该继续学习，例如：

网页设计

1）：网页制作基本技术

方法.图片的插入与设置.文字与图片混排.动画与摄像的使用等）2）：各种超链接（内部链接.外部链接.电子邮件链接.锚点链接.链接地图等）

3）：表格的使用（表格的插入与设置.表格模板.使用表格技术制作导航条等）

4）：框架的使用 5）：层的使用

6）：网页模板的创建与使用 7）：网站的发布与管理 8）：交互式表单的制作方法 网站建设 1）：Sitemap.xml 2）：robots.txt 3）：主要搜索引擎有哪些及其他们的使用 4）：网站的基本查询方式 5）：网站设计的优化操作 6）：网站链接的优化

7）：关键字、文本优化

8）：后期管理：网站建成之后，负责建网公司附上红领网站的推广方案，并提供技术方面的培训，使网站有一个良好的后期推广。

这些都是我们应该掌握的，所以我们应该重视。因此，我坚信，只要我用心去发掘，勇敢的尝试，一定会有更大的收获和启发，也许只有这样才能为自己以后的工作和生活积累更多的丰富的知识和宝贵的经验，在今后的工作和生活中，自己需要更加努力的奋斗下去。