Bootstrap室内装潢网站建设毕业设计说明书

Bootstrap室内装潢网站建设毕业设计说明书

内容摘要：
本课题基于Bootstrap的布局，围绕徐州宝泰室内装潢设计有限公司完成主题网站的制作。在制作过程中使用了Photoshop和Sublime Text3软件。 Photoshop软件用来完成图片素材的加工、制作、美化和整体布局的效果设计图，使用Sublime Text3 软件来完成HTML和CSS样式的编写，完成网页的制作和修饰。运用JavaScript实现网页特效，增强网站的可视化效果。最终完成的网站经过IE浏览器、火狐浏览器、欧朋浏览器和谷歌浏览器四大主浏览器的测试，符合WEB的网页标准，获得预期成效。本文就网站制作过程中的设计、布局、实现、兼容性等方面做了详细的阐述。
关键词：Bootstrap；JavaScript；WEB标准
一、 引言    1
二、 开发工具与技术    1
1.Photoshop    1
2.Sublime Text    1
三、 网站设计    2
（一） 总体设计    2
1、 功能结构图绘制    2
（二） 详细设计    3
1、 LOGO设计    3
2、 导航栏设计    3
3、 页面布局设计    3
4、 DIV布局结构    4
四、 网站实现    8
（一） 首页    8
（二） 子页实现    9
1. 公司介绍    10
2. 关于设计    10
3. 经典工程    10
4. 信息反馈    11
5. 网上订单    12
6. 估算报价    12
7. 联系我们    13
五、 网页特效    14
（一） JavaScript特效实现    14
六、 总结    15
致谢    16
参考文献    16
一、引言
住宅装饰装修行业是一个既古老传统又新兴现代的朝阳产业。现代住宅装饰专修已经成为一种时尚、一种追求、一种文化、一种艺术。住宅装饰装修潜力巨大，有市场、有机遇、有潜力、有希望。由于计算机网络技术的广泛应用以及人们对网络技术的依赖性以及能更好的适应时代潮流，故开发本网站。本网站使用HTML+CSS设计页面，使用JavaScript制作特效，使网站更加可视化。
二、开发工具与技术
    1.Photoshop
利用Adobe  Photoshop软件设计了该网站的LOGO，灰色调与银色调相协调，勾勒出一份淡雅温馨的氛围。同时，也利用PS设计了该网站的导航栏以及对经典工程页面的图片的处理。PS的使用使整个页面显得更加的美观，给浏览者一视觉上的享受。
    2.Sublime Text
整个网站代码的编写以及CSS样式的设置，都是通过Sublime Text这款代码编辑器来编写。通过该软件将整个网站从构造变成了一个具体、清晰的网页。
三、网站设计
（一）总体设计
1、功能结构图绘制
网站有首页、公司介绍、关于设计、经典工程、信息反馈、网上订单、估算报价、联系我们8个模块。
首页主要使用了一个图片轮转和灰色背景的效果。灰色淡雅的背景加上自动轮转精美绝伦的室内装修图，使整个页面显得更加的温馨、舒适。能够吸引浏览者进一步的浏览本网站。在图片轮转上方的导航栏设有公司介绍、关于设计、经典工程、企业顾问、网上订单、留言簿、联系我们等子页，在图片轮转的左方设有空间、风格、户型等工程的详细项目，让浏览者能快速、有效的了解徐州宝泰室内装潢设计有限公司的业务、内容，也为需要的装修的顾客提供了便利。
公司介绍主要是介绍徐州宝泰室内装潢设计有限公司，让浏览者能很好的了解徐州宝泰室内装潢有限公司。
关于设计主要是介绍了宝泰公司的设计观、怎样和设计师沟通等。经典工程则是宝泰公司根据空间、风格、户型等因素制作成的装修样式。
信息反馈则是方便顾客为宝泰公司提供意见。
网上订单则是让顾客不出家门就可以在网上填写订单、预订时间装修房子，为客户提供更加便捷的服务。
估算报价则是更好的方便顾客对于装修价格的了解，对于自家的装修风格以及装饰品能够有个更好的了解。
联系我们则主要写了宝泰公司的店址、联系电话、传真和E-Mail，方便顾客找寻、联系公司人员。

版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2516.html