《web前段开发技术课程设计》课程设计报告-电子商务网站.docx

购物车页面代码：

产品分类

我的花篮

图片

…

合计价格

黄玫瑰

id="quantity1"value="1"size="6"maxlength="2"/>

…240元

/>
移除

提交支付页面部分代码：

核对信息

账单明细

姓名（必须与购物卡姓名相同）：

地址:

城市:

小区:

/>

Email:

电话号码（非常重要）:

id="phone"maxlength="40"/>

请仔细核对信息，以免给您带来不必要的麻烦

四、调试运行及结果分析

首页的产品按钮，拖动鼠标可以看到一个下拉列表，这个使用普通列表实现，并且在首页有一个轮播图，轮播图是用函数和图片的插入进行实现的，实现结果如下图：

图4-1轮播图1

图4-2轮播图2

列表实现结果如下图:

图4-3列表图

在宝贝详情页面运用了购物车按钮，并利用了表单，表格等

标签，实现结果如下图:

图4-4宝贝详情图

购物车部分运用表单，表格布局，还有确认订单按钮，实现

效果如下:

图4-5购物车图

在提交支付页面，涉及到的主要是表单，并且用表格布局,还有单选按钮，实现结果如下图:

五、测试及问题探讨

由于在这次的课程设计中多次运用表格，以至于在调节宽度跟高度还有边距时一直都不是很合适，调试了很多次，例如在宝贝详情页的加入购物车按钮，一开始没有放到我最想要的位置，在多次调整之后，终于放到了我想要的位置，例如这样的问题在提交页面和购物车页面都有出现。

还有这次的首页轮播图，将函数调用之后居然没有反应，点鼠标也没有反应，结果最初的轮播图函数我没有用，后来的轮播图函数是借鉴网上的，插入自己的图片就可以用了。

六、课设总结与体会

通过这段时间的课程设计，我对HTML的应用，web前端的作用以及html语言的使用都有了更深的了解。

尤其是html的进步让我深刻的感受到任何所学的知识都需要实践，没有实践就无法真正理解这些知识以及掌握它们，使其成为自己的财富。

在理论学习和上机实践的各个环节中，通过自主学习和请教老师，我收获了不少。

当然也遇到不少的问题，也正是因为这些问题引发的思考给我带了收获。

从当初不喜欢上机做网页到现在能主动做网页，从当初拿着题不知如何下手到现在知道如何分析问题，如何用专业知识解决实际问题的转变，我发现无论是专业知识还是动手能力，自己都有很大程度的提高。

在这段时间里，在老师的指导帮助下，同学们课余时间的讨论中，很对问题都一一得到了解决。

在程序的调试能力上，无形中得到了许多的提高。

七、致谢

在这次课程设计中，我要感谢我的课程设计老师帮助我完成了这次的课程设计，在许多技术性的问题上给予我帮助，在设计过程中给了我很多的意见和建议，在调试的时候也帮助我，把一些不晚上的想法完善了。

还有，我要感谢我的同学们，在最早的选题时，都是同学们帮助我，给了我很多建议。

最后我要感谢我的学校，给我们提供了一个良好的课程设计环境，在这次课设中我学到了很多，得到了很多，所以我还要再次感谢这些我要感谢的人。

八、参考文献

［1］吴涛主编，网站全程设计技术（修订本），北京：

清华大学出版社；北京交通大学

出版社

：

2］张华、贾志娟主编，asp项目开发实践，中国铁道出版社

［3］沈大林主编，中文Flash8案例教程，中国铁道出版社

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

web前段开发技术课程设计 web 前段 开发 技术 课程设计 报告 电子商务 网站

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。