基于Bootstrap实现的十七速递网站

到山东找蓝翔

发布日期: 2021-07-24 09:52:25 浏览量: 96
评分:
star star star star star star star star star star_border
*转载请注明来自write-bug.com

一、目标及要求

随着二十一世纪新兴科技的飞速发展,如今的电子信息产业,正在经受着一个巨大的挑战,同时也面临着一个重大的机遇。就目前的科技发展水平而言,电子信息产业的发已经不能够满足社会化大生产的要求,因此,各个国家集中人力、财力加大对信息技术产业的投入,以适应目前需要。可喜的是在这几十年的发展中我们有了互联网、互联网加大了我们了解世界的眼界,缩紧了人与人之间的距离,这就更容易的使我们走上信息化的道路。

以往,人们物要素自去店速物购,后来答越来越发达,邮政,快递也迅速发展起来了,不出门就能买到己心仪的商品成了人们的需求。

正是因为人们的这些需求,越来越多的购物网站出现在网络上,人们可以随时了解日己话要的物品方面的新间,我正要做到足不出户,便可买到天下物。把购物与网络连接起来,必将是社会发展的必经之路。所以,做了此次的期末设计作品。

二、网站规划

2.1 需求分析

此网页能够满足用户对快递进行寄件、查询、服务,并可以了解此公司的简介、历史、企业的发展等,也可以咨询加盟及招聘等服务随时随地的打开网页就可以进行这些优质服务。无论是省内还是省外的快递都可以进行服务,网页的设计还进行了功能的分类。分首页、服务大厅、自助查询、产品与服务、加入十七、新闻公告、走进十七七大网页设计,包含的功能有十七常识、新手入门、投诉建议、下载中心、运单查询、网点查询、货物追踪、订单查询、快运产品、定制产品、增值服务、整车转运、仓储物流、加盟指南、在线加盟、人才服务、人才招聘、在线招聘、十七新闻、十七公告、行业动态、企业视频、企业微薄、十七简介、十七历程、十七文化、十七品牌、联系我们、企业邮箱登录、十七速递系统登录功能。网页的设计根据自己个人爱好来设计,比较简易,颜色不是浓艳,这样正是符合了让用户比较舒适的视觉感。

2.2 网站结构分析

站点目录:分为 CSS、fonts、images、js、文件夹和 about.html、contact.html、、index.html、job.html、join.html 、netinfo.html、netlist.html、network.html、news.html、product.html、search.html、search2.html、search3.html、search4.html、service.html、tousu.html

2.3 网站风格分析

网站主要以简约风格为主,简洁的表现形式来满足对此网页的了解。

  • 总体印象:以展示本网页优点等,主题突出,内容精干,形式简洁

  • 版式布局:栏目集中,分栏目检索明确,导航标志清晰

  • 色彩运用:总体呈白色简洁风格

  • 图片运用:配合文字,以极简的图片效果吸引用户

  • 语言:中文

  • 结构:浏览路线方便快捷、清晰明确

2.4 功能模块图

三、页面详细设计

3.1 首页设计

整个主页布局主要是用了响应式设计,导航栏运用了下拉菜单技术,导航栏下面的图片使用了轮播图技术展现,导航栏下拉菜单中设计了通过加入超链接点击进入对应的页面。在页面最底部还加入了网页的相关信息。

效果图

3.2 服务大厅设计

本页面布局和主页面设计相似,页面的头部和底部和主页面一样,中间部分设计了四个主要功能,物流常识、新手入门、投诉建议、下载中心。个别功能下面设置了超链接,点击后便会调转到其它页面内容。整个页面看起来非常简洁。

效果图

3.3 自助查询页面设计

效果图

3.4 产品与服务页面设计

效果图

3.5 加入十七页面设计

效果图

3.6 新闻公告页面设计

效果图

3.7 走进十七页面设计

效果图

四、网站测试

下拉菜单测试

首页轮播图测试

移动端测试

底部

总结

这个学期开设了《Bootstrap 与移动应用开发》这门课程,经过一个学期的学习,我掌握了不少关于响应式网页设计的知识。懂得了响应式网页设计的基本知识,之前的课程页简单学习了网页设计,这次的响应式网页设计是对之前基础网页设计的深入学习。在课堂上老师会一个功能一个功能进行讲解,同时布置课堂作业,我会在课堂上按照老师所讲过的知识点去完成课堂作业,但是课后并没有能够自主抽出时间去练习。这次的期末课程设计是运用了老师平时在课堂上讲过的知识点进行网页设计,例如:下拉菜单、轮播图、媒体查询等知识点。真正把这些知识点全部结合起来设计出一个完整的响应式网页,还是非常不易的。但是我相信多花点时间慢慢来,最终还是可以设计出自己想要的效果.经过两个星期的努力。我最终完成了自己的网页(界面简约)“十七速递”。虽然在这期间困难重重,绝大部分的知识点都是要借鉴学习才能完成。还要找同学帮忙或是在网上寻找资料。但是看着自己设计的网站,我心里多少有些自豪。固然我的网站离一个完整、成功的网站还有一大段距离,我会继续努力,丰富自己的专业知识。通过导论课老师的普及,我懂得了一个成功的网站,在于它能从真正意义上为用户服务,满足他们的需求。在本次网站综合设计中,我在巩固了这个学期知识的基础上,也汲取了更多关于响应式网页设计方面的知识,即使还不够完善,没达到自己想要的效果。

在课程设计过程中也出现了很多的问题,如忘记使用样式的设置导致盒子位置错乱、class 和 id 的使用有什么区别,还有通过媒体查询的方式进行设置响应式网页的移动端,但通过看书,上网查询,请教同学等方式,不断地学习、思考、实践、提高,最终顺利的完成了作品。但是还是有一些自己想要设计进去的东西没有办法加进去,因为技术还不够,自己时间的安排不合理没有学习到那方面的知识。

上传的附件 cloud_download 源代码.zip ( 5.97mb, 1次下载 ) cloud_download 十七速递说明书.doc ( 7.38mb, 1次下载 )
error_outline 下载需要11点积分
eject