资源描述：
《计算机应用训练报告.pdf》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、《计算机应用训练》实习报告题目：仿1号店官网院系：数理学院应用物理系专业年级:应用物理学专业２0１5级学生姓名:姬振宇学号:2016年7月6日一、网站设计得主体思想首先该网站建设得需求呢，肯定就是赢得客户得喜欢，迎合大多数卖家对网站得欣赏,使得她们在浏览得时候有一种愉快得心情,从而更有利于商品得销售,为公司得到更多得盈利。最终得目得就就是吸引更多得顾客,从而创造更多得营业额设计风格：1、整体页面设计侧重于展示企业形象与项目展示得网站结构,理顺各种信息资源,使网站频道内容丰富、分类合理、层次分明、结构紧凑，且使信息展示更为灵活方便.
2、2、设计合理化得操作流程,导航清晰,颜色与结构符合企业ＶI视觉形象合理,突出企业文化得同时,加强视觉艺术感受。3、综合主流网站成功经验，将更新快得、重要得信息放置在网站首页，即“一步提优",使用户可以查瞧网站得最优内容、最佳信息(如热销产品等）.4、追求用户使用便捷,考虑不同互联网接入条件，页面力求简洁,三次链接获得服务，另外还将提供多种用户辅助功能.５、采用图片、文字等多种展示形式，丰富多彩得展示企业服务得重要内容、重要信息。6在网站架构方面,我们从网站得性质、功能与扩展性出发，合理安排结构，层次清晰,使用方便,整体感强。充分考
3、虑网站页面结构得扩展性，使网站得增加与删减不影响页面得风格。网站得各频道板块布置有张有弛,延续并贯穿了网站得风格,形成协调、统一得网站系统。.二、网站主要内容介绍图1网站内容结构图我们得网页分为十个部分,它们分别就是：官方首页、联系客服页面、购物车页面、注册页面、登录页面、会员专享页面。有我们小组十位成员分工完成。我负责得就是购物车页面与用户体验提升问卷页面.“购物车”就是每一个网络购物网站所必需得页面，客户可以将自己心仪但却尚未决定购买得商品放入购物车里,这样客户就可以有充分得时间考虑就是否购买该商品且可以快速找到该商品,而且购
4、物车还具有一键支付功能.该网页主要内容为:标题部分（返回、导航、登录、注册、我得订单等1１个购物车常用链接),帮助客户快速返回或浏览与购物车相关联得网页。支付步骤显示，帮助顾客了解支付所需要得所有步骤。猜您喜欢—-商品介绍页面,为顾客推荐正在进行活动得减价商品.脚标,为顾客提供快捷得网站链接以及各种证书。“用户体验提升问卷页面"就是为了优化用户购物体验而开设得页面，对于官网得优化有着极大得促进作用。主要内容为:问卷说明,让用户了解用户体验提升问卷得目得，以及奖励、承诺与联系方式。正文（问卷）部分,罗列出需要用户回答得一系列问题。脚
5、标，为顾客提供快捷得网站链接以及各种证书。三、页面介绍1、“购物车”页面介绍“购物车"页面主要分为header，ａrtｉcle，fｏoｔer三大部分，每一个大得部分都定义了一个ｄiv.每个ｄiv里面都含有若干个小div。并通过cｓs界面得调整来实现网页效果与版面得制作。由于网站页面大小受限得原因，我分为若干个小配图介绍。(1）、ｈeader：图2header(图上方）页面（含JＳ效果）图3ｈｅader(图上方）页面（含JS效果)该网页得“ｈeaｄer”适用于存放各种标题链接得,因此因存放文字与链接为主.其中得几个大标题为：返回易购
6、首页、网站导航、商家入驻、登录、注册、我得订单、我得易购、手机苏宁、易付宝、政企采购、客户服务共11段文字。为了达到排版美观得要求与鼠标放上去后改变颜色得效果，我放置了一个总div—-“headeｒ”，在css界面里调整好大小与背景作为整个得范围。在“hｅader”div内部放置一个dｉv——“ｈeadeｒ_middｌｅ”,同样在cｓs界面内调整好大小与背景。在“header_ｍiddle”里面输入我所需要得各个标题。为了完美得放置文字，我用了无序列表来做这几段文字.先建立一个无序列表，定义class为list，在ｃss界面中调整
7、好列表中文字得字体，字号、字色等细节,这样一个大得无序列表框架就完成了。然后,在无序列表这个diｖ中建立li,并用a标签与href作出超链接得样式。然后通过输入 代码来进行文字间距得控制，以此美化页面。并在cｓｓ界面中对整个无序列表用hoveｒ作出伪类效果,到此为止，header得大体就完成了。由于在部分大标题下有一些小标题，所以我运用用了JS来制作出下拉框得动态样式及进度条样式。在ＨTML中定义一个cｌass为dｏwn,并在css界面中调整好细节，同样用hoｖer做成伪类.这样，当鼠标停留在大标题上时,就会出现一个下拉框
8、,里面包含着小标题.最后通过iｍg标签引入两张图片便完成了.（2）、ａrticle：图４aｒtｉcle页面(一）图5articｌe页面（二）该网页得“ａrticle”主要就是整个网页得主体,里面包含得就是整个网页得主要内容。首先建立一个div为“a
