计算机应用训练报告

《计算机应用训练报告》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、《计算机应用训练》实习报告题　　目：　仿1号店官网　　　　院　　系：　　数理学院应用物理系　　专业年级：　应用物理学专业2015级　学生姓名：　姬振宇　学号：20151916　2016年7月6日10一、网站设计的主体思想首先该网站建设的需求呢，肯定是赢得客户的喜欢，迎合大多数卖家对网站的欣赏，使得他们在浏览的时候有一种愉快的心情，从而更有利于商品的销售，为公司得到更多的盈利。最终的目的就是吸引更多的顾客，从而创造更多的营业额设计风格:1、整体页面设计侧重于展示企业形象和项目展示的网站结构，理顺各种信息资源，使网站频道内容丰富、分类合理、层次分明、结构紧

2、凑，且使信息展示更为灵活方便。2、设计合理化的操作流程，导航清晰，颜色和结构符合企业VI视觉形象合理，突出企业文化的同时，加强视觉艺术感受。3、综合主流网站成功经验，将更新快的、重要的信息放置在网站首页，即“一步提优”，使用户可以查看网站的最优内容、最佳信息（如热销产品等）。4、追求用户使用便捷，考虑不同互联网接入条件，页面力求简洁，三次链接获得服务，另外还将提供多种用户辅助功能。5、采用图片、文字等多种展示形式，丰富多彩的展示企业服务的重要内容、重要信息。6在网站架构方面，我们从网站的性质、功能和扩展性出发，合理安排结构，层次清晰，使用方便，整体感强

3、。充分考虑网站页面结构的扩展性，使网站的增加和删减不影响页面的风格。网站的各频道板块布置有张有弛，延续并贯穿了网站的风格，形成协调、统一的网站系统。。二、网站主要内容介绍10图1网站内容结构图我们的网页分为十个部分，它们分别是：官方首页、联系客服页面、购物车页面、注册页面、登录页面、会员专享页面。有我们小组十位成员分工完成。我负责的是购物车页面和用户体验提升问卷页面。“购物车”是每一个网络购物网站所必需的页面，客户可以将自己心仪但却尚未决定购买的商品放入购物车里，这样客户就可以有充分的时间考虑是否购买该商品且可以快速找到该商品，而且购物车还具有一键支付

4、功能。该网页主要内容为：标题部分（返回、导航、登录、注册、我的订单等11个购物车常用链接），帮助客户快速返回或浏览与购物车相关联的网页。支付步骤显示，帮助顾客了解支付所需要的所有步骤。猜你喜欢——商品介绍页面，为顾客推荐正在进行活动的减价商品。脚标，为顾客提供快捷的网站链接以及各种证书。“用户体验提升问卷页面”是为了优化用户购物体验而开设的页面，对于官网的优化有着极大的促进作用。主要内容为：问卷说明，让用户了解用户体验提升问卷的目的，以及奖励、承诺和联系方式。正文（问卷）部分，罗列出需要用户回答的一系列问题。脚标，为顾客提供快捷的网站链接以及各种证书。

5、三、页面介绍101.“购物车”页面介绍“购物车”页面主要分为header，article，footer三大部分，每一个大的部分都定义了一个div。每个div里面都含有若干个小div。并通过css界面的调整来实现网页效果和版面的制作。由于网站页面大小受限的原因，我分为若干个小配图介绍。（1）、header：图2header（图上方）页面（含JS效果）10图3header（图上方）页面（含JS效果）该网页的“header”适用于存放各种标题链接的，因此因存放文字和链接为主。其中的几个大标题为：返回易购首页、网站导航、商家入驻、登录、注册、我的订单、我的易购

6、、手机苏宁、易付宝、政企采购、客户服务共11段文字。为了达到排版美观的要求和鼠标放上去后改变颜色的效果，我放置了一个总div——“header”，在css界面里调整好大小和背景作为整个的范围。在“header”div内部放置一个div——“header_middle”，同样在css界面内调整好大小和背景。在“header_middle”里面输入我所需要的各个标题。为了完美的放置文字，我用了无序列表来做这几段文字。先建立一个无序列表，定义class为list，在css界面中调整好列表中文字的字体，字号、字色等细节，这样一个大的无序列表框架就完成了。然后，

7、在无序列表这个div中建立li，并用a标签和href作出超链接的样式。然后通过输入 代码来进行文字间距的控制，以此美化页面。并在css界面中对整个无序列表用hover作出伪类效果，到此为止，header的大体就完成了。由于在部分大标题下有一些小标题，所以我运用用了JS来制作出下拉框的动态样式及进度条样式。在HTML中定义一个class为down，并在css界面中调整好细节，同样用hover做成伪类。这样，当鼠标停留在大标题上时，就会出现一个下拉框，里面包含着小标题。最后通过img标签引入两张图片便完成了。（2）、article：10图4arti

8、cle页面（一）图5article页面（二）该网页的“article”主要是整个网页的主体，里