巴黎恋人网站的设计与实现
目 录
一、绪论 1
（一）课题研究背景 1
（二）课题研究的目的和意义 1
二、网站简介 1
（一）网站介绍 1
（二）制作工具 1
1. Adobe Dreamweaver 1
2. Photoshop 1
三、巴黎恋人网站的设计 2
（一）婚纱网站总体介绍 2
（二）婚纱网站的页面结构设计 2
1.巴黎恋人网站的首页界面 2
2.巴黎恋人网站的首页页面功能图 4
3.LOGO的设计 4
4.导航条的设计 5
5.首页中间部分的设计 5
6.首页底部的说明 8
(三)子页的部分界面设计 8
1.艺术写真作品界面的设计 9
2.婚纱礼服界面的设计 10
3.联系我们 12
4.婚纱景点的设计 13
5.资讯中心 14
6.Princess Dream界面的设计 17
7.解决新娘妆容误区界面的设计 18
四、网站的测试与问题解决 19
五、总结 21
致谢 22
参考文献 23
一、绪论
（一）课题研究背景
随着人们的生活水平提高，很多的女孩都希望能够拥有自己的婚纱，无论是专门为自己定做还是买的自己比较喜欢的婚纱，能穿着它嫁给自己心爱的他，并将这美丽的一刻通过摄影或者拍摄的照片记录下来，想想都觉着是一件幸福的事。在她们心中，婚纱是他们即将相伴一生的证明，是他们美好生活的开始，而留下的照片则将成为他们对此刻的美好回忆的证据所在。网上的多数网站都是针对婚纱或者摄影为主的，因此巴黎恋人婚纱摄影网站包含了婚纱和摄影，因此该网站可以为浏览的用户节省时间和精力。
（二）课题研究的目的和意义
巴黎恋人网站主要为了解决婚纱礼服（中式婚纱、西式婚纱）、婚纱摄影（婚纱摄影作品以及艺术写真作品的拍摄）、结婚配饰（随身佩戴的首饰品）以及婚纱景点（拍照的国内外著名景点）一体化或者部分产品的服务。人们常说：“婚纱就在结
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
网上的多数网站都是针对婚纱或者摄影为主的，因此巴黎恋人婚纱摄影网站包含了婚纱和摄影，因此该网站可以为浏览的用户节省时间和精力。
（二）课题研究的目的和意义
巴黎恋人网站主要为了解决婚纱礼服（中式婚纱、西式婚纱）、婚纱摄影（婚纱摄影作品以及艺术写真作品的拍摄）、结婚配饰（随身佩戴的首饰品）以及婚纱景点（拍照的国内外著名景点）一体化或者部分产品的服务。人们常说：“婚纱就在结婚的当天穿下，没什么其他的价值。压根就不需要特意花钱去买。”对此，很多的业内人士表示不赞同，他们认为正因为一辈子一次，值得保留纪念，所以婚纱要买，而且还要买自己喜欢的买。婚纱购买要适合自己的，所谓的适合自己，不一定是最美的婚纱，它也不一定是最贵的婚纱,但它往往是最适合自己的那一件。婚纱的购买不仅要适合自己的体型，更要适合经济能力和婚纱的形式。而巴黎恋人婚纱网站价格适中，产品多样，还可以在购买婚纱的同时，关注到网站上的关于景点拍摄以及首饰品的佩戴的其他方面信息。
二、网站简介
（一）网站介绍
本课题主要通过对婚纱、婚纱摄影方面通过使用Dreamweaver进行代码的编写；Photoshop软件对图片进行修饰、裁剪以及对网站界面的美化,最终使得网站以达到内容完整，页面工整，搭配合理，并且使得网页能适应三大主流浏览器。
（二）制作工具
1. Adobe Dreamweaver
Dreamweaver是一种即所得网页编辑器，它是由美国MACPOMEDIA公司开发的集网页管理管理和管理网站于一身的第一套针对专业网页设计师特别发展的视觉化网页开发工具。
在网页设计与制作领域中，Dreamweaver是用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。Dreamweaver 8是将可视布局工具、应用程序开发功能和代码编辑建立Web站点和应用程序支持组合在一起，使得各个级别的开发人员和设计人员都能够快速创立其基于标准的网站和应用程序的优美界面的专业工具。
2. Photoshop
Photoshop是一款由Adobe Systems开发和发行的主要负责处理以像素构成的图像处理软件。Photoshop的功能在专业测评、平面设计、广告摄影、影像创意、网页制作、后期修饰、视觉创意、界面设计等多个方面都有涉及。
三、巴黎恋人网站的设计
（一）婚纱网站总体介绍
本网站主要包含首页、婚纱摄影、婚纱礼服、结婚首饰、婚纱景点、资讯中心以及联系我们等几个界面。通过对网站的介绍，让浏览信息的用户更翻边、更简洁的了解巴黎恋人婚纱网站。
首页界面主要包括精品推荐、公司介绍、以及第二层连接界面的一些产品目录。从首页可以让浏览者在浏览首页信息的同时了解本网站是否有该用户所需要的信息，方便用户的使用，节省时间。
婚纱礼服界面包含了各种款式的婚纱，如中式旗袍、凤冠霞帔以及西式婚纱中的公主型婚纱、王后型婚纱等。让浏览信息的用户在第一时间内找到适合自己或者自己喜欢的婚纱；本界面还可以通过婚纱礼服界面右侧的伴娘服链接到伴娘服界面，这个界面可以让浏览者在购买所需婚纱的同时可以找到自己喜欢或者适合闺蜜的伴娘服。
其他子页的整体布局与婚纱礼服界面大致相同，可以减少用户在浏览信息的同时，不会有眼花缭乱的感觉，给人以清新舒适之感。
网站设计主要包括3层，如图3-1所示。
图3-1 巴黎恋人网站的组织结构图
（二）婚纱网站的页面结构设计
1.巴黎恋人网站的首页界面
首页界面主要有精品推荐、公司简介等方面的介绍。通过简单的介绍，让浏览者在浏览信息的同时，了解本公司的基本信息，增加可信度；同时也可以了解到最近的婚纱流行款式，是否满足自己的需求。也可以通过首页的简单浏览，了解到搭配婚纱时所需要挑选的婚鞋注意的事项，以及拍摄婚纱时所化的妆容应该如何搭配婚纱，婚鞋以及首饰；并且可以通过浏览首页了解到本网站所参考的网站，便于与其他的婚纱网站作对比，突出本网站的优势。首页的设计结构图如图3-2所示。
LOGO
导航条
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2519.html
一、绪论 1
（一）课题研究背景 1
（二）课题研究的目的和意义 1
二、网站简介 1
（一）网站介绍 1
（二）制作工具 1
1. Adobe Dreamweaver 1
2. Photoshop 1
三、巴黎恋人网站的设计 2
（一）婚纱网站总体介绍 2
（二）婚纱网站的页面结构设计 2
1.巴黎恋人网站的首页界面 2
2.巴黎恋人网站的首页页面功能图 4
3.LOGO的设计 4
4.导航条的设计 5
5.首页中间部分的设计 5
6.首页底部的说明 8
(三)子页的部分界面设计 8
1.艺术写真作品界面的设计 9
2.婚纱礼服界面的设计 10
3.联系我们 12
4.婚纱景点的设计 13
5.资讯中心 14
6.Princess Dream界面的设计 17
7.解决新娘妆容误区界面的设计 18
四、网站的测试与问题解决 19
五、总结 21
致谢 22
参考文献 23
一、绪论
（一）课题研究背景
随着人们的生活水平提高，很多的女孩都希望能够拥有自己的婚纱，无论是专门为自己定做还是买的自己比较喜欢的婚纱，能穿着它嫁给自己心爱的他，并将这美丽的一刻通过摄影或者拍摄的照片记录下来，想想都觉着是一件幸福的事。在她们心中，婚纱是他们即将相伴一生的证明，是他们美好生活的开始，而留下的照片则将成为他们对此刻的美好回忆的证据所在。网上的多数网站都是针对婚纱或者摄影为主的，因此巴黎恋人婚纱摄影网站包含了婚纱和摄影，因此该网站可以为浏览的用户节省时间和精力。
（二）课题研究的目的和意义
巴黎恋人网站主要为了解决婚纱礼服（中式婚纱、西式婚纱）、婚纱摄影（婚纱摄影作品以及艺术写真作品的拍摄）、结婚配饰（随身佩戴的首饰品）以及婚纱景点（拍照的国内外著名景点）一体化或者部分产品的服务。人们常说：“婚纱就在结
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
网上的多数网站都是针对婚纱或者摄影为主的，因此巴黎恋人婚纱摄影网站包含了婚纱和摄影，因此该网站可以为浏览的用户节省时间和精力。
（二）课题研究的目的和意义
巴黎恋人网站主要为了解决婚纱礼服（中式婚纱、西式婚纱）、婚纱摄影（婚纱摄影作品以及艺术写真作品的拍摄）、结婚配饰（随身佩戴的首饰品）以及婚纱景点（拍照的国内外著名景点）一体化或者部分产品的服务。人们常说：“婚纱就在结婚的当天穿下，没什么其他的价值。压根就不需要特意花钱去买。”对此，很多的业内人士表示不赞同，他们认为正因为一辈子一次，值得保留纪念，所以婚纱要买，而且还要买自己喜欢的买。婚纱购买要适合自己的，所谓的适合自己，不一定是最美的婚纱，它也不一定是最贵的婚纱,但它往往是最适合自己的那一件。婚纱的购买不仅要适合自己的体型，更要适合经济能力和婚纱的形式。而巴黎恋人婚纱网站价格适中，产品多样，还可以在购买婚纱的同时，关注到网站上的关于景点拍摄以及首饰品的佩戴的其他方面信息。
二、网站简介
（一）网站介绍
本课题主要通过对婚纱、婚纱摄影方面通过使用Dreamweaver进行代码的编写；Photoshop软件对图片进行修饰、裁剪以及对网站界面的美化,最终使得网站以达到内容完整，页面工整，搭配合理，并且使得网页能适应三大主流浏览器。
（二）制作工具
1. Adobe Dreamweaver
Dreamweaver是一种即所得网页编辑器，它是由美国MACPOMEDIA公司开发的集网页管理管理和管理网站于一身的第一套针对专业网页设计师特别发展的视觉化网页开发工具。
在网页设计与制作领域中，Dreamweaver是用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。Dreamweaver 8是将可视布局工具、应用程序开发功能和代码编辑建立Web站点和应用程序支持组合在一起，使得各个级别的开发人员和设计人员都能够快速创立其基于标准的网站和应用程序的优美界面的专业工具。
2. Photoshop
Photoshop是一款由Adobe Systems开发和发行的主要负责处理以像素构成的图像处理软件。Photoshop的功能在专业测评、平面设计、广告摄影、影像创意、网页制作、后期修饰、视觉创意、界面设计等多个方面都有涉及。
三、巴黎恋人网站的设计
（一）婚纱网站总体介绍
本网站主要包含首页、婚纱摄影、婚纱礼服、结婚首饰、婚纱景点、资讯中心以及联系我们等几个界面。通过对网站的介绍，让浏览信息的用户更翻边、更简洁的了解巴黎恋人婚纱网站。
首页界面主要包括精品推荐、公司介绍、以及第二层连接界面的一些产品目录。从首页可以让浏览者在浏览首页信息的同时了解本网站是否有该用户所需要的信息，方便用户的使用，节省时间。
婚纱礼服界面包含了各种款式的婚纱，如中式旗袍、凤冠霞帔以及西式婚纱中的公主型婚纱、王后型婚纱等。让浏览信息的用户在第一时间内找到适合自己或者自己喜欢的婚纱；本界面还可以通过婚纱礼服界面右侧的伴娘服链接到伴娘服界面，这个界面可以让浏览者在购买所需婚纱的同时可以找到自己喜欢或者适合闺蜜的伴娘服。
其他子页的整体布局与婚纱礼服界面大致相同，可以减少用户在浏览信息的同时，不会有眼花缭乱的感觉，给人以清新舒适之感。
网站设计主要包括3层，如图3-1所示。
图3-1 巴黎恋人网站的组织结构图
（二）婚纱网站的页面结构设计
1.巴黎恋人网站的首页界面
首页界面主要有精品推荐、公司简介等方面的介绍。通过简单的介绍，让浏览者在浏览信息的同时，了解本公司的基本信息，增加可信度；同时也可以了解到最近的婚纱流行款式，是否满足自己的需求。也可以通过首页的简单浏览，了解到搭配婚纱时所需要挑选的婚鞋注意的事项，以及拍摄婚纱时所化的妆容应该如何搭配婚纱，婚鞋以及首饰；并且可以通过浏览首页了解到本网站所参考的网站，便于与其他的婚纱网站作对比，突出本网站的优势。首页的设计结构图如图3-2所示。
LOGO
导航条
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2519.html
