家装网站的设计与实现
摘要：现如今网络信息技术飞速发展，互联网已成为人们快速获取、发布和传递信息的重要渠道，网络传播速度快范围广都是很大的优点，而对于装修行业来说，网络平台可以很好的提高企业品牌知名度促进销售，网络营销手段就是很好的利用了这一点。本课题就是设计一个家装类的网站推广平台，为了就是有更多的产品展示和订单来带动更多的营销。通过其网页展示了网站首页、在线申请、装修公司、装修效果图、装修必知、员工风采、企业文化等一系列内容的介绍。为了更好的宣传和服务于经济发展，通过制作一个笑客网网站来介绍本家装类电子商务网站。
目 录
一、引言 1
（一）课题来源 1
（二）技术可行性 1
二、开发工具和运行环境 2
（一）网站设计的基本知识 2
（二）Dreamweaver 8 简介 2
（三）网站运营环境 2
三、网页布局 2
（一）笑客网的网页布局 3
1.页面尺寸 3
2.整体造型 3
3.网站页头 3
4.文本和图片模块 4
5.页脚结构 4
（二）网页布局的技术 4
（三）笑客家装层次结构图 4
四、笑客网的功能模块 5
（一）网站首页顶部导航 5
（二）宣传广告滚动图展示 5
（三）最新装修效果图 5
（四）知名设计师 5
五、网站的具体实现 5
（一）笑客装修网首页 5
（二）笑客网装修公司页面 7
（三）笑客网登录页面 7
（四）笑客网关于我们页面 9
六、网站的测试与维护 10
七、结论 11
参考文献 12
致谢 13
一、引言
（一）课题来源
随着二十一世纪新兴科技的飞速发展，电子商务是最具有长远价值和意义的，电子商务改造了传统的生活方式，方便了顾客选择商品、商家销售、商家和顾客之间的结算和意见反馈的往来，使得我们获得各种产品及服务的的速度大大加快，这也满足了人们对生活质量不断提高的追求，而一家企业可以利用飞速
*好棒文|www.hbsrm.com +Q: ￥351916072￥
发展的电子商务来信息化的管理和现代化的经营，拉近了各个领域之间的距离，利用互联网来宣传或营销，因此电子商务网站建设在Internet应用上的地位显的格外重要。通过网络推广平台可以拓宽人们的视野，看到世界各地的生活，展示更多的商品等。而且在此基础上，也改变了人们享受生活的途径，所以引进家装平台也显得十分有必要。
（二）技术可行性
笑客家装网网站平台的开发基于B/S模式，由浏览器、web服务器和数据库服务器组成的三层架构，浏览器通过web服务器向数据库服务器发送数据请求，从而实现多对多的通信。而这种架构维护和升级也非常容易，客户端几乎是零维护，只需对服务器进行页面更改和内容删减，而且B/S架构建立在广域网之上，可以随时随地的访问，所以也极易扩展。
笑客家装网家装网站平台采用Dreamweaver和MySQL作为前端和后台的开发工具。开发网页简单快捷、运行快、开源，在多种平台都能运行，所以制作笑客家装网家装网站平台也具有技术可行性。
二、开发工具和运行环境
（一）网站设计的基本知识
网站就是多个网页通过超链接连接起来的集合，不同的网页通过有组织的链接整合到一起，为浏览者提供更丰富的信息，网站也是信息服务类企业的代名词，从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internrt上访问的页面。
按所处位置分类可以将网页分为首页和子页两类；按表现形式分类可以将网页分为静态网页和动态网页两类。
（二）Dreamweaver 8 简介
在设计网页时，首先要选择合适的网站开发工具，当然因为Dreamweaver使用的是HTML，这只是一种标记语言，所以使用文字编辑器也是可以实现的，而目前使用最广泛的还是Dreamweaver这种网站开发工具，Dreamweaver是一个“所见即所得”的可视化网站开发工具，能够使网页和数据库相关联来创建功能强大的Internet应用程序，支持最新的HTML编程语言和CSS技术，大多数网页形式均可以通过Dreamweaver来完成。Dreamweaver集网页制作和强大网站管理能力于一身，有多种视窗模式、大量的内置行为属性、简单易行的插件功能和用模板和库来创建具有统一风格网站的能力。
Dreamweaver给网页制作人员一个集成、高效的环境中所需的工具。可以突破浏览器的限制和多平台展示，而综合矢量、位图及网页功能的软件Fireworks、交互式矢量多媒体网页制作工具Flash、网页编辑器又被称为梦之队，因为他们能够无缝的合作使用，flash用于制作动画，firework用于处理图片，Dreamweaver用于拼接网页，所以也被成为网页制作三剑客。
（三）网站运营环境
使用IE6.0或以上版本 ，用1366*728分辨率为最佳显示效果。
三、网页布局
网站整体布局是提升整个网站访问量的重要方面，而网站的首页是给客户访问的的第一印象就更加决定着网站的价值，网站的主色调不宜超过三种，一般为“蓝、白、黑”，而辅助色调多选择绿色、橙色、黄色、灰色，颜色太多显得太过花哨，太少也会显得太过单一，网页制作适宜采用动态画面效果来丰富网站的元素，使得网站更加有吸引力，比如下拉菜单、动态滚动图、滑动门、吸顶盒等等，但是也不一定做的太多，做到图文并茂就可以了。
（一）笑客网的网页布局
在做笑客网的网页布局之前，先是确定网站的标题和选好网站的材料，然后就把自己当做一个画家，开始自己的伟大“创作”，从一张白纸开始，规划网站的结构、布局网站各个页面的内容、每个栏目页的分类，并且手绘了整个网站每个页面的布局图纸，然后就是联系笑客网的网站用途和类型来选择网站的整体风格，为的就是满足行业约定成俗的标准，当然也更多的加入了自己的创意和元素。下面就是笑客网网站的具体结构设计分析。
1.页面尺寸
网站制作页面尺寸的大小决定了呈现给人们第一印象内容的多少，笑客网选择的是968*800个像素，当然也可以通过横向和纵向拖动屏幕来增加网站的内容，这也是丰富网站内容的仅有的两个方法，当然一般网站是不会采用横向拖动屏幕浏览来增加内容的，这样也不符合人们浏览网站的习惯，而一般网站首页和内容展示页面内容会较多，多以多会采用纵向拖动屏幕的方法增加内容，但是纵向也最好不要让访问者拖动页面超过三个屏幕，而且页面比较长的话可以采用添加回到首页这样的内部链接，来方便访问者的浏览，也更加人性化。
目 录
一、引言 1
（一）课题来源 1
（二）技术可行性 1
二、开发工具和运行环境 2
（一）网站设计的基本知识 2
（二）Dreamweaver 8 简介 2
（三）网站运营环境 2
三、网页布局 2
（一）笑客网的网页布局 3
1.页面尺寸 3
2.整体造型 3
3.网站页头 3
4.文本和图片模块 4
5.页脚结构 4
（二）网页布局的技术 4
（三）笑客家装层次结构图 4
四、笑客网的功能模块 5
（一）网站首页顶部导航 5
（二）宣传广告滚动图展示 5
（三）最新装修效果图 5
（四）知名设计师 5
五、网站的具体实现 5
（一）笑客装修网首页 5
（二）笑客网装修公司页面 7
（三）笑客网登录页面 7
（四）笑客网关于我们页面 9
六、网站的测试与维护 10
七、结论 11
参考文献 12
致谢 13
一、引言
（一）课题来源
随着二十一世纪新兴科技的飞速发展，电子商务是最具有长远价值和意义的，电子商务改造了传统的生活方式，方便了顾客选择商品、商家销售、商家和顾客之间的结算和意见反馈的往来，使得我们获得各种产品及服务的的速度大大加快，这也满足了人们对生活质量不断提高的追求，而一家企业可以利用飞速
*好棒文|www.hbsrm.com +Q: ￥351916072￥
发展的电子商务来信息化的管理和现代化的经营，拉近了各个领域之间的距离，利用互联网来宣传或营销，因此电子商务网站建设在Internet应用上的地位显的格外重要。通过网络推广平台可以拓宽人们的视野，看到世界各地的生活，展示更多的商品等。而且在此基础上，也改变了人们享受生活的途径，所以引进家装平台也显得十分有必要。
（二）技术可行性
笑客家装网网站平台的开发基于B/S模式，由浏览器、web服务器和数据库服务器组成的三层架构，浏览器通过web服务器向数据库服务器发送数据请求，从而实现多对多的通信。而这种架构维护和升级也非常容易，客户端几乎是零维护，只需对服务器进行页面更改和内容删减，而且B/S架构建立在广域网之上，可以随时随地的访问，所以也极易扩展。
笑客家装网家装网站平台采用Dreamweaver和MySQL作为前端和后台的开发工具。开发网页简单快捷、运行快、开源，在多种平台都能运行，所以制作笑客家装网家装网站平台也具有技术可行性。
二、开发工具和运行环境
（一）网站设计的基本知识
网站就是多个网页通过超链接连接起来的集合，不同的网页通过有组织的链接整合到一起，为浏览者提供更丰富的信息，网站也是信息服务类企业的代名词，从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internrt上访问的页面。
按所处位置分类可以将网页分为首页和子页两类；按表现形式分类可以将网页分为静态网页和动态网页两类。
（二）Dreamweaver 8 简介
在设计网页时，首先要选择合适的网站开发工具，当然因为Dreamweaver使用的是HTML，这只是一种标记语言，所以使用文字编辑器也是可以实现的，而目前使用最广泛的还是Dreamweaver这种网站开发工具，Dreamweaver是一个“所见即所得”的可视化网站开发工具，能够使网页和数据库相关联来创建功能强大的Internet应用程序，支持最新的HTML编程语言和CSS技术，大多数网页形式均可以通过Dreamweaver来完成。Dreamweaver集网页制作和强大网站管理能力于一身，有多种视窗模式、大量的内置行为属性、简单易行的插件功能和用模板和库来创建具有统一风格网站的能力。
Dreamweaver给网页制作人员一个集成、高效的环境中所需的工具。可以突破浏览器的限制和多平台展示，而综合矢量、位图及网页功能的软件Fireworks、交互式矢量多媒体网页制作工具Flash、网页编辑器又被称为梦之队，因为他们能够无缝的合作使用，flash用于制作动画，firework用于处理图片，Dreamweaver用于拼接网页，所以也被成为网页制作三剑客。
（三）网站运营环境
使用IE6.0或以上版本 ，用1366*728分辨率为最佳显示效果。
三、网页布局
网站整体布局是提升整个网站访问量的重要方面，而网站的首页是给客户访问的的第一印象就更加决定着网站的价值，网站的主色调不宜超过三种，一般为“蓝、白、黑”，而辅助色调多选择绿色、橙色、黄色、灰色，颜色太多显得太过花哨，太少也会显得太过单一，网页制作适宜采用动态画面效果来丰富网站的元素，使得网站更加有吸引力，比如下拉菜单、动态滚动图、滑动门、吸顶盒等等，但是也不一定做的太多，做到图文并茂就可以了。
（一）笑客网的网页布局
在做笑客网的网页布局之前，先是确定网站的标题和选好网站的材料，然后就把自己当做一个画家，开始自己的伟大“创作”，从一张白纸开始，规划网站的结构、布局网站各个页面的内容、每个栏目页的分类，并且手绘了整个网站每个页面的布局图纸，然后就是联系笑客网的网站用途和类型来选择网站的整体风格，为的就是满足行业约定成俗的标准，当然也更多的加入了自己的创意和元素。下面就是笑客网网站的具体结构设计分析。
1.页面尺寸
网站制作页面尺寸的大小决定了呈现给人们第一印象内容的多少，笑客网选择的是968*800个像素，当然也可以通过横向和纵向拖动屏幕来增加网站的内容，这也是丰富网站内容的仅有的两个方法，当然一般网站是不会采用横向拖动屏幕浏览来增加内容的，这样也不符合人们浏览网站的习惯，而一般网站首页和内容展示页面内容会较多，多以多会采用纵向拖动屏幕的方法增加内容，但是纵向也最好不要让访问者拖动页面超过三个屏幕，而且页面比较长的话可以采用添加回到首页这样的内部链接，来方便访问者的浏览，也更加人性化。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/579.html
