苹果公司网设计与制作

1、课程设计报告书题目：苹果公司网页设计与制作二级学院数学与计算机科学学院年级专业2012级计算机网络学号学生姓名指导教师讲师教师职称新余学院课程设计（论文）任务书二级学院:学号1202010002学生姓名董帅专业（班级）12计网设计题目苹果公司网站网页设计与制作设 计 技 术 参 数以Dreamweave为开发工具，米用css为主要手段的网站开发技术。具体内谷包括：Html、Dreamweaver操作、css层叠样式表，javaScript脚本。设 计 要 求本课程设计的目的是为了让学生掌握一个完整网站的制作过程，并熟练运用网页制作的各种技术并学会使用 div+css设计并开发制作出 一个符合web2.0标准的网站。具体任务和要求如下：（一）任务自选网站内容，可参考如下主题：科普、科幻知识；公益形象宣传； 大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平； 求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教 育；新青年；管理；实用工具等，根据选择的内容制作一个完整的网站。（二）要求1. 整个网站要突出主题，信息分类合理，导航清晰。2. 合理规划站点和目录，首页文

2、件名为index.html。3. 用div+css布局。用css美化网页中的各个元素。适当运用 动画和javaSript脚本，自己处理图片和背景。4. 二级页面风格统一，所有的css样式统一以文件的形式保存， 以链接的方式加载到Html文档，以实现网页结构和形式的分 离。工 作 量1. 独立完成整个网站；2. 网站至少7-8个页面；3. 完成课程设计报告的书写。工 作 计 划整个工作分5个部分完成：1. 网站内容的确定和整体规划（3学时）根据自己的兴趣爱好，选定一个主题。然后准备相关的文字和图片 资料；确定网站的目录结构。2. 进行素材收集和整理（3学时）用ps或Firworks制作网站首页的效果图。3 .网站的制作（5学时）首先制作首页，再制作各个二级页面。4. 网站的测试（2学时） 测试网站链接，精简样式文件。5. 书写课程设计报告书（2学时）将设计思路、制作过程、技术要点和特色说明以报告书的形式书写 出来。参 考 资 料1 .袁磊网页设计与制作实例教程M.清华大学出版社，2008.23-29 ,167-210.2 .黄斯伟.HTML完全使用详解M.人民邮电出版社，2006.55-

3、79.3 .李烨.别具光芒DIV+CSS网页布局与美化M.人民邮电出版社，2006.120-150.4 .李超.CSS网站布局实录M.科学出版社，2006.67-99.5 .贾素玲等.JavaScript程序设计M.清华大学出版社，2007.167-180.指导教师签字教研室主任签字说明：此表一式叁份，学生、指导教师、二级学院各一份。2013 年 6 月 18 日目录第 1 章 课程设计概述 1.第 2 章 网站设计方案说明 3.2.1 需求分析 3.2.2 网站布局类型和配色方案的确定 3.2.3 网站整体规划 5.2.4 素材的收集和整理 6.第 3 章 网站制作 7.3.1 创建站点 7.3.2 创建样式表文件 7.3.3 页面制作 9.第 4 章 主要技术特点和特色说明 1.3第 5 章 课程设计总结 1.5.第 1 章 课程设计概述本课程设计主要是利用已经学习的网页设计与制作知识和初步掌握的网页 开发工具如 Dreamweaver、 Photoshop 等软件为苹果公司设计并实现一个公司网 站。根据老师的要求及指导，我设计了此网站。此网站属于小型网站， 网站以苹果公司原网站为

4、依托， 按照原网站配色方案 和表面结构以 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应用软件等软件 产品的全方位展示和介绍； 通过在线商店网页为顾客和公司提供购买和销售苹果 产品的便利通道；通过技术支持网页为产品购买者提供维修服务和支持范围。设计者希望通过清新简洁， 赏心悦目的外观设计给予客户和顾客以舒适

5、的网 页浏览体验。 网站充分展示公司提供的产品及设计理念和售后服务能力， 注重推 广公司各方面形象。 以公司的宣传推广和将网站浏览者吸引成为公司的客户作为 网站的目标。 坚持严谨、负责、 创新的态度为消费者提供展示苹果公司完美产品 和周边设备的个性化页面，不断创新变革助力科技进步和公司前进。此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务， 更是对过 去学习的知识的温习巩固， 是一个把理论转化为实践的过程， 是一个把自己的设 计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。再者，这是对自己在一学期内该学习科目以来的成果的检查， 这是一个自我 审视的过程：检测我该学期的学习成果， 衡量一期以来的收获， 更为重要的是扬 长避短， 发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚深化我们持发扬，有利于我以后的学习和发展。 加强老师和同学们对我的认识, 大家的情谊，有利于以后在学习、工作生活当中的团结协作。第 2 章 网站设计方案说明2.1 需求分析对公司网站目标用户进行分析，得出结论用户主要包括以下几方面的需求 （即希望从网站获取的信息） ：1）公司产品的介

6、绍；2）公司产品的设计；3）消费情况说明；4）在线购买；5）售前咨询和售后服务根据以上需求分析， 结合公司的实际情况， 为了更好地推广公司及其公司产 品，网站需求进一步细化为：网站的建设意义（1）满足顾客的需求，为企业（公司）赢得利润；（2）向顾客提供更好的服务是一个商务网站的目标；（3）网站能够使企业实现全国化与全球化经营战略；（4）实现改善经营管理、开拓市场、提高企业竞争力等。功能对于公司，及时发布介绍和展示最新创新产品， 为顾客提供完善的咨询服务 工作。对于顾客，通过建立商务网站平台， 让公司可以与顾客紧密地联系在一起。 重视顾客的意见反馈， 掌握顾客的需求， 加强与客户之间的关系与往来， 是企业 营销的重要环节。 网站很重要的一个优势就是交互性， 利用在网站上设置用户调 查表、产品相关的留言评论、 讨论公告板等方式可以迅速准确地得到大量用户反 馈和建议，这些有助于新产品推出， 新市场开拓， 又有助于售后服务和客户调查， 同时可以为顾客随时随地地提供完美的服务。市场的情报信息收集有关客户市场研究和竞争对手的信息， 包含丰富的有价值的信息， 分层 次地提供给相关人员，如销售报表、市

7、场环境分析报告、竞争对手情况、产品技 术工艺、生产计划、质量问题报告等等， 建立一个面向市场的情报信息中心系统。 企业的各个人员可随时在任何地方获取这些准确最新的有价值的信息， 从而有利 于他们的工作或决策。原则与重点企业的电子商务网站的受众主要是企业内部相关人员、 最终客户及与企业生 产相关的物资供应商及合作伙伴，网站的主题不仅是在内容上有丰富的产品信 息、情报信息，更重要的是应具有满足以上目标的相关功能。因此，网站的重点 不是在网站界面宣传制作上的如何美观与漂亮， 而是在于网站提供的信息内容价 值及功能实用性， 这样才能使网站长期有效地运行， 从而达到既定的进行电子商 务经营的目标。系统要注意的重点有：（1）安全性电子商务网站作为企业经营的一个重要部份， 网站的内容信息具有非常重要 的价值。信息的安全包括重要信息绝不能被竞争对手所获取， 不同级别的信息不 能被不具有相应权限的用户所获取， 数据在意外损害的情况下应有相应的备份恢 复措施等等。 这就要求系统应具有高度的安全性、 复杂的权限控制级别及自动自 我保护系统。这是一般的网站信息发布系统难以实现的。（2）高效性由于系统不仅仅完成

8、简单的网页浏览功能， 更多地要实现许多事务处理， 如 消息传递、多媒体通讯、信息关联、排序、排版、复杂查询、全文搜索等功能， 这会导致系统的运行效率较低， 而我们不能让用户有过长的等待， 那将导致用户 不再愿意上网使用。 因为，运行系统必须考虑其高效性， 要求最终系统在数百个 联机事务处理时要有一个很好表现性能。（3）稳定性许多系统运行后， 由于稳定性不好， 我们可以常常看见系统管理员整天忙碌于系统的维护补救，而更重要的是，众多的工作人员都在上面处理各种工作事务， 系统的经常性崩溃导致这些工作无法进行， 反而使事务工作效率大大降低，从而 使企业运行效率大大降低。因此，信息系统的稳定性非常关键。2.2网站布局类型和配色方案的确定根据对网站内容的需求分析，网站的页面将多以图片为主，文字为辅图文混 排的形式设计，因此根据内容表现的需要设计该网站采用“三”型布局，同时作 为公司网站，配色方案以灰系为主色调，以表达公司庄重沉稳、简约大方的主题， 同时配合使用颜色艳丽的图片，一方面改善灰色的冷色调影响，另一方面符合公 司爱好者对生活充满热情和活力的特征。2.3网站整体规划整个网站以首页为入口，对公

9、司提供的产品和服务做详细介绍，并以公司主 要产品为栏目制作不同的子页面，分别对产品做详细介绍，网站的整体层次结构 图如图所示：indexstoreMacipodiphone ipad itunessupport图2-1网站结构图2.4素材的收集和整理根据内容需求共收集了如下格式的素材：图片、文字；其中图片处理为*jpg、 *.p ng和*ico 格式，以所在页面名称开头加位置命名图片，例如： in dex-top1.jpg ；页面的Logo的设计理念：由DONG9个英文大写字母组成采用可口可乐英文 字体设计，标志整体白色字体透明背景，与导航条的黑底白字形成呼应，力求简 约大方，与网站的黑白灰色彩方案相搭配，体现网站整体的简单之美。DONG是设计者董帅的姓的英文拼音，代表网站设计者是董帅先生。实现效果如图所示：图2-2 logo实现效果图第3章网站制作3.1创建站点使用Dreamweaver创建站点，并组织好站点的结构。站点结构图如下所示:丈样资源|代玛片蘭一喘2+MITC | S t | S本地文件大小I站点-02+董帅CDA.Ir*i essF1 iLiiiex3 亡j imagedindex html+： il 田lFhan

《苹果公司网设计与制作》由会员pu****.1分享，可在线阅读，更多相关《苹果公司网设计与制作》请在金锄头文库上搜索。