目录
第一章概述 (1)
1.1项目开发的背景 (1)
1.2项目开发的目的 (1)
第二章前端开发及相关技术 (3)
2.1H T M L5前端开发环境 (3)
2.2H T M L5前端开发相关技术 (3)
2.2.1H T M L (3)
2.2.2C S S (4)
奖牌制作2.2.3J a v a S c r i p t (5)
2.2.4j Q u e r y (6)
2.3H T M L5前端开发工具 (7)
2.3.1V i s u a l S t u d i o C o d e (7)
2.3.2A d o b e P h o t o s h o p (7)
第三章页面设计 (8)
3.1前端总体开发流程与设计 (8)
3.1.1设计稿图 (8)
3.1.2代码编写 (9)
3.2页面的设计与制作 (9)
3.2.1首页头部制作 (10)
3.2.2首页b a n n e r部分 (11)
3.2.3首页整体内容部分 (12)
3.2.4首页底部 (13)
第四章主要功能的实现 (16)
4.1头部下拉列表 (16)
4.2轮播图 (17)
4.3鼠标经过 (18)
4.4T a b栏切换 (19)
4.5返回顶部 (20)
第五章网站测试 (22)
5.1测试目的 (22)
5.2测试方法 (22)
5.2.1链接测试 (22)
5.2.2设计语言测试 (23)
5.2.3整体界面测试 (23)
5.2.4兼容性测试 (23)
5.3测试结果 (24)
总结 (26)
参考文献 (28)
致谢 (29)
第一章概述
1.1项目开发的背景
公元前，墨子关于光线的方向性与针孔成像原理，是世界古代光学的重要组成部分。19世纪中叶，中国的摄影术已进入了实用阶段。20世纪40年代，中国摄影家张印泉研制的135相机的各种长镜头，与后来德国人的产品构造原理相似。50年代，中国开始有了自己的照相机和感光材料工业。60年代，研制成功中国的高档相机“红旗”与“东风”牌。
改革开放以来，中国照相机工业迅速发展。1840年，摄影传入中国，从东南沿海向内地发展，到1930年，刘万农、张印全等，将中国传统绘画的神韵带入摄影的画面，体现了画意的追求；1980年，中期以后摄影开始复苏，作品呈现出很多新的样式。
摄影是一门随着传统摄影技术的形成和发展而产生的摄影应用科学，它以摄影光学、摄影化学和电子技术为基础，在长期实践中形成了独特的拍摄体系。摄影可分类静物摄影、人像摄影、记录摄影、艺术摄影、画意摄影、商业摄影、水墨摄影、全息摄影等八大类。
随着经济的不断发展，人们的生活水平得到了很大的提高，越来越多的人不再仅仅满足于物质的追求，对精神文化的需求也越来越大，摄影行业得以经济的滋润，得以迅速发展，已经形成比较可观的市场规模。行业迅速发展形成了对摄影人才的巨大需求，在摄影行业工作的专业人员规模也比较大。由于摄影人才总体呈现供不应求的局面，使得在行业就业的专业人才薪资待遇和工作环境都很好。
但是从总体上来看，中国的摄影发展还不够全面和完善，整体水平有待进一步提高。
1.2项目开发的目的
在《共和国士兵之死》逐渐诞生时，东方中国的摄影师还正在以艺术的眼光研习摄影术。他们以中国古代的绘画理论，解构西人发明的摄影术，并颇有心得。以至于在往后的英美摄影沙龙摄影比赛上获得了许多奖牌，其数量甚至超过东邻更为现代化的日本。但不到一年后，日本帝国士兵在北平卢沟桥的炮粉碎了中国艺术摄影家的梦想，在长达八年之久的中国成为了人类第二次世界大战的东方战场。
抗日战争开始的同时，中国现代摄影也同时开始，新的中国摄影师们以修身养性为追求的画意摄影，进入与现实生活互动的社会纪实性摄影。无数战争灾难的优秀照片出世，他们被称为“红抗日摄影”。他们都是当时中国最富社会理想和自五四新文化运动以来最前卫的青年人。他们代表了当时中国社会最进步的力量。
当今世界，随着网络技术和数码科技的快速发展，使得越来越多的人可以拿起相机，记录下自己每一刻，并且可以在网络上展示自己的作品，和别人分享那一分美丽，和每一张照片背后的故事。本摄影网站可以为摄影爱好者们提供这样一个广阔的平台，也提供了许多拍摄方案供人们选择，同时我的网页也为他们提供最专业的摄影技术指导，使他们能够拍出更多更好的作品来供大家欣赏。
第二章前端开发及相关技术
2.1 H T M L5前端开发环境
H T M L5网页前端开发，实际也是H T M L网页开发，H T M L5只是互联网的核心语言、标准通用标记语言下的一个应用超文本标记语言（H T M L）的第五次重大修改的版本，其中增添很多新的A P I功能。
网页前端主要是由用户交互设计，视觉体验设计等配合，根据设计图合理的规划和布局页面，合理编写页面代码，编写易于管理具有一定的层次代码，挖掘用户深层次的体验效果，进一步去优化体验。一般都是由有网页三剑客之称的：H T M L、C S S、J a v a S c r i p t作为基本构建项目语言。在该项目中用到的开发工具是V i s u a l S t u d i o C o d e。
2.2 H T M L5前端开发相关技术
本网站开发主要用到的技术有H T M L、C S S、J a v a S c r i p t、j Q u e r y。
2.2.1 H T M L
H T M L称为超文本标记语言（H y p e r T e x t M a r k u p L a n g u a g e），是一种用于创建网页的标准标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的I n t e r n e t资源连接为一个逻辑整体。H T M L文本是由H T M L命令组成的描述性文本，H T M L命令可以说明文字，图形、动画、声音、表格、链接等。
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，其主要特点如下：
（1）简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。