如皋盆景艺术网站设计与实现(附件)
。本论文讲述了如皋盆景艺术网页建设的整个过程和相关的功能模块并对该网页的需求分析及网页需要实现的设计方法作了介绍。运用了DW编写代码制作HTML5网页，并用PS处理网页的图片。网页包括如皋盆景区，关于我们，如皋盆景艺术区，尾部。实现了如皋盆景宣传和展示的。
目录
一、引言 1
二、需求分析 1
三、开发工具与技术 1
四、网站设计 2
（一）功能结构设计 2
（二）网页界面设计 2
（三）DIV+CSS布局 3
五、网站的实现 5
（一）首页 5
（二）如皋盆景相册 7
（三）盆景艺术 7
（四）联系我们 8
（五）关于我们 9
（六）三级网页 9
六、网页特效 10
七、总结 10
致谢 12
参考文献 13
一、引言
随着互联网的发展，它丰富着我们的生活。互联网今天早已将全球的人们紧紧的联系在了一起。，尤其是在近几年电子商务这种不受时间与空间限制的经营方式兴起以来，企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，于是就想可以建立一个如皋盆景艺术网站来展示如皋的盆景艺术。如皋盆景艺术是盆景艺术流派的一朵奇葩。但是它独特的魅力一直不被外界所熟知于是想通过网站的新式让它走向世界。采用Dreamweaver来编写网页代码，PS编辑处理网页上图片让如皋盆景艺术网站更加的丰富多彩，具有更多的新颖性，图片，视频，声音等众多网页特效表现手法的结合使得浏览网页变得更加生动有趣。，现就如皋盆景艺术网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构，特效展示等相关事项做以下论述。
二、需求分析
互联网高速发展的今天，网站的数量也是急剧增加，图片也是丰富多彩，但是如皋盆景的发展却不容乐观，如皋盆景的发展与传播已经赶不上互联网的传播速度。如果利用互联网的这一优势，现状将会得有改变，这样如皋盆景艺术就能让更多的年轻人所接触与熟知，如皋盆景的传播速度与其的传播范围将会得到质的飞跃 *好棒文|www.hbsrm.com +Q: @351916072@
。设计的如皋盆景艺术网站正是利用了互联网的这一优势，使得如皋盆景艺术能够走向世界，让现代人通过手机电脑就可以随时随地的获取如皋盆景的相关信息，从而服务大众，并且也能使如皋盆景艺术得到发扬光大。
通过对市场的环境调查中了解到，网站的建立正处于上升的趋势，不论是在数量上还是在网站的质量上。但是关于如皋盆景艺术的却少之又少，大多数网站都是充斥着网红，明星，游戏。不利于青少年的身心健康的发展，而父母则是希望他们的孩子们能够接触到更多的具有艺术价值更有意义的网站。这样建立一个如皋盆景的艺术网站就成了一件很有意义的事情，能让青少年随时随地的接触到如皋盆景艺术。
根据调查的结果分析出了人们的需求，如皋盆景艺术网站就围绕这些需求来实现。
如皋盆景艺术网站具体实现的目的：（1）通过网站的形式，吸引更多的年轻人来接触如皋盆景艺术，让如皋盆景艺术能够得到更好的发展。（2）利用网站的用不受空间时间限制的特性让人们能随时随地的了解如皋盆景艺术，方便于人们。（3）弘扬传统的如皋盆景艺术（4）让盆景艺术这门手艺得以传承。
三、开发工具与技术
Adobe Dreamweaver，简称“DW”，是集网页制作和管理网站于一身的所见即所得网页编辑器。DW是现在运用最广泛的网页开发工具，支持HTML5，css，jquery 等，能够方便快捷高效的制作网页的控件和编写代码，还能在线查看编写的代码所展现的效果，能大大缩短网页制作的时间。如皋盆景艺术网站就是通过DW来编写网页框架和制作基本控件来完成的。
Photoshop，简称：“PS”，是多媒体图片制作软件。网页中的图片就是通过PS，来调整图片大小和设计网站的LOGO的，通过PS的运用使得网站的图片更加协调美观了。
四、网站设计
（一）功能结构设计
如皋盆景艺术网站分为：首页，如皋盆景相册，如皋盆景艺术，联系我们。
（1）首页：首页是个网站最先呈现给人们的地方为了给人们留下深刻的印象.首页放着一些最新的如皋盆景的照片，让用户点击进来就被如皋盆景的艺术魅力所吸引，还有我们的联系方式方便用户联系我们。
（2）如皋盆景相册：存放着大量的如皋盆景图片，这些图片都是去现场拍摄并一张一张的精挑细选出来的。
（3）如皋盆景艺术：这里摆放着一些具有代表性的如皋盆景照片。
（4）联系我们：可以通过这个模块比较方便的联系到我们并提出宝贵的意见和建议。
具体内容如下图41 导航结构图。
/
图41 导航结构图
（二）网页界面设计
首页的布局采用的传统网页的布局大致分为页头，主体和尾部三部分。这样能够比较合理安排首页的信息，避免了信息过多分不清主次，造成信息冗余。；搭配图片、banner、flash等装饰，使得页面有灵活性。具体内容如下图42。
Logo
导航条
内容
尾部
图42 首页结构布局结构图
子页采用了左右结构的布局：优点是视觉冲击力强。风格有现代感、有新意；能够强调色彩、时尚。内容协调、页面流畅，不会给用户凌乱的感觉、保证浏览者在较短的时间内看到最想看到的内容；注重页面和banner、flash和图片的协调；具体内容如图43 子页布局结构图。
Logo
导航条
菜单
内容
尾部
图43 子页布局结构图
（三）DIV+CSS布局
（1）首页div结构图
如图44所示。
logo
side_close
header
目录
一、引言 1
二、需求分析 1
三、开发工具与技术 1
四、网站设计 2
（一）功能结构设计 2
（二）网页界面设计 2
（三）DIV+CSS布局 3
五、网站的实现 5
（一）首页 5
（二）如皋盆景相册 7
（三）盆景艺术 7
（四）联系我们 8
（五）关于我们 9
（六）三级网页 9
六、网页特效 10
七、总结 10
致谢 12
参考文献 13
一、引言
随着互联网的发展，它丰富着我们的生活。互联网今天早已将全球的人们紧紧的联系在了一起。，尤其是在近几年电子商务这种不受时间与空间限制的经营方式兴起以来，企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，于是就想可以建立一个如皋盆景艺术网站来展示如皋的盆景艺术。如皋盆景艺术是盆景艺术流派的一朵奇葩。但是它独特的魅力一直不被外界所熟知于是想通过网站的新式让它走向世界。采用Dreamweaver来编写网页代码，PS编辑处理网页上图片让如皋盆景艺术网站更加的丰富多彩，具有更多的新颖性，图片，视频，声音等众多网页特效表现手法的结合使得浏览网页变得更加生动有趣。，现就如皋盆景艺术网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构，特效展示等相关事项做以下论述。
二、需求分析
互联网高速发展的今天，网站的数量也是急剧增加，图片也是丰富多彩，但是如皋盆景的发展却不容乐观，如皋盆景的发展与传播已经赶不上互联网的传播速度。如果利用互联网的这一优势，现状将会得有改变，这样如皋盆景艺术就能让更多的年轻人所接触与熟知，如皋盆景的传播速度与其的传播范围将会得到质的飞跃 *好棒文|www.hbsrm.com +Q: @351916072@
。设计的如皋盆景艺术网站正是利用了互联网的这一优势，使得如皋盆景艺术能够走向世界，让现代人通过手机电脑就可以随时随地的获取如皋盆景的相关信息，从而服务大众，并且也能使如皋盆景艺术得到发扬光大。
通过对市场的环境调查中了解到，网站的建立正处于上升的趋势，不论是在数量上还是在网站的质量上。但是关于如皋盆景艺术的却少之又少，大多数网站都是充斥着网红，明星，游戏。不利于青少年的身心健康的发展，而父母则是希望他们的孩子们能够接触到更多的具有艺术价值更有意义的网站。这样建立一个如皋盆景的艺术网站就成了一件很有意义的事情，能让青少年随时随地的接触到如皋盆景艺术。
根据调查的结果分析出了人们的需求，如皋盆景艺术网站就围绕这些需求来实现。
如皋盆景艺术网站具体实现的目的：（1）通过网站的形式，吸引更多的年轻人来接触如皋盆景艺术，让如皋盆景艺术能够得到更好的发展。（2）利用网站的用不受空间时间限制的特性让人们能随时随地的了解如皋盆景艺术，方便于人们。（3）弘扬传统的如皋盆景艺术（4）让盆景艺术这门手艺得以传承。
三、开发工具与技术
Adobe Dreamweaver，简称“DW”，是集网页制作和管理网站于一身的所见即所得网页编辑器。DW是现在运用最广泛的网页开发工具，支持HTML5，css，jquery 等，能够方便快捷高效的制作网页的控件和编写代码，还能在线查看编写的代码所展现的效果，能大大缩短网页制作的时间。如皋盆景艺术网站就是通过DW来编写网页框架和制作基本控件来完成的。
Photoshop，简称：“PS”，是多媒体图片制作软件。网页中的图片就是通过PS，来调整图片大小和设计网站的LOGO的，通过PS的运用使得网站的图片更加协调美观了。
四、网站设计
（一）功能结构设计
如皋盆景艺术网站分为：首页，如皋盆景相册，如皋盆景艺术，联系我们。
（1）首页：首页是个网站最先呈现给人们的地方为了给人们留下深刻的印象.首页放着一些最新的如皋盆景的照片，让用户点击进来就被如皋盆景的艺术魅力所吸引，还有我们的联系方式方便用户联系我们。
（2）如皋盆景相册：存放着大量的如皋盆景图片，这些图片都是去现场拍摄并一张一张的精挑细选出来的。
（3）如皋盆景艺术：这里摆放着一些具有代表性的如皋盆景照片。
（4）联系我们：可以通过这个模块比较方便的联系到我们并提出宝贵的意见和建议。
具体内容如下图41 导航结构图。
/
图41 导航结构图
（二）网页界面设计
首页的布局采用的传统网页的布局大致分为页头，主体和尾部三部分。这样能够比较合理安排首页的信息，避免了信息过多分不清主次，造成信息冗余。；搭配图片、banner、flash等装饰，使得页面有灵活性。具体内容如下图42。
Logo
导航条
内容
尾部
图42 首页结构布局结构图
子页采用了左右结构的布局：优点是视觉冲击力强。风格有现代感、有新意；能够强调色彩、时尚。内容协调、页面流畅，不会给用户凌乱的感觉、保证浏览者在较短的时间内看到最想看到的内容；注重页面和banner、flash和图片的协调；具体内容如图43 子页布局结构图。
Logo
导航条
菜单
内容
尾部
图43 子页布局结构图
（三）DIV+CSS布局
（1）首页div结构图
如图44所示。
logo
side_close
header
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/361.html
