竹泓木船网站的设计与实现
竹泓木船的造船技术被列为中国的非物质文化遗产。2005年之前竹泓木船制造者还是以个体户为生，随之，竹泓木船因为一个荷兰商人一笔庞大的订单而走向工业化，并且近几年来已经逐渐走向全国。本网站以宣传竹泓木船的历史与制作工艺为主，其中对于木船的制造过程进行简要描述以及对其观赏价值做出分析。使竹泓木船这一古老的造船技术为更多的人知晓。该网站色彩鲜艳，贴近生活，使用Dreamweaver软件编写HTML代码，Photoshop处理图片且通过CSS面板测试，兼容于各大主流浏览器。查询多种资料，使网站内容避免了不必要的枯燥感。同时，使用VS2015实现了在后台与数据库的交互功能，能够实时在前端展示出数据库中的最新信息。 3
目 录
一、引言 1
二、开发背景 1
（一）网站设计背景 1
（二）网站设计意义 1
（三）网站设计思路 1
三、网站开发的工具及技术 1
（一）Dreamweaver 1
1.HTML 1
2.css 2
3.JS 2
（二）Photoshop 2
（三）Visual Studio 2015 2
（四）sql server 2012 2
四、网站的设计与实现 2
（一）总体设计 2
1.首页设计 2
2.网站的结构布局 3
3.网站功能的实现 4
（二）详细设计 9
1.网站的动态效果 9
2.网站功能完善 14
3.网站部分内容的实现 14
4.网站数据库接口的调用 14
五、网站的测试与维护 15
（一）网站测试 15
（二）浏览器兼容 16
六、总结 16
致谢 17
参考文献 18
一、引言
如今信息时代飞速发展，纸质阅读已经完全不能满足人类的需求。特别是针对一些传统文化的书籍更是鲜有人问津。针对这个问题，产生了“竹泓木船网站的设计与实现”这个毕业设计课题。在确定选题后，从网上，书籍，和实地调查收集了大量文字 *好棒文|www.hbsrm.com +Q: ^351916072#
和图片资料用来构造网站的大体雏形。结合学习的课程和现有的资料对网站的开发状态做了具体的研究。网站的设计从前期的大体网站到一些局部的动态特效，运用了CSS和JavaScript代码的设计，后期在多个主流浏览器测试运行，避免出现了浏览器不兼容的情况，对系统的功能进行了相应的优化。本网站使用图像处理工具Photoshop对网站的局部图片进行了完善，增加了网站的实用性。本网站跟某些同类型的网站进行了分析和对比，在此基础上进行了进一步的开发和创新。
二、开发背景
（一）网站设计背景
注重各种传统文化成为国家极力发扬的重要精神。尤其是手工艺的制作更是得到了各大领域的广泛关注，更有甚者开始大学返乡开始搞起了传统工业的发展。使得竹泓木船在短时间内开始走向江苏省外以及全国的旅游景点。
木船因为其复古，原生态的特点相比某些水泥船等更加起到美观的效果，更加适用于旅游、摄影与酒店的观赏与展示；在一段时间成为了各大水乡景区争相购置的对象，目前在很多景区都能看见竹泓木船的影子，一些大型的传统手工艺酒店也将木船作为展览的重要设计进行展示。
（二）网站设计意义
为了让我们竹泓木船的技术，工艺走出江苏，走出国家乃至走向世界，并且让更多的人来了解这项非物质文化遗产，针对此设计关于竹泓木船的网站，本网站旨在宣扬木船技术和展示各种木船的种类，同时让有需要的人来了解并采购木船。
（三）网站设计思路
在开始设计之前，浏览了诸多同类网站，吸取的其中值得借鉴的地方，同时也发现了同类网站设计中的不足。
关于同类网站的设计中，优秀的地方在于排版，大部分的木船网站都是排版清晰，结构分明，所以我在自己的网站中也模仿了这些网站进行设计排版；大部分的网站不足体现在色彩问题，同类网站页面底色多为浅黄色或者红色，带有浓郁的乡村主义风格，这样的色彩不利于一些高等用户浏览，所以在竹泓木船网站中改用了白色作为背景色，条理也比同类网站清晰。
三、网站开发的工具及技术
（一）Dreamweaver
1.HTML
Dreamweaver作为一款运用广泛非常实用的HTML的代码开发工具，具有体积小，创建轻松，易于管理，不会在写上错误代码会报错死机等这些诸多优点，所以在设计网站前端代码的时候采用Dreamweaver来设计代码。
并且Dreamweaver功能单一，在前端页面设计的时候，只需要输入自己所需要的前端代码和需要引用的CSS和JS，并不用搭建一些繁琐的框架进行网站的开发。
2.css
本网站采用CSS样式文件来编辑页面的样式，减少了网页中代码的多余。同时，批量设置样式更减少了编写代码时候的失误，实现了对前端网页样式的精确控制，对于展示类网站更是有利于信息的排版。
在本网站中我采用了整体分离出CSS文件，局部增加到网页中的办法，实现了CSS样式可利用资源的最大化。
3.JS
JS特效作为凌驾于HTML和CSS之上的展示效果的语言，本网站使用本身对代码的要求性不高，但是可以给用户提供更加流畅美观的展示效果。
（二）Photoshop
Photoshop简称PS，是目前比较专业，热门的图片编辑器，主要使用PS制作网站的LOGO和图片的修建功能。
（三）Visual Studio 2015
Visual Studio 2015简称VS2015，作为一款集成开发环境的工具，可以利用它开发多种软件，本网站使用他来检测HTML前端代码的多余和数据库的交互功能。VS2015可以开发除了.aspx之外的多种语言的程序，其中还有最热门的mvc框架，极大的实现了前端页面与后台脚本分离的代码写法。
另一方面，其查询效果也比前一版本VS2010有了大的改进，增加了批量查询功能，有利于网站的批量替换，其后台编码效果也相比于同类软件有了大的优势。
（四）sql server 2012
sql server 2012是数据库一个比较新的版本，除了增加了一些新语句之外，该版本的体积小，兼容性强，安装简易，数据的灾难性恢复远远胜过之前的老版本，也更加的安全。
四、网站的设计与实现
（一）总体设计
目 录
一、引言 1
二、开发背景 1
（一）网站设计背景 1
（二）网站设计意义 1
（三）网站设计思路 1
三、网站开发的工具及技术 1
（一）Dreamweaver 1
1.HTML 1
2.css 2
3.JS 2
（二）Photoshop 2
（三）Visual Studio 2015 2
（四）sql server 2012 2
四、网站的设计与实现 2
（一）总体设计 2
1.首页设计 2
2.网站的结构布局 3
3.网站功能的实现 4
（二）详细设计 9
1.网站的动态效果 9
2.网站功能完善 14
3.网站部分内容的实现 14
4.网站数据库接口的调用 14
五、网站的测试与维护 15
（一）网站测试 15
（二）浏览器兼容 16
六、总结 16
致谢 17
参考文献 18
一、引言
如今信息时代飞速发展，纸质阅读已经完全不能满足人类的需求。特别是针对一些传统文化的书籍更是鲜有人问津。针对这个问题，产生了“竹泓木船网站的设计与实现”这个毕业设计课题。在确定选题后，从网上，书籍，和实地调查收集了大量文字 *好棒文|www.hbsrm.com +Q: ^351916072#
和图片资料用来构造网站的大体雏形。结合学习的课程和现有的资料对网站的开发状态做了具体的研究。网站的设计从前期的大体网站到一些局部的动态特效，运用了CSS和JavaScript代码的设计，后期在多个主流浏览器测试运行，避免出现了浏览器不兼容的情况，对系统的功能进行了相应的优化。本网站使用图像处理工具Photoshop对网站的局部图片进行了完善，增加了网站的实用性。本网站跟某些同类型的网站进行了分析和对比，在此基础上进行了进一步的开发和创新。
二、开发背景
（一）网站设计背景
注重各种传统文化成为国家极力发扬的重要精神。尤其是手工艺的制作更是得到了各大领域的广泛关注，更有甚者开始大学返乡开始搞起了传统工业的发展。使得竹泓木船在短时间内开始走向江苏省外以及全国的旅游景点。
木船因为其复古，原生态的特点相比某些水泥船等更加起到美观的效果，更加适用于旅游、摄影与酒店的观赏与展示；在一段时间成为了各大水乡景区争相购置的对象，目前在很多景区都能看见竹泓木船的影子，一些大型的传统手工艺酒店也将木船作为展览的重要设计进行展示。
（二）网站设计意义
为了让我们竹泓木船的技术，工艺走出江苏，走出国家乃至走向世界，并且让更多的人来了解这项非物质文化遗产，针对此设计关于竹泓木船的网站，本网站旨在宣扬木船技术和展示各种木船的种类，同时让有需要的人来了解并采购木船。
（三）网站设计思路
在开始设计之前，浏览了诸多同类网站，吸取的其中值得借鉴的地方，同时也发现了同类网站设计中的不足。
关于同类网站的设计中，优秀的地方在于排版，大部分的木船网站都是排版清晰，结构分明，所以我在自己的网站中也模仿了这些网站进行设计排版；大部分的网站不足体现在色彩问题，同类网站页面底色多为浅黄色或者红色，带有浓郁的乡村主义风格，这样的色彩不利于一些高等用户浏览，所以在竹泓木船网站中改用了白色作为背景色，条理也比同类网站清晰。
三、网站开发的工具及技术
（一）Dreamweaver
1.HTML
Dreamweaver作为一款运用广泛非常实用的HTML的代码开发工具，具有体积小，创建轻松，易于管理，不会在写上错误代码会报错死机等这些诸多优点，所以在设计网站前端代码的时候采用Dreamweaver来设计代码。
并且Dreamweaver功能单一，在前端页面设计的时候，只需要输入自己所需要的前端代码和需要引用的CSS和JS，并不用搭建一些繁琐的框架进行网站的开发。
2.css
本网站采用CSS样式文件来编辑页面的样式，减少了网页中代码的多余。同时，批量设置样式更减少了编写代码时候的失误，实现了对前端网页样式的精确控制，对于展示类网站更是有利于信息的排版。
在本网站中我采用了整体分离出CSS文件，局部增加到网页中的办法，实现了CSS样式可利用资源的最大化。
3.JS
JS特效作为凌驾于HTML和CSS之上的展示效果的语言，本网站使用本身对代码的要求性不高，但是可以给用户提供更加流畅美观的展示效果。
（二）Photoshop
Photoshop简称PS，是目前比较专业，热门的图片编辑器，主要使用PS制作网站的LOGO和图片的修建功能。
（三）Visual Studio 2015
Visual Studio 2015简称VS2015，作为一款集成开发环境的工具，可以利用它开发多种软件，本网站使用他来检测HTML前端代码的多余和数据库的交互功能。VS2015可以开发除了.aspx之外的多种语言的程序，其中还有最热门的mvc框架，极大的实现了前端页面与后台脚本分离的代码写法。
另一方面，其查询效果也比前一版本VS2010有了大的改进，增加了批量查询功能，有利于网站的批量替换，其后台编码效果也相比于同类软件有了大的优势。
（四）sql server 2012
sql server 2012是数据库一个比较新的版本，除了增加了一些新语句之外，该版本的体积小，兼容性强，安装简易，数据的灾难性恢复远远胜过之前的老版本，也更加的安全。
四、网站的设计与实现
（一）总体设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/1193.html
