基于Dreamweaver的剪纸文化网设计

2014-04-29 16:50吴立志
杂文月刊(学术版) 2014年10期
关键词:网页设计

吴立志

摘要:本设计以Dreamweaver作为开发工具,设计并制作一个关于剪纸文化的网站,以方便更多的人了解剪纸文化。该网站是集有关剪纸的文本、图片、视频、音频等于一体的综合网站,系统地介绍剪纸文化,以剪纸图片鉴赏为重点,旨在利用现代网络技术来更好的阐述传统文化。

关键词:Dreamweaver;剪纸文化;网页设计

剪纸是民间艺术的一种,是以纸为加工对象,以剪刀(或刻刀)为工具进行创作的艺术,以镂空艺术为主要的表现方式,在视觉上给人以透空的感觉和艺术享受。在古代装饰纹样上,曾牵动和影响着我国历代民间工艺的装饰风格,同时又是我国民间图案的基本造型手段。今天,Interne飞速发展,互联网已成为人们快速获取、发布和传递信息的重要渠道,它在人们的政治、经济、生活等各个方面发挥着重要的作用。传统的文化也要随着时代的步伐,焕发出新的活力。笔者所制作的剪纸文化网就是将传统的剪纸艺术与现在的信息技术紧密联系起来,通过现代网络技术来更好的阐述传统文化。剪纸文化网是一个系统介绍剪纸的网站,希望通过该网站,让更多的人了解剪纸艺术,更好的了解中国的传统文化。

1.剪纸文化网站的需求分析

剪纸作为中国的传统文化,2006年5月20日,剪纸艺术经国务院批准被列入《第一批国家级非物质文化遗产名录》。但是通过便捷的网络,我们可以知道在丰富的网络资源中,系统介绍剪纸的网站并不是很多,其中有中国剪纸网(http://www.sxpaper-cut.cn/)和中国剪纸网(http://www.paper-cut.net/)等。以中国剪纸网(http://www.sxpaper-cut.cn/)为例,首先,该网站以红色为主色调,其中也有相近色,如橘红色,粉红色等,笔者认为剪纸本就多为红色,该网站在色彩搭配方面很值得借鉴;其次,该网站用表格来布局,有一点中规中矩的感觉,缺少应有的活力;再次,由于该网站主要以商业为主,在展示剪纸作品的时候做的不够好。因此,笔者在吸收其他相关网站的优点的基础上,以动态图片的鉴赏为重点,建立该网站,更好的宣传剪纸艺术。

2.剪纸文化网站的开发软件介绍

Dream weaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。Dreamweaver可以用最快速的方式将Fireworks,或Photoshop等档案移至网页上,也可以使用网站地图可以快速制作网站雏形、设计、更新和重组网页,并且Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具,它具有制作效率高,网站管理迅速以及控制能力强的优点。如Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

3.剪纸文化网页设计与制作

3.1规划结构

网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。只有在制作网页之前把这些都考虑到,才能制作出有个性、有特色、有吸引力的网页。

规划一个网站可以用树状結构先把每个页面的内容大纲列出来。在剪纸文化网中,笔者设计了七大模块,分别为首页,简介,历史,鉴赏,教程,小游戏,留言板。其中,在简介模块中有介绍,剪纸特点,剪纸种类三部分;鉴赏模块是我这个网站设计的重点,有花鸟,蝴蝶,鱼和人物四组动态效果,来展示精美的剪纸图片。

利用Dreamweaver制作网页,首先要规划和创建站点,然后利用站点对文件进行管理。所谓站点,可以看成是一系列文档的组合,这些文档通过各种链接建立逻辑关联。用户在建立网站首先要新建站点,然后在站点中对网页文档进行修改与管理。

网站的目录结构是网站组织和存放站内所以文档的目录设置情况。目录结构的好坏,直接影响站点的管理、维护、扩充和移植。

3.2 LOGO与色彩

3.2.1设计网站LOGO

网站LOGO是网站的标是站点特色和内涵的集中体现。这个LOGO和剪纸文化网所要表现的内涵相联系,赋予传统文化现代活力。

3.2.2设计网站的标准色彩

标准色彩是指能体现网站形象和延伸内涵的色彩。确定网站的标准色彩是相当重要的一步,不同的色彩搭配会产生不同的效果,并可能影响到网页浏览者的情绪。

3.3 布局

在剪纸文化网中,一般为左右布局,所用到的布局工具主要有表格和AP Div,其中以CSS(Cascading Style Sheets,AP Div叠样式表单)+DIV(是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素)为主。3.4 动态效果

动态效果是剪纸网站设计的重点,主要由Flash按钮,Flash文本,视频,背景音乐以及AP Div的行为组成,简单的动态效果可以使网页变的有声有色,增强观赏性。在剪纸文化网中,由于笔者大部分用的AP Div来布局,可以方便的使用AP Div添加行为。

3.5 交互

交互是参与活动的对象,可以相互交流,双方面进行互动。对于一个网站来说,交互是至关重要的。若一个网站不能与使用者互动,不能及时了解浏览者的需求,则网站很难维持下去。在剪纸文化网中,笔者充分考虑了这个问题,不仅设计了电子邮件的交互,还能在线留言,并对网站的教程资源进行下载方便用户的应用。

3.6测试

3.6.1链接的测试

在剪纸文化网中,笔者用到的链接样式有锚点链接,空链接,电子邮件链接等内部链接,在测试的过程中,所有的链接都能正常运行。

3.6.2动态效果的测试

在剪纸文化网中,由于动态效果是笔者所要展示的重点,所以对动态效果进行测试是至关重要的环节。笔者大部分页面是用AP Div布局,因此大多的动态效果是AP Div的行为特效,另外还有Flash以及时间轴动画等,在对动态效果的测试过程中,有些效果和设计有所偏差,但经过修改,已经达到了让人满意的水平。

3.6.3留言板测试

对留言板的返回首页,我要留言,查看留言,管理登陆四个选项依次进行了测试,除了上面提到的我要留言选项中输入的必须是数字QQ号外,其他选项中的内容也进行了细致的测试,如管理登陆时若密码输入错误,也会出现提醒等,对留言板的测试要在ISS环境下进行,不管是留言,还是查看或者管理等都可正常运行。

猜你喜欢
网页设计
解析网页设计的艺术效果提升途径
浅谈网页设计用图
微课的课程设计和教学方法研究
网页设计中视觉信息传达分析
视觉传达艺术与中韩网页艺术设计的比较研究
ASP技术在交互式网页设计中的应用
对技工院校网页设计课程建设的思考
网页设计教学的创新探索
谈计算机网页设计中的布局
少数民族文化艺术元素在网页设计中的运用探讨