《苹果公司》网页设计与制作教学文稿

《苹果公司》网页设

计与制作

课程设计报告书

题目：《苹果公司》网页设计与制作

二级学院数学与计算机科学学院年级专业2012级计算机网络学号

学生姓名

指导教师

教师职称讲师

新余学院课程设计（论文）任务书二级学院：

说明：此表一式叁份，学生、指导教师、二级学院各一份。

2013年6 月 18 日

目录

第1章课程设计概述 (1)

第2章网站设计方案说明 (3)

2.1 需求分析 (3)

2.2 网站布局类型和配色方案的确定 (3)

2.3 网站整体规划 (6)

2.4 素材的收集和整理 (6)

第3章网站制作 (8)

3.1创建站点 (8)

3.2创建样式表文件 (8)

3.3页面制作 (10)

第4章主要技术特点和特色说明 (15)

第5章课程设计总结 (18)

第1章课程设计概述

本课程设计主要是利用已经学习的网页设计与制作知识和初步掌握的网页开发工具如Dreamweaver、Photoshop等软件为苹果公司设计并实现一个公司网站。根据老师的要求及指导，我设计了此网站。

此网站属于小型网站，网站以苹果公司原网站为依托，按照原网站配色方案和表面结构以DIV+CSS的方式仿制，苹果公司（Apple Inc.）是美国的一家高科技公司，2007年由苹果电脑公司（Apple Computer, Inc.）更名而来，核心业务为电子科技产品，总部位于加利福尼亚州的库比蒂诺。苹果公司由史蒂夫·乔布斯、斯蒂夫·沃兹尼亚克和Ron Wayn在1976年4月1日创立，在高科技企业中以创新而闻名，知名的产品有Apple II、Macintosh电脑、Macbook笔记本电脑、iPod音乐播放器、iTunes商店、iMac一体机、iPhone手机和iPad平板电脑等。2012年8月21日，苹果成为世界市值第一的上市公司。

本网站的主要功能是提供丰富、清晰的公司信息和资源，主要包括iphone、ipad、ipod、Mac、itunes等硬件产品以及iOS、Mac OS和APP应用软件等软件产品的全方位展示和介绍；通过在线商店网页为顾客和公司提供购买和销售苹果产品的便利通道；通过技术支持网页为产品购买者提供维修服务和支持范围。

设计者希望通过清新简洁，赏心悦目的外观设计给予客户和顾客以舒适的网页浏览体验。网站充分展示公司提供的产品及设计理念和售后服务能力，注重推广公司各方面形象。以公司的宣传推广和将网站浏览者吸引成为公司的客

户作为网站的目标。坚持严谨、负责、创新的态度为消费者提供展示苹果公司完美产品和周边设备的个性化页面，不断创新变革助力科技进步和公司前进。

此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。

再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。

第2章网站设计方案说明

2.1 需求分析

对公司网站目标用户进行分析，得出结论用户主要包括以下几方面的需求（即希望从网站获取的信息）：

1）公司产品的介绍；

2）公司产品的设计；

3）消费情况说明；

4）在线购买；

5）售前咨询和售后服务

根据以上需求分析，结合公司的实际情况，为了更好地推广公司及其公司产品，网站需求进一步细化为：

•网站的建设意义

（１）满足顾客的需求，为企业（公司）赢得利润；

（２）向顾客提供更好的服务是一个商务网站的目标；

（３）网站能够使企业实现全国化与全球化经营战略；

（４）实现改善经营管理、开拓市场、提高企业竞争力等。

•功能

对于公司，及时发布介绍和展示最新创新产品，为顾客提供完善的咨询服务工作。对于顾客，通过建立商务网站平台，让公司可以与顾客紧密地联系在一起。重视顾客的意见反馈，掌握顾客的需求，加强与客户之间的关系与往

来，是企业营销的重要环节。网站很重要的一个优势就是交互性，利用在网站上设置用户调查表、产品相关的留言评论、讨论公告板等方式可以迅速准确地得到大量用户反馈和建议，这些有助于新产品推出，新市场开拓，又有助于售后服务和客户调查，同时可以为顾客随时随地地提供完美的服务。

市场的情报信息

收集有关客户市场研究和竞争对手的信息，包含丰富的有价值的信息，分层次地提供给相关人员，如销售报表、市场环境分析报告、竞争对手情况、产品技术工艺、生产计划、质量问题报告等等，建立一个面向市场的情报信息中心系统。企业的各个人员可随时在任何地方获取这些准确最新的有价值的信息，从而有利于他们的工作或决策。

原则与重点

企业的电子商务网站的受众主要是企业内部相关人员、最终客户及与企业生产相关的物资供应商及合作伙伴，网站的主题不仅是在内容上有丰富的产品信息、情报信息，更重要的是应具有满足以上目标的相关功能。因此，网站的重点不是在网站界面宣传制作上的如何美观与漂亮，而是在于网站提供的信息内容价值及功能实用性，这样才能使网站长期有效地运行，从而达到既定的进行电子商务经营的目标。

系统要注意的重点有：

（1）安全性

电子商务网站作为企业经营的一个重要部份，网站的内容信息具有非常重要的价值。信息的安全包括重要信息绝不能被竞争对手所获取，不同级别的信息不能被不具有相应权限的用户所获取，数据在意外损害的情况下应有相应的备份恢复措施等等。这就要求系统应具有高度的安全性、复杂的权限控制级别及自动自我保护系统。这是一般的网站信息发布系统难以实现的。

（2）高效性

由于系统不仅仅完成简单的网页浏览功能，更多地要实现许多事务处理，如消息传递、多媒体通讯、信息关联、排序、排版、复杂查询、全文搜索等功能，这会导致系统的运行效率较低，而我们不能让用户有过长的等待，那将导致用户不再愿意上网使用。因为，运行系统必须考虑其高效性，要求最终系统在数百个联机事务处理时要有一个很好表现性能。

（3）稳定性

许多系统运行后，由于稳定性不好，我们可以常常看见系统管理员整天忙碌于系统的维护补救，而更重要的是，众多的工作人员都在上面处理各种工作事务，系统的经常性崩溃导致这些工作无法进行，反而使事务工作效率大大降低，从而使企业运行效率大大降低。因此，信息系统的稳定性非常关键。

2.2 网站布局类型和配色方案的确定

根据对网站内容的需求分析，网站的页面将多以图片为主，文字为辅图文混排的形式设计，因此根据内容表现的需要设计该网站采用“三”型布局，同时作为公司网站，配色方案以灰系为主色调，以表达公司庄重沉稳、简约大方的