HIHF婚纱馆网站建设说明书
日 期：2014年11月25日 目录
一、 网站的设计背景 2
（一）技术背景 2
（二）内容背景 2
二、 网站的基本情况 2
（一）网站的主框架 2
（二）主色调的应用 2
（三）设计工具的选择 3
三、 网站内容概述 3
（一）首页的组成 3
1.名称的含义（如图3-1） 3
2.Banner 的概述 4
3.首页其它组成部分 4
（二）子页面的设计 5
四、网页浏览 5
（一） 导航栏 5
1.婚纱专区： 5
2.礼服专区： 5
3.旗袍专区： 8
4.饰品专区： 8
5.购物车： 8
6.注册： 8
（二） 左侧信息 8
1.畅销产品: 9
2.联系我们： 9
（三）左侧信息（最新动态、热搜产品）： 9
1.最新动态： 9
2.热搜产品: 9
3.底部的链接： 9
五、 网站的测试与维护 10
（一）网站测试： 10
（二）网站维护: 10
六、 网站推广方法 11
（一）利用搜索引擎推广 11
（二）与相关网页，进行互加链接 11
（三）使用弹出式广告 11
（四）邮件推广 11
七、 总结 11
致谢 12
参考文献 12
附录 12
*好棒文|www.hbsrm.com +Q: ^351916072*
> 一、网站的设计背景
（一）技术背景
早在90年代，网页的制作主要依赖于代码式制作，即使用HTML代码来进行网页制作，这样的弊端在于网页制作的工作量太大，并且制作难度较高！而现而今，由于技术的逐渐成熟，制作网页的工具也逐渐的增多。使用最广范的属Macromedia Dreamweaver 8、Flash、Fireworks。这三者的结合使用，使得网页制作可以进行可视化的操作，让网页制作越来越容易，每一个人都可以通过自己的学习，制作属于自己的网站。当然我便也是得益于这样简单的、可视化的制作方法，才制作出属于自己的网站！
（二）内容背景
之所以，会选择制作一个婚纱网站，首先，是因为在我这个年纪，可能最羡慕的一种人，那便是穿着属于自己的婚纱和自己梦中的王子走进婚姻殿堂。所以每一个女孩对待自己的婚礼总是很细心，哪怕一个小小的细节都会注意到。而婚纱并不是一个小小的细节，而是承载每一个即将结婚的女孩梦中婚礼的翅膀！对待它，我们可以逛完所有的店，只为寻到自己钟爱的那一件！其次，在校期间，我学习了网站设计、PS、FLASH等实用性的课程，而这些课程为我可以制作一个网站，提供了完成的可能性！最后，做一个婚纱网站，也是对我三年在校学习的一个交代，证明我并不是无所事事，混日子的那一类学生，我也有学到一些技术，我也可以做一个网站——一个自己可以倾尽所有所学知识的网站！
二、网站的基本情况
（一）网站的主框架
（如图2-1主框架展示）所示，本网页所使用的主要框架，可以看出主要为TABLE结构，表格的层套层结构。这样的主要好处为结构较为整体、整洁，不至于给人以混乱的感觉。其次talbe的布局非常简单，而且相对于其它布局结构而言，TABLE结构的布局对于浏览器的兼容性较好，几乎所有的浏览器，浏览TABLE结构的网页，网页时不会发生任何的变化！
LOGO
Banner
导航栏
畅销商品 店内最新动态
FLASH展示
产品特色
（图2-1主框架展示）
（二）主色调的应用
每一个网站大多数是由标题、文字、图片、按钮的切换等，所组成。在一般的情况下，我们进入某个网站，给予我们的第一印象，并不是它的字体多么的具有特色，图片多么的绚丽。往往是整个网站，颜色组合应用所呈现出来的效果，是我们一进入便是可以感觉出来的。如（图2-2主色调展示），在本网页中，主要是以绿色为主，绿色是植物的根茎颜色，所以很多时候给人们的感觉是纯洁、活力、具有生命力！而春天，满山遍野草儿的生长，是一年四季中最美的景象！每一个女孩，一生之中最美的时候便是穿上婚纱嫁给自己心爱的人，这便是我之所以用绿色为网页的主色调的一个主要原因！其次，是因为在现在这个快节奏的社会里，每一个人每天都会面对形形色色的压力，越来越疲劳的对待每一件的事情。然而却越来越憧憬拥抱大自然，所以清新的绿色会让访问者安定狂躁不安的心！让她们能够静下心来，真正的体会到自己内心深处的喜好!
（图2-2主色调展示）
（三）设计工具的选择
在如今，大部分的网站建设都是通过网站三剑客（Macromedia Dreamweaver 8、Flash、Fireworks）的结合使用，来进行网站制作。以下将会为大家简单的介绍以下三种设计工具。首先这三种制作工具之所以称之为三剑客，是因为这三者之间天衣无缝的合作，可以制作出非常美观的网站。当然这三者扮演着不同的角色：Macromedia Dreamweaver 8即对网站内容编写的可视化排版，可以将做好的信息进行编排而组成网站。Flash即制作动画，将动画插入网站中，可以使网站拥有很好的视觉效果。让访问者不会因为网站内容的一层不变而感到无趣，最终退出对你网站的访问。Fireworks主要用来制作整个网站的页面，然后将你所需要的部分导出，添加MacromediaDreamweaver 8中，这样做可以使得我们对于网站有一个全面的认识！不至于使得网站内容毫无头绪可言，当然这些制作工具并不是非常的完美，任然有很大的缺陷，列如利用Dreamweaver 8制作出来的网站，通常情况下，以网页形式浏览，很难达到与你所制作看到的界面是一样的。所以在制作网页的时候，需要我们有足够的耐心，进行不停的修改，反复的浏览，才会制作出令自己满意的网站。
三、网站内容概述
（一）首页的组成
1.名称的含义（如图3-1 LOGO展示）
HIHF婚纱馆是从一开始我便就想给网站起的名字,HIHF为Hand in hand forever的缩写，意为手牵着手直到永远！每一对即将结婚的新人，内心深处最最深切的渴望的便是和彼此执子之手，与子偕老！所以这个名字是我代表整个网站对于每一位在本婚纱馆购买婚纱的新人最最真挚的期盼！当然这样的网站名称也是非常迎合购买者的内心，让她们觉得网站的整体感觉是给人以温馨、积极。让她们等加乐于去购买。
2.Banner 的概述
本网站Banner主要是由婚纱图片、文字、绿叶所组成（如图3-2）。主图为纯白婚纱前后展示，飘扬而起的婚纱在暗示着访问者，神圣以及纯洁，让人第一个感觉便是静下心来好好的访问！与主图纯白婚纱相互对称的便是左右几簇小白花，点点的绿叶衬托更加素雅、淡洁。然而上下绿色横条又与绿叶遥遥相称，既不会显得太过花哨，也不失美观而横幅的中间便是一窜英文：The best big ball gowns be a fairy birde ！ Try ballgowns! (最好的礼服成就了每一位新娘的公主梦！翩翩起舞吧！）在结婚的那一天，每一位新娘都希望自己是被王子捧在手心里的公主，所以简单的英语，道出了每一位新娘内心深处最最直接的想法！从整体上来看，每一个部分的设计都是有其独特的寓意。即重点体现：清新、素雅的氛围！所以一个简简单单Banner的设计也是有大大的学问！
一、 网站的设计背景 2
（一）技术背景 2
（二）内容背景 2
二、 网站的基本情况 2
（一）网站的主框架 2
（二）主色调的应用 2
（三）设计工具的选择 3
三、 网站内容概述 3
（一）首页的组成 3
1.名称的含义（如图3-1） 3
2.Banner 的概述 4
3.首页其它组成部分 4
（二）子页面的设计 5
四、网页浏览 5
（一） 导航栏 5
1.婚纱专区： 5
2.礼服专区： 5
3.旗袍专区： 8
4.饰品专区： 8
5.购物车： 8
6.注册： 8
（二） 左侧信息 8
1.畅销产品: 9
2.联系我们： 9
（三）左侧信息（最新动态、热搜产品）： 9
1.最新动态： 9
2.热搜产品: 9
3.底部的链接： 9
五、 网站的测试与维护 10
（一）网站测试： 10
（二）网站维护: 10
六、 网站推广方法 11
（一）利用搜索引擎推广 11
（二）与相关网页，进行互加链接 11
（三）使用弹出式广告 11
（四）邮件推广 11
七、 总结 11
致谢 12
参考文献 12
附录 12
*好棒文|www.hbsrm.com +Q: ^351916072*
> 一、网站的设计背景
（一）技术背景
早在90年代，网页的制作主要依赖于代码式制作，即使用HTML代码来进行网页制作，这样的弊端在于网页制作的工作量太大，并且制作难度较高！而现而今，由于技术的逐渐成熟，制作网页的工具也逐渐的增多。使用最广范的属Macromedia Dreamweaver 8、Flash、Fireworks。这三者的结合使用，使得网页制作可以进行可视化的操作，让网页制作越来越容易，每一个人都可以通过自己的学习，制作属于自己的网站。当然我便也是得益于这样简单的、可视化的制作方法，才制作出属于自己的网站！
（二）内容背景
之所以，会选择制作一个婚纱网站，首先，是因为在我这个年纪，可能最羡慕的一种人，那便是穿着属于自己的婚纱和自己梦中的王子走进婚姻殿堂。所以每一个女孩对待自己的婚礼总是很细心，哪怕一个小小的细节都会注意到。而婚纱并不是一个小小的细节，而是承载每一个即将结婚的女孩梦中婚礼的翅膀！对待它，我们可以逛完所有的店，只为寻到自己钟爱的那一件！其次，在校期间，我学习了网站设计、PS、FLASH等实用性的课程，而这些课程为我可以制作一个网站，提供了完成的可能性！最后，做一个婚纱网站，也是对我三年在校学习的一个交代，证明我并不是无所事事，混日子的那一类学生，我也有学到一些技术，我也可以做一个网站——一个自己可以倾尽所有所学知识的网站！
二、网站的基本情况
（一）网站的主框架
（如图2-1主框架展示）所示，本网页所使用的主要框架，可以看出主要为TABLE结构，表格的层套层结构。这样的主要好处为结构较为整体、整洁，不至于给人以混乱的感觉。其次talbe的布局非常简单，而且相对于其它布局结构而言，TABLE结构的布局对于浏览器的兼容性较好，几乎所有的浏览器，浏览TABLE结构的网页，网页时不会发生任何的变化！
LOGO
Banner
导航栏
畅销商品 店内最新动态
FLASH展示
产品特色
（图2-1主框架展示）
（二）主色调的应用
每一个网站大多数是由标题、文字、图片、按钮的切换等，所组成。在一般的情况下，我们进入某个网站，给予我们的第一印象，并不是它的字体多么的具有特色，图片多么的绚丽。往往是整个网站，颜色组合应用所呈现出来的效果，是我们一进入便是可以感觉出来的。如（图2-2主色调展示），在本网页中，主要是以绿色为主，绿色是植物的根茎颜色，所以很多时候给人们的感觉是纯洁、活力、具有生命力！而春天，满山遍野草儿的生长，是一年四季中最美的景象！每一个女孩，一生之中最美的时候便是穿上婚纱嫁给自己心爱的人，这便是我之所以用绿色为网页的主色调的一个主要原因！其次，是因为在现在这个快节奏的社会里，每一个人每天都会面对形形色色的压力，越来越疲劳的对待每一件的事情。然而却越来越憧憬拥抱大自然，所以清新的绿色会让访问者安定狂躁不安的心！让她们能够静下心来，真正的体会到自己内心深处的喜好!
（图2-2主色调展示）
（三）设计工具的选择
在如今，大部分的网站建设都是通过网站三剑客（Macromedia Dreamweaver 8、Flash、Fireworks）的结合使用，来进行网站制作。以下将会为大家简单的介绍以下三种设计工具。首先这三种制作工具之所以称之为三剑客，是因为这三者之间天衣无缝的合作，可以制作出非常美观的网站。当然这三者扮演着不同的角色：Macromedia Dreamweaver 8即对网站内容编写的可视化排版，可以将做好的信息进行编排而组成网站。Flash即制作动画，将动画插入网站中，可以使网站拥有很好的视觉效果。让访问者不会因为网站内容的一层不变而感到无趣，最终退出对你网站的访问。Fireworks主要用来制作整个网站的页面，然后将你所需要的部分导出，添加MacromediaDreamweaver 8中，这样做可以使得我们对于网站有一个全面的认识！不至于使得网站内容毫无头绪可言，当然这些制作工具并不是非常的完美，任然有很大的缺陷，列如利用Dreamweaver 8制作出来的网站，通常情况下，以网页形式浏览，很难达到与你所制作看到的界面是一样的。所以在制作网页的时候，需要我们有足够的耐心，进行不停的修改，反复的浏览，才会制作出令自己满意的网站。
三、网站内容概述
（一）首页的组成
1.名称的含义（如图3-1 LOGO展示）
HIHF婚纱馆是从一开始我便就想给网站起的名字,HIHF为Hand in hand forever的缩写，意为手牵着手直到永远！每一对即将结婚的新人，内心深处最最深切的渴望的便是和彼此执子之手，与子偕老！所以这个名字是我代表整个网站对于每一位在本婚纱馆购买婚纱的新人最最真挚的期盼！当然这样的网站名称也是非常迎合购买者的内心，让她们觉得网站的整体感觉是给人以温馨、积极。让她们等加乐于去购买。
2.Banner 的概述
本网站Banner主要是由婚纱图片、文字、绿叶所组成（如图3-2）。主图为纯白婚纱前后展示，飘扬而起的婚纱在暗示着访问者，神圣以及纯洁，让人第一个感觉便是静下心来好好的访问！与主图纯白婚纱相互对称的便是左右几簇小白花，点点的绿叶衬托更加素雅、淡洁。然而上下绿色横条又与绿叶遥遥相称，既不会显得太过花哨，也不失美观而横幅的中间便是一窜英文：The best big ball gowns be a fairy birde ！ Try ballgowns! (最好的礼服成就了每一位新娘的公主梦！翩翩起舞吧！）在结婚的那一天，每一位新娘都希望自己是被王子捧在手心里的公主，所以简单的英语，道出了每一位新娘内心深处最最直接的想法！从整体上来看，每一个部分的设计都是有其独特的寓意。即重点体现：清新、素雅的氛围！所以一个简简单单Banner的设计也是有大大的学问！
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/jjymy/3207.html
