苹果公司网页设计制作.docVIP

课 程 设 计 报 告 书 题目： 《苹果公司》网页设计与制作 二级学院 数学与计算机科学学院 年级专业 2012级计算机网络 学 号 学生姓名 指导教师 教师职称 讲师 新余学院课程设计（论文）任务书 二级学院： 学 号 1202010002 学生姓名 董帅 专业（班级） 12计网 设计题目 《苹果公司网站》网页设计与制作 设 计 技 术 参 数 以Dreamweaver为开发工具，采用css为主要手段的网站开发技术。具体内容包括：Html、Dreamweaver操作、css层叠样式表，javaScript脚本。 设 计 要 求 本课程设计的目的是为了让学生掌握一个完整网站的制作过程，并熟练运用网页制作的各种技术并学会使用div+css设计并开发制作出一个符合web2.0标准的网站。 具体任务和要求如下： 任务 自选网站内容，可参考如下主题: 科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教育；新青年；管理；实用工具等，根据选择的内容制作一个完整的网站。 （二）要求 整个网站要突出主题，信息分类合理，导航清晰。 合理规划站点和目录，首页文件名为index.html。 用div+css布局。用css美化网页中的各个元素。适当运用动画和javaSript脚本，自己处理图片和背景。 二级页面风格统一，所有的css样式统一以文件的形式保存，以链接的方式加载到Html文档，以实现网页结构和形式的分离。 工 作 量 独立完成整个网站； 网站至少7-8个页面； 完成课程设计报告的书写。 工 作 计 划 整个工作分5个部分完成： 1.网站内容的确定和整体规划（3学时） 根据自己的兴趣爱好，选定一个主题。然后准备相关的文字和图片资料；确定网站的目录结构。 2.进行素材收集和整理（3学时） 用ps或Firworks制作网站首页的效果图。 3．网站的制作（5学时） 首先制作首页，再制作各个二级页面。 4．网站的测试（2学时） 测试网站链接，精简样式文件。 5．书写课程设计报告书（2学时） 将设计思路、制作过程、技术要点和特色说明以报告书的形式书写出来。 参 考 资 料 袁磊.《网页设计与制作实例教程》[M].清华大学出版社，2008.23-29，167-210. 黄斯伟.《HTML完全使用详解》[M].人民邮电出版社，2006.55-79. 李烨.《别具光芒DIV+CSS网页布局与美化》[M].人民邮电出版社，2006.120-150. 李超.《CSS网站布局实录》[M].科学出版社，2006.67-99. 贾素玲等.《JavaScript程序设计》[M].清华大学出版社，2007.167-180. 指导教师签字 教研室主任签字 说明：此表一式叁份，学生、指导教师、二级学院各一份。 2013年 6 月 18 日 目 录 第1章 课程设计概述 1 第2章 网站设计方案说明 3 2.1 需求分析 3 2.2 网站布局类型和配色方案的确定 3 2.3 网站整体规划 5 2.4 素材的收集和整理 5 第3章 网站制作 7 3.1创建站点 7 3.2创建样式表文件 7 3.3页面制作 9 第4章 主要技术特点和特色说明 13 第5章 课程设计总结 15 第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应用软件等软件产品的全方位展示和介绍；通过在线商店网页为顾客