丹阳思远眼镜网站设计与开发
：丹阳思远眼镜网站的建设是基于眼镜的宣传推广的需要而建设，由于生活方式的进步和职业的增多，使得人们的视力不断受到限制，其种类多且不仅仅局限于近视者才能佩戴，为了使更多的人更加了解眼镜，为此进行了本课题网站的建设及研究，本网站是基于HTML5和CSS3等技术平台进行的开发和建设，运用JavaScript对其中一部分图片及文字进行特效处理。使得本网站页面的美观性得到提高，且页面整体更加新颖出众，博人眼球。本网站建设的宗旨是眼镜的宣传推广，重要包括眼镜资讯，护理用品，图片精选等几个模块，本网站的实现能使大众更全面的了解眼镜方面的相关信息，极大程度上起到对眼镜的宣传推广作用。
目 录
一、引言 1
二、需求分析 1
三、开发工具选择 2
（一）关于Dreamweaver 2
（二）关于Photoshop 2
（三）记事本、JavaScript 2
四、主体设计 2
（一）网站开发流程 2
1．功能结构图绘制 2
2．界面设计 3
3．网页div结构和层样式 4
（二）网站基本功能 5
1．首页 5
2．眼镜资讯 7
3．产品介绍 7
4．护理用品 9
5．图片精选 10
6．信息发布 10
7．网上留言 11
（三）Javascript特效实现 12
1．图片滚动 12
2．鼠标的移动及移出效果 12
五、总结 13
致谢 14
参考文献 15
引言
我们生活在一个信息时代，而这得益于一个强大的全球信息传播媒介—互联网的诞生与发展，随着互联网技术的不断更新发展，越来越多的人开始使用互联网，成为互联网上的某个节点。这些人既可以是互联网信息的生产者，也可以是互联网商品的消费者。所以，互联网也在一定程度上冲击着传统的商业模式，各行各业都开始把营销方式和互联网联系在一起，通过创建专属的销售网站，来扩大自己的营业额，而眼镜行业自然也受到了这种变革的冲击。首先，由于生活方式的进步和职业的增多，使得当
*好棒文|www.hbsrm.com +Q: ^351916072*
今人们的视力不断受到限制，眼镜是现代人几乎必不可少的生活必需品，人们习惯到线下实体店去购买，对于网站店铺的关注度不高，而这无疑是眼镜行业的一个巨大的潜在市场。其次，人们的消费方式随着互联网的发展也在发生变化，更多的人选择线上的消费模式，这也使得眼镜市场的开发宣传从潜在的可行性转变为现实。但是，由于现在网上眼镜的销售鱼龙混杂，大部分的眼镜品牌没有自己专属的网站，只能借助电商平台来进行线上销售，这不但导致自身品牌影响力不足，也会影响到公司的营业额。所以，设计一个品牌的专属网站，不但能从线上线下两种途径来扩大自身的市场销售，也能增加自身的品牌影响力，为公司的长久发展宣传造势。
由于不正确的佩戴方式以及护理方式，使得眼镜以及眼睛受到很大损伤，因此本网站在护理方面也有说明，使得消费者在今后能够学会正确的护理方法，市场上的眼镜种类多用途多不仅仅局限于近视者才能配戴，所以本网站将眼镜分类便于消费者了解眼镜，以便今后更好的选择眼镜。眼镜在如今的社会已是必不可少的物品，无论是佩戴或是作为装饰品，通过本网站可获得眼镜的最新资讯潮流，网站建设的意义在于让消费者了解眼镜。获取眼镜最新资讯潮流以及如何护理眼镜。
网站的开发采用HTML、CSS和JS特效来实现，这也是目前最为流行的网站建设方式。
二、需求分析
首先从实体店来分析，可以知道，实体眼镜店存在的时间较久，但是在长时间的实体形式销售下，许多眼镜品牌的销售模式已经僵化，不同品牌的眼镜店它们的销售模式可以说是大同小异，而一些较大品牌的眼镜店长期霸占绝大部分的顾客资源，如果其他较小的或者新的眼镜品牌选择和大品牌一样的销售模式，那无疑是以卵击石。所以，改变传统的营业模式，开辟并抢占线上的市场资源，是提升自身竞争力的必要之举。而这些品牌的最先要做的就是设计一个专属的有特色的眼镜销售网站。
其次从消费者角度来分析，现代人更加普遍地使用网上购物的方式，顺应这样的潮流，开辟线上眼镜销售也是迎合了消费者的购物心理。虽然线下实体店的眼镜销售会定期更新商品，但还是不及网站的更新速度。频繁的商品更新，快时尚的商品销售，必然会吸引更多的年轻顾客，从而加大在与传统实体店竞争中的影响力。所以，眼镜网站的设计运行势在必行。
三、开发工具选择
开发环境选择在Windows环境下，浏览器为IE9。眼镜静态网站的建设主要用到Dreamweaver和Photoshop两大软件。
（一）关于Dreamweaver
Dreamweaver它是一个集网页制作和管理网站于一身的所见即所得的网页编辑器，使用者可以利用它轻而易举地制作出充满动感的网页，在编写代码时使用者可以通过输入首字母来得到标签的提示，且不同的标签对应的颜色也不相同，方便使用者查询检阅，这种人性化的设计使得使用者极大程度上提高了编写效率。
（二）关于Photoshop
Adobe Photoshop，简称“PS”，是一款著名的图像处理软件。
Photoshop是网站建设的另一主要工具，它主要是处理以像素所构成的数字图像，它里面包含众多的编修与绘图工具，利用这些工具可以有效地对图片进行编辑工作。利用它可以制作出众多精美的图片，使得网站页面更加美观。
（三）记事本、JavaScript
除此之外网站制作过程中还有用到记事本和JavaScript，记事本能够更加快捷方便地打开网站代码，而且它不限制对网页代码的查看，减少了代码在其他应用软件上查阅是所带来的不方便性，极大的提高了查阅编辑效率，JavaScript是一种直译脚本语言，主要是利用它来给网页增加动态功能，从而使得网站更具可观性。
四、主体设计
（一）网站开发流程
1．功能结构图绘制
为满足网站对功能的要求，本网站分为首页、眼镜资讯、产品介绍、护理用品、图片精选、信息发布和网上留言七个版块，按照图41所示。
图41 网站详细结构图
首页是一个网站的门面，因为它是最先也是最全面的向浏览者介绍整个网站内容的页面。眼镜资讯的模块是关于眼镜的一些最新资讯，让浏览者了解眼镜的最新动态；产品介绍模块是向浏览者介绍眼镜的一些分类以及用途，让浏览者更加了解眼镜，让浏览者更好的了解眼镜；护理用品模块主要介绍了眼镜护理时索要用到的一些产品；图片精选模块则是向浏览者展示一些商品实物图，浏览者在此模块可以看到众多的眼镜实物图；信息发布模块是提供给有最新资讯或是想发布关于眼镜方面的资讯时所使用；网上留言则是方便让浏览者对网站提出意见。
2．界面设计
网站首页是整个网站的核心之处，网站内的其他页面布局也会依照首页的布局来设计，本网站采用DIV+CSS的布局方式。
目 录
一、引言 1
二、需求分析 1
三、开发工具选择 2
（一）关于Dreamweaver 2
（二）关于Photoshop 2
（三）记事本、JavaScript 2
四、主体设计 2
（一）网站开发流程 2
1．功能结构图绘制 2
2．界面设计 3
3．网页div结构和层样式 4
（二）网站基本功能 5
1．首页 5
2．眼镜资讯 7
3．产品介绍 7
4．护理用品 9
5．图片精选 10
6．信息发布 10
7．网上留言 11
（三）Javascript特效实现 12
1．图片滚动 12
2．鼠标的移动及移出效果 12
五、总结 13
致谢 14
参考文献 15
引言
我们生活在一个信息时代，而这得益于一个强大的全球信息传播媒介—互联网的诞生与发展，随着互联网技术的不断更新发展，越来越多的人开始使用互联网，成为互联网上的某个节点。这些人既可以是互联网信息的生产者，也可以是互联网商品的消费者。所以，互联网也在一定程度上冲击着传统的商业模式，各行各业都开始把营销方式和互联网联系在一起，通过创建专属的销售网站，来扩大自己的营业额，而眼镜行业自然也受到了这种变革的冲击。首先，由于生活方式的进步和职业的增多，使得当
*好棒文|www.hbsrm.com +Q: ^351916072*
今人们的视力不断受到限制，眼镜是现代人几乎必不可少的生活必需品，人们习惯到线下实体店去购买，对于网站店铺的关注度不高，而这无疑是眼镜行业的一个巨大的潜在市场。其次，人们的消费方式随着互联网的发展也在发生变化，更多的人选择线上的消费模式，这也使得眼镜市场的开发宣传从潜在的可行性转变为现实。但是，由于现在网上眼镜的销售鱼龙混杂，大部分的眼镜品牌没有自己专属的网站，只能借助电商平台来进行线上销售，这不但导致自身品牌影响力不足，也会影响到公司的营业额。所以，设计一个品牌的专属网站，不但能从线上线下两种途径来扩大自身的市场销售，也能增加自身的品牌影响力，为公司的长久发展宣传造势。
由于不正确的佩戴方式以及护理方式，使得眼镜以及眼睛受到很大损伤，因此本网站在护理方面也有说明，使得消费者在今后能够学会正确的护理方法，市场上的眼镜种类多用途多不仅仅局限于近视者才能配戴，所以本网站将眼镜分类便于消费者了解眼镜，以便今后更好的选择眼镜。眼镜在如今的社会已是必不可少的物品，无论是佩戴或是作为装饰品，通过本网站可获得眼镜的最新资讯潮流，网站建设的意义在于让消费者了解眼镜。获取眼镜最新资讯潮流以及如何护理眼镜。
网站的开发采用HTML、CSS和JS特效来实现，这也是目前最为流行的网站建设方式。
二、需求分析
首先从实体店来分析，可以知道，实体眼镜店存在的时间较久，但是在长时间的实体形式销售下，许多眼镜品牌的销售模式已经僵化，不同品牌的眼镜店它们的销售模式可以说是大同小异，而一些较大品牌的眼镜店长期霸占绝大部分的顾客资源，如果其他较小的或者新的眼镜品牌选择和大品牌一样的销售模式，那无疑是以卵击石。所以，改变传统的营业模式，开辟并抢占线上的市场资源，是提升自身竞争力的必要之举。而这些品牌的最先要做的就是设计一个专属的有特色的眼镜销售网站。
其次从消费者角度来分析，现代人更加普遍地使用网上购物的方式，顺应这样的潮流，开辟线上眼镜销售也是迎合了消费者的购物心理。虽然线下实体店的眼镜销售会定期更新商品，但还是不及网站的更新速度。频繁的商品更新，快时尚的商品销售，必然会吸引更多的年轻顾客，从而加大在与传统实体店竞争中的影响力。所以，眼镜网站的设计运行势在必行。
三、开发工具选择
开发环境选择在Windows环境下，浏览器为IE9。眼镜静态网站的建设主要用到Dreamweaver和Photoshop两大软件。
（一）关于Dreamweaver
Dreamweaver它是一个集网页制作和管理网站于一身的所见即所得的网页编辑器，使用者可以利用它轻而易举地制作出充满动感的网页，在编写代码时使用者可以通过输入首字母来得到标签的提示，且不同的标签对应的颜色也不相同，方便使用者查询检阅，这种人性化的设计使得使用者极大程度上提高了编写效率。
（二）关于Photoshop
Adobe Photoshop，简称“PS”，是一款著名的图像处理软件。
Photoshop是网站建设的另一主要工具，它主要是处理以像素所构成的数字图像，它里面包含众多的编修与绘图工具，利用这些工具可以有效地对图片进行编辑工作。利用它可以制作出众多精美的图片，使得网站页面更加美观。
（三）记事本、JavaScript
除此之外网站制作过程中还有用到记事本和JavaScript，记事本能够更加快捷方便地打开网站代码，而且它不限制对网页代码的查看，减少了代码在其他应用软件上查阅是所带来的不方便性，极大的提高了查阅编辑效率，JavaScript是一种直译脚本语言，主要是利用它来给网页增加动态功能，从而使得网站更具可观性。
四、主体设计
（一）网站开发流程
1．功能结构图绘制
为满足网站对功能的要求，本网站分为首页、眼镜资讯、产品介绍、护理用品、图片精选、信息发布和网上留言七个版块，按照图41所示。
图41 网站详细结构图
首页是一个网站的门面，因为它是最先也是最全面的向浏览者介绍整个网站内容的页面。眼镜资讯的模块是关于眼镜的一些最新资讯，让浏览者了解眼镜的最新动态；产品介绍模块是向浏览者介绍眼镜的一些分类以及用途，让浏览者更加了解眼镜，让浏览者更好的了解眼镜；护理用品模块主要介绍了眼镜护理时索要用到的一些产品；图片精选模块则是向浏览者展示一些商品实物图，浏览者在此模块可以看到众多的眼镜实物图；信息发布模块是提供给有最新资讯或是想发布关于眼镜方面的资讯时所使用；网上留言则是方便让浏览者对网站提出意见。
2．界面设计
网站首页是整个网站的核心之处，网站内的其他页面布局也会依照首页的布局来设计，本网站采用DIV+CSS的布局方式。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/699.html
