电子商务 网页制作报告

倒计时：

倒计

8.勾选所要的商品，提交后。把所选商品信息保存在一个文档（比如txt等等）中，这里保存在a.txt 中，引用的是record.js。这里要注意的是，必须要将每个商品和HTML文件中的序列对应上。var arr=new Array(25);

arr[0]=[“你已参与的订购:”];

arr[1]=[“无锡酱排骨”];

arr[2]=[“无聊漫族 ”];

arr[3]=[“团购多美莱”];

arr[4]=[“阿九造型”];

arr[5]=[“避风塘街尚团购”];

arr[6]=[“一品江南时尚酒店”];

arr[7]=[“无锡新区新加坡工业园美特家”];

arr[8]=[“吉泰名人商务酒店”];

arr[9]=[“元龙壹家花园酒店”];

arr[10]=[“天天渔港团购”];

arr[11]=[“恐龙谷温泉双休团购”];

arr[12]=[“体育公园10次团购”];

arr[13]=[“丽歌量贩KTV团购”];

arr[14]=[“海底世界团购”];

arr[15]=[“乐迪量贩KTV！”];

arr[16]=[“上海游戏地带团购”];

arr[17]=[“新纪佳人团购”];

arr[18]=[“我的相册网”];

arr[19]=[“周庄双人游”];

arr[20]=[“千岛湖金色假日”];

arr[21]=[“无锡纯玩1日游！”];

arr[22]=[“富春桃园单人门票套餐！”];

arr[23]=[“常州得园农庄一日游！”];

arr[24]=[“三国水浒一日游！”];

//创建一个可以将文件翻译成文件流的对象

var fso=new ActiveXObject(“Scripting.FileSystemObject”);

var f = fso.CreateTextFile(“a.txt”, true);

f.Write(arr[0]);

f.WriteBlankLines(2);

f.close();

function writetxt(i)

{

f=fso.OpenTextFile(“a.txt”,8,true);

f.Write(arr[i]);

f.WriteBlankLines(2);

f.Close();

}

9.关于打折数据从文件中读取出来，并显示在相应位置这一要求，没有满足。

心得体验：本次的网页设计，主要是熟悉了Adobe Dreamweaver的操作，以及基本的JS语法。简单的格式，换行，表格等方面的应用。借助于相关书籍，除了折扣要从文件中读出这一条没能满足外其他大体上满足了要求。关于网页制作，我觉得一个好的布局至关重要，这体现了整个网站的风格特征，让人耳目一新的网页往往更能吸引顾客的关注。而从制作网页的过程中，也发现了很多的不足之处。比如一些有创意的设计和实用性的小插件、帮手没有能设计好，购物车等基础的东西也没有做好，更不要说根据顾客浏览过的商品进行推荐等功能。相信在未来制作网页的过程中，随着对制作软件的越来越熟识和对JS更好的掌握，我能够制作出富有创意，实用安全的网页。

第二篇：电子商务网页制作 教学计划

《电子商务网页制作》教学计划

15秋电商这已是学生的第三个学期，对网页制作已有一定了解，然因此课程教科书内容所介绍的软件已不再使用，因而我决定教学生简单、实用、流行的入门网页制作语言——HTML,选择基本的语言让学生学习。同时也利用书上理论知识，传授给学生，并应学生要求，进一步讲解dreamwaver。

教学目标:

1、本学期这一课程是为了让学生学会用html和dreamwaver制作网页。

2、学习关于网页设计的一些基本知识。

重点工作：

1、用html、dreamwaver制作网页。

2、学习网页设计的一些基本知识

教学策略：

1、突出上机操作，精讲多练。

2、将网页设计与学生的生活知识联系起来，其它学科的学习结合起来，与学生思想道德教育结合起来，与课改实验结合起来。

3、作业布置适量，难易适中，有针对性，及时反馈，做好总结。

教学安排：

1、实行上机、上课相结合的模式;

3、坚持考勤，做好学习情况、作业情况的记录。

4、坚持做反思。教学内容概览： 理论：

1、初识电子商务网页

2、电子商务网站导航设计原则

3、网页布局原则

4、表单的概述

5、课程设计指南 操作： Html:

1、Html基本结构

2、页面主体标记的设置

3、设计网页文本内容

4、无序列表和有序列表

5、文字、图片链接

6、锚点

7、添加图片及设置

8、表格的应用

9、多媒体文件

10、Div标签

11、Iframe

12、让学生设计一个简易的个人网页 Dreamweaver:

1、建立所有文件夹

2、建立首页

3、建立站点

4、设置页面属性

5、输入文本及其设置

6、插入图片及其设置

7、插入表格及其设置

8、创建网页链接

9、利用表单创建留言板

10、学生设计一个简易网站班级:15秋电子商务班任课教师：李美云

第三篇：电子商务网页制作实训报告

一周的网站规划实训又结束了，在这短短的一周实训中，我们每一个学生都受益匪浅。时间过得真快呀，这也是这学期我们最后一次在学校里的实训，每一个同学都怀着饱满的热情，都在积极紧张的实训，我也一样，只是多了一种不舍得感觉，虽然我们在实训中也有些苦痛和烦恼，但是我会努力的克服自己所遇到的任何困难以及在老师热心的帮助下我们很快的解决了自己遇到的一些困难。

总的来说：我在实训中不仅学到了课本上面没有的知识，而且还学到了坚持不懈，不抛弃，不放弃的一种学习的精神。这次实训让我增长了很多关于网站制作的知识，也让我体会到了做网站并不是我想象中的那么简单。网页设计与制作综合实训是我们学习过程中重要的实践性学习环节。它是根据我们学习计划的要求，在老师的指导下对我们进行网页制作专业技能的训练,培养我们综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践学习环节,搞好实训教学,对实现我们专业的培养目标,提高我们的综合素质有着重要的作用。通过这次实训，我学到了很多有价值的东西。我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计制作的知识，增加知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。

通过短短几天的网站规划实训，我从中学到了很多的知识。每一个同学都在认认真真的实训，都在认真的做网页。尽管在实训中遇到了许多不少的问题，通过自己上网查阅资料和老师的耐心教导，我们每一个同学都解决了自己在实训中遇到的困难。有的同学还互相帮助和积极讨论遇到的问题，同样在学习的良好氛围之下解决了遇到的困难。在这次网站规划中，我们学到了课本上没有的知识，不仅开拓了我们的视野，而且增加了我们设计制作网站的能力。虽然实训也有些苦痛和烦恼，但是我们每一个人都怀着一颗学习的心，不怕困哪和苦痛，认真的完成了网站规划的实训。在网站规划中，我们熟悉了Frontpage软件的新型的功能，增加了对软件的认识和认知，学会了怎么做一个漂亮的网站和优美的布局。

我收获颇丰，学到了很多知识，特别是提高了综合分析应用的能力。实训过程是繁琐的，但同学们都表现得很积极，不怕课程难，相互帮助一起分析。任课老师也非常认真负责，耐心讲解，细心指导，一点一点解答同学们的疑惑，直到同学们理解了为止。在实训中，分析、讨论、演算，机房里充满了浓浓的学习气氛。此次实训培养了同学们耐心的工作作风，增强了同学们的合作意识，提高了大家的应用分析能力。

第四篇：网页制作报告

课程名称：集中上机(网络、语言)

课程编号：041221

姓名：代悦超

学院：通信与信息工程学院

班级：0101020

学号：2010210663

网页制作报告

网页制作报告

一． 实习目的：为了验证和巩固理论知识，提高同学们的学习兴趣和动手能力，培养同学们的协调工作意识和能力，特安排本实验内容。希望该实验课能够激发同学 们的学习热情，为同学们将来走上社会就业提供实践的指导作用。

二．实习基本要求：（1）为了充分发挥同学的主动性，同学可自选课题，但必须事前经计算中心试验指导老师审定认可。

（2）根据课题工作量大小或难易程度同学可自行分组完成，通常每组人数最多不超过2人。

（3）开发工具不限。

（4）主题要求健康、积极，具有一定的技术难度，如平面布局合理、美观；有动、静态文字、图片的结合、多页链接、网站链接等。（5）实习报告突出策划、设计、编码、测试等主要过程。

（6）提交实验报告的形式既可以是完成课题的总结，也可以是完成课题项目的使用说明等。但文本编排必须规范。

三．设计工具：Dreamwaver8, Flash8, Fireworks8

四．站点构思：

诗词本就是中国古老的传统文化之一，有了诗词才有了中国文化的灿烂辉煌，所以我的主题为诗词之家：首先，在中间的最上方就是我们的网站名，网站名的两边分别插入两幅图片，显示出诗词的古色古香。其中的图片也是使用了Fireworks来进行修改。导航栏分为首页，古诗，名词。推荐诗词，名家评论，诗朗诵，联系我们和退出。主页正文主要是诗词的链接和外部网站的链接，以及网站的美化设计。之后从首页导航进入古诗或者名词，这两个页面主要介绍中国古诗词的传统文化和基本知识，同时，也有相关诗词的链接。进入推荐诗词这个页面，首先我们看到的是一个flash动画来展现毛泽东的书法，其中以翻书页的形式来展现，形象而生动。下面就是我们推荐的诗词了，因为推荐的诗词有点长，所以我们用到锚点连接，可以直接点击到达需要浏览的位置，方便实用。之后是名家评论页面，我先把我们评诗的好处和收获写出来，然后就列出了很多名家对诗词的评论，当然，也必须用到锚点连接来使网站更实用。诗朗诵这个页面主要提供有声有景的朗诵，可以使朗诵爱好者学习交流，也提供了这些朗诵原件的下载地址和链接。联系我们页面简单，主要说明我们的联系方式和邮箱链接。最后，每个页面都可以点击退出来关闭当前页面。对于诗词作者以及作者的诗词，页面基本一样，都是有关作者介绍，和主要诗词和图片。

五．关键技术及体会：

1.学会了背景图片，颜色等多种页面设置。

2.需要掌握表格插入及其格式设置，包括其中文件与表格的协调。3.需要熟悉网页之间的链接办法。一般情况简单的链接办法就是在设计栏中链接后输入链接址。

4.要掌握导航条的制作办法。主要是合并单元格以及居中对齐，再进行链接。

5.需要掌握图片和多媒体的插入及其参数的设置。点击工具栏中的flash按钮添加flash并可以再设计栏中设置参数。

6.熟悉页面标题、关键字、字体、背景、宽高度等参数设置。

7.学会使用javascript语句进行简单的命令。比如进行提示框还有退出页面的按钮都是用javascript语句来完成。

8..学会锚点链接。页面内部的优化少不了用到锚点链接，可以使网页使用更方便。9.学会了mailto语句进行邮箱链接。10.学会了用软件来修改图片和多媒体。

总之，经过了将近两个星期的奋斗和琢磨，终于把自己的网站建立起来了。对于一个在这方面还是空白的我来说，确实是一个挑战。学习，交流，观看教程，最终弄出了自己的网站，虽然网站很粗糙，也很简单，还有许多可以改进的地方，但是我确实很兴奋，因为这是我自己独立完成的每一个小的步骤都是我自己琢磨和实践得来的。

另外，希望老师和大家能给我一些建议和更好的方法，感激不尽！

设计 布局 浏览方式

在每页的最左边整体构架（导航）

标志，精髓的标语动态显示

主题颜色

第五篇：网页制作实习报告

一 实验过程

1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

具体情况如下：

通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。

制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。

然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

再后是收集资料与素材，大量浏览相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。

再后是设计网页图片，用flash制作网页的banner。

再后是建立站点，站点分布如下：

再后是制作网页了，使用dreamweaver制作。

首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

利用我们所学的框架集，制作更完美的页面。将动态网页与静态网页结合起来

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

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

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

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

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

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

这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

同学告诉我，要做好网页，一定要学从c++,java,php，asp，数据库。以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。希望以后有不懂的地方，老师能多多指点。

二 实验心得

在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。

网页布局是主要考虑以下几点：

1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2、其次就应该考虑导航条的设置了。

3、正文的框架设置（横向因素和纵向因素交错）

（四）网页中文字、图像

图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。

（五）网页制作过程中的其他注意事项

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

近一个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

下载电子商务 网页制作报告.doc

将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。

点此处下载文档

文档为doc格式