摄影网站设计说明书.docVIP

WEB编程基础网站开发 设计说明书 设计题目： 摄影网站 姓 名： 李家东 学 号： 20101080114 班 级： 10微高 指导教师： 毕老师 完成日期： 2011-12-12 目录 前言 - 2 - 一、网站的规划 - 2 - 1.1 网站的整体规划 - 2 - 1.1.1 网站定位 - 2 - 1.1.2 网站版块的设置 - 3 - 1.1.3 网站设计的相关技术 - 3 - 1.2 网站的功能设计 - 3 - 1.2.1 首页功能 - 3 - 1.2.2 副页功能 - 3 - 二、网站的设计与制作 - 4 - 2.1 首页布局设计的特点 - 4 - 2.1.1 logo设计 - 5 - 2.1.2 Banner的设计 - 5 - 2.1.3 导航的设计 - 6 - 2.1.4 栏目设计 - 6 - 2.1.5风格与色彩单配 - 8 - 2.2副页布局设计特点 - 8 - 三、创新亮点 - 9 - 3.1按钮点击图片的轮换 - 9 - 3.2图片的自动轮换 - 10 - 四、总结 - 11 - 瞬间beautiful—摄影设计说明书 前言 随着社会的高速发展，摄影已经很平常的走进广大的群众中，平时我们大家可以用手机拍摄一些自己身边发生的事情，摄影不在是人们的奢侈享受。但是随着科技的快速发展，拍摄工具一代代的被淘汰，现在出现了许多的高级拍摄产品，虽然产品比较高级，没有高深的技术，同样不会有好的拍摄作品，为了更好的给摄影界留下发展的一片天地，让更多的朋友能够有一张自己满意的回忆，同时宣传摄影，我公司为瞬间beautiful摄影公司提供宣传活动，为该公司制作了一套宣传网站，为广大群众提供参考。 一、网站的规划 1.1 网站的整体规划 瞬间beautiful网站是为了宣传瞬间beautiful摄影公司而设立的网站，我们网站了了宣传瞬间beautiful摄影公司的知名度，宣传公司的精神，以吸引更多的群众来我公司做业务。我们网站设计版块主要分为七个：首页，作品赏，影棚实景，影楼简介，联系我们，vip会员专区，客户评价。 1.1.1 网站定位 1：扩大瞬间beautiful公司的知名度，打造自己的品牌。 2：加强与其他公司的业务来往。 3：为努力拍摄出优秀的照片而拼搏奋斗。 4：是公司成为最专业的摄影公司。 1.1.2 网站版块的设置 网站版块的设置：网站主要分为七大版块，它们是首页，作品赏，影棚实景，影楼简介，联系我们，vip会员专区，客户评价。其中作品赏中有些小版块，这些版块构成了整个网页的布局，以便条理清晰的展示给观众以更详细的展示。 1.1.3 网站设计的相关技术 1：网站整体布局设计采用Dreamweaver软件设计的框架布局，采用了div+css进行网站的设计，还采用了js代码的运用。 2：在图片设计采用Fireworks和photoshop cs3加工和处理图片。 3：在动态上有由flash软件功能的嵌入。 1.2 网站的功能设计 我们瞬间beautiful网站的功能主要是将我们公司的品牌打出去，提高我们公司的知名度，以吸引更多的客户与我们进行洽谈合作！ 1.2.1 首页功能 1：通过首页，我们想让你了解我们公司网站的主要内容，通过主要版块设置初步对我们公司的结果有所了解，通过首页的设计，我们还希望你能对我们公司的创意设计有所肯定。 2：首页让浏览者更加方便快捷的了解熟悉我们的公司。 3：通过首页，将大体的公司情况一目了然的展示给浏览者。 1.2.2 副页功能 1：通过副页将网站内容更加条理化、更加详细、更加方便的展现给浏览者。 2：副页中将每个版块的内容具体化、深入化、详细化。让感兴趣的浏览者详细了解了我们公司。 3：副页在展示具体内容的同时，能让浏览者更加深入了解我们公司的一切相关内容。 4：可以方便浏览者及时快捷的与我们公司取得联系，可以通过多种联系方式。 二、网站的设计与制作 2.1 首页布局设计的特点 1：首页主要采用“T”字型的布局每个版块有序排放，将所有的版块清晰的罗列出来。 2：采用“T”字型可以解决了浏览者观看是产生视觉上的疲劳，并且有种赏心悦目的感觉。 2-1网站首页布局图 注册 登陆 公司的名称 首页 作品赏 影棚实景 影楼简介 联系我们 Vip会员专区 客户评价 流动欢迎词（您好！欢迎来到瞬间beautiful） 搜索相关的内容搜索引擎 我们展示的照片欣赏 按钮轮换照片