计算机应用训练报告[汇编].pdfVIP

《计算机应用训练》 实习报告 题　　 目：　 仿 1 号店官网 　　　　院　　系：　　 数理学院应用物理系　 　 专业年级：　 应用物理学专业 2015 级 　 学生姓名：　姬 振 宇　 学号： 2016 7 月 6 日 一、 网站设计的主体思想 首先该网站建设的需求呢，肯定是赢得客户的喜欢，迎合大多数卖家对网站 的欣赏，使得他们在浏览的时候有一种愉快的心情，从而更有利于商品的销 售，为公司得到更多的盈利。 最终的目的就是吸引更多的顾客，从而创造更多的营业额 设计风格: 1、整体页面设计侧重于展示企业形象和项目展示的网站结构，理 顺各种信息资源，使网站频道内容丰富、分类合理、层次分明、结构紧凑， 且使信息展示更为灵活方便。 2 、设计合理化的操作流程，导航清晰，颜色和结构符合企业VI 视觉形象合理，突 出企业文化的同时，加强视觉艺术感受。 3、综合主流网站成功经验，将更新快的、重要的信息放置在网站首页，即 “一步提 优”，使用户可以查看网站的最优内容、最佳信息（如热销产品等）。 4 、追求用户使用便捷，考虑不同互联网接入条件，页面力求简洁，三次链接获得服 务，另外还将提供多种用户辅助功能。 5、采用图片、文字等多种展示形式，丰富多彩的展示企业服务的重要内容、重要信 息。 6 在网站架构方面，我们从网站的性质、功能和扩展性出发，合理安排结构，层次 清晰，使用方便，整体感强。充分考虑网站页面结构的扩展性，使网站的增加和删 减不影响页面的风格。网站的各频道板块布置有张有弛，延续并贯穿了网站的风格， 形成协调、统一的网站系统。 。 二、 网站主要内容介绍 1 图 1 网站内容结构图 我们的网页分为十个部分，它们分别是：官方首页、联系客服页面、购物车页 面、注册页面、登录页面、会员专享页面 。有我们小组十位成员分工完成。我负 责的是购物车页面和用户体验提升问卷页面。 “购物车”是每一个网络购物网站所必需的页面，客户可以将自己心仪但却尚 未决定购买的商品放入购物车里，这样客户就可以有充分的时间考虑是否购买该商 品且可以快速找到该商品，而且购物车还具有一键支付功能。该网页主要内容为： 标题部分（返回、导航、登录、注册、我的订单等 11 个购物车常用链接），帮助客 户快速返回或浏览与购物车相关联的网页。支付步骤显示，帮助顾客了解支付所需 要的所有步骤。猜你喜欢——商品介绍页面，为顾客推荐正在进行活动的减价商品。 脚标，为顾客提供快捷的网站链接以及各种证书。 “用户体验提升问卷页面”是为了优化用户购物体验而开设的页面，对于官网 的优化有着极大的促进作用。主要内容为：问卷说明，让用户了解用户体验提升问 卷的目的，以及奖励、承诺和联系方式。正文（问卷）部分，罗列出需要用户回答 的一系列问题。脚标，为顾客提供快捷的网站链接以及各种证书。 三、 页面介绍 2 1.“购物车”页面介绍 “购物车”页面主要分为 header ，article ，footer 三大部分，每一个大的部分都 定义了一个 div 。每个div 里面都含有若干个小 div 。并通过css 界面的调整来实现网 页效果和版面的制作。由于网站页面大小受限的原因，我分为若干个小配图介绍。 （1）、header： 图2 header （图上方）页面（含JS 效果） 3 图3 header （图上方）页面（含JS 效果） 该网页的 “header ”适用于存放各种标题链接的，因此因存放