数字京剧web前端设计【字数：12807】
过去由于信息网络不发达，像京剧类似的传统文化无法能够被人们所深入了解，时至如今，随着互联网快捷的发展，让中国的年强人对传统文化的深入了解迫在眉睫，数字京剧网站通过对京剧角色、历史、乐器等多方面的展示，给人们耳目一新的感觉，主要是通过网页草图设计、HTML5、CSS3，Javascript和Jquery实现网页布局设计以及网页动画和动效的制作。首先，用Balsamiq?Mockups 绘制网站页面的草图，将网页所要展示的内容以及功能设计出来，对页面布局进行合理的修改。了解年轻用户群体的审美偏好，对网页元素之间的色彩搭配以及整体色彩的构成设计，使页面展示更加个性化。接着配合使用Adobe Photoshop和Adobe Illustrator对页面所需素材进行绘制，用Adobe After Effects进行动画部分的素材动图绘制。最后用Hbuilder软件实现网页页面和CSS3，JS动画。该论文将会简要概括研究历史和背景、研究目的和意义及以上出现的软件，还有网站设计的相关技术运用，着重介绍网站规划、设计风格以及设计功能，还叙述了css动画的实现方法。
目录
1.绪论 1
1.1课题研究背景 1
1.2课题研究目的 1
1.3课题研究意义 2
2.制作软件的介绍 3
2.1平面设计软件 3
2.2网页编辑器 5
3.相关技术 6
3.1 HTML5、CSS3、JAVASCRIPT、JQUERY简介 6
3.1.1 HTML5简介 6
3.1.2 CSS3简介 6
3.1.3 JAVASCRIPT简介 6
3.1.4 JQUERY简介 6
4.网站规划与设计 7
4.1 网站规划 7
4.1.1 网站定位 7
4.1.2 网站目标 7
4.2 设计风格 7
4.2.1 色彩搭配 7
4.2.2 页面布局设计 8
5.网站开发与实现 16
5.1 实现首页 16
5.2 实现CSS动画界面 19
5.3 实现历史详情页 24< *好棒文|www.hbsrm.com +Q: ^351916072^
br /> 5.4 实现京剧人物详情页 26
5.5 实现乐器界面 28
6.工程伦理 31
7.总结与思考 32
参考文献 33
1.绪论
1.1课题研究背景
随着科技的进步和网络的发展,新媒体技术在这个时代应运而生,这种独特的新兴方式对于文化的传承也造成巨大影响。众所周知非物质遗产文化是中华民族的宝贵财富，贯穿于上下五千年当中,这样一个极具中国特色的宝贵精神和非物质财富，当然需要每一代中国人不断继承和发扬,而新媒体技术的出现和应用给非遗文化数字化展示提供了创新性的途径和道路，为此次毕业网站的设计提供了更多的可能。
网络信息化的快速发展使得人们对于知识的获取更加的迅捷，但是非物质文化遗产在这一代人中似乎没有独特的吸引力，想要让文化遗产在这样信息化时代中能够同样绽放出应有的魅力，网页的宣传与弘扬必不可少，因此一个好的网页就显得格外的重要了，图文并茂的网页可以让人们的感知更加的敏感，通过动画以及各种艺术变现手法使网页丰富化，从而人们在面对相对严肃的中华民族的非物质文化遗产中能够汲取到文化的魅力。简单点说，如果仅仅是通过简单的口头宣传以及单调的广播已经无法让我们民族的文化能被广泛的年轻一代所能喜欢然后能在自己的热爱下去积极主动地传达给其他身边的人，因此在这样的背景下，应当适应当下，能够通过优秀的交互式网页界面用一种让人们能够在不知不觉中对我们的文化有一个了解，并且愿意通过所展示的界面去对文化进一步的认识，所以我在这样的社会背景下，通过开发出这样一款优秀的网页去让人们对我国的京剧文化有一个认识与了解。
1.2课题研究目的
京剧作为我国的非物质文化遗产，有着深远的历史以及背景，她是我国艺术的体现，是我国的国粹，但是让人遗憾的是，在这个相互融通，相互借鉴，相互学习的时代，各种各样的外来文化充斥着整个中国，特别是外来文化中的一些英雄主义，科幻新奇的电影更加夺人眼球，吸引了一大批的年轻中国爱好者，但是面对本国的国粹以及其他优秀的传统文化，他们反而失去了兴趣和好奇，其实，静静反思，造成这种局面不是因为缺少想要去了解中华名族宝贵财富的心，而是缺少这样的途径让他们有机会去接触这些平时生活中接触不到的文化。
因此，我想通过我的网页制作能够了解我国的国粹京剧，京剧能够作为国粹自然是当之无愧，传递正能量的代表作，它不光是一种文化，更是中国的代表形象之一，作为一个传统文化的爱好者，我有这个义务和热情去将这些美好的东西展现给大家。
总结如上，该网站是为了提供一个平台，为用户群众提供一个既能初步了解京剧文化，了解京剧历史，倾听京剧乐器的音乐。
1.3课题研究意义
京剧是中华民族的艺术瑰宝，记录了人类社会生产生活方式、风俗人情和文化理念，蕴藏着世界各民族的文化基因、精神特质、价值观念、心理结构和气质情感，是全人类共同的宝贵财富，因此实现京剧文化的数字化展示是具有十分重要的意义。系统不仅为了宣传京剧这一极具中国特色的非物质文化遗产，更加通过让用户提高认同中华传统优秀文化的核心价值观，增强创新精神，吸引用户对于京剧文化的更深入的探索和传承。京剧作为民族艺术，起到深化中国文化传统，弘扬中国文化的意义。
2.制作软件的介绍
2.1平面设计软件
1.Adobe PhotoShop，是一款图像处理软件。这款软件无论是在平面设计，网页制作，后期修饰，界面设计，还是广告摄影这些领域都有着出色的表现ps的功能众多，大多被用来绘制图像，较为复杂的logo,市场推广图设计。文件窗口主要针对文件进行打开另存的操作，并且ps可以保存多种格式的文件。图层窗口主要是对栅格化图层和对图层转为智能化对象操作。图像窗口可对图像大小进行调整，并且可以裁剪相关图片。窗口界面是为了打开相关小窗口，方便制图时修改相关属性，调节相关路径等操作。我觉得在未来，Photoshop图像处理软件将会朝着智能化，多样化方向发展。
本次使用的是Adobe Photoshop CC2017，它的界面如图所示：
图21 Adobe Photoshop CC2017界面图
2．Adobe illustrator，是一款非常好的矢量图形处理工具，该软件主要应用于多媒体图像处理、专业插画等，也可以制作高质量的线稿图，并且提供了特殊的矢量图形工具，，所以一些常规的和特别的操作都能在这里被发现。
目录
1.绪论 1
1.1课题研究背景 1
1.2课题研究目的 1
1.3课题研究意义 2
2.制作软件的介绍 3
2.1平面设计软件 3
2.2网页编辑器 5
3.相关技术 6
3.1 HTML5、CSS3、JAVASCRIPT、JQUERY简介 6
3.1.1 HTML5简介 6
3.1.2 CSS3简介 6
3.1.3 JAVASCRIPT简介 6
3.1.4 JQUERY简介 6
4.网站规划与设计 7
4.1 网站规划 7
4.1.1 网站定位 7
4.1.2 网站目标 7
4.2 设计风格 7
4.2.1 色彩搭配 7
4.2.2 页面布局设计 8
5.网站开发与实现 16
5.1 实现首页 16
5.2 实现CSS动画界面 19
5.3 实现历史详情页 24< *好棒文|www.hbsrm.com +Q: ^351916072^
br /> 5.4 实现京剧人物详情页 26
5.5 实现乐器界面 28
6.工程伦理 31
7.总结与思考 32
参考文献 33
1.绪论
1.1课题研究背景
随着科技的进步和网络的发展,新媒体技术在这个时代应运而生,这种独特的新兴方式对于文化的传承也造成巨大影响。众所周知非物质遗产文化是中华民族的宝贵财富，贯穿于上下五千年当中,这样一个极具中国特色的宝贵精神和非物质财富，当然需要每一代中国人不断继承和发扬,而新媒体技术的出现和应用给非遗文化数字化展示提供了创新性的途径和道路，为此次毕业网站的设计提供了更多的可能。
网络信息化的快速发展使得人们对于知识的获取更加的迅捷，但是非物质文化遗产在这一代人中似乎没有独特的吸引力，想要让文化遗产在这样信息化时代中能够同样绽放出应有的魅力，网页的宣传与弘扬必不可少，因此一个好的网页就显得格外的重要了，图文并茂的网页可以让人们的感知更加的敏感，通过动画以及各种艺术变现手法使网页丰富化，从而人们在面对相对严肃的中华民族的非物质文化遗产中能够汲取到文化的魅力。简单点说，如果仅仅是通过简单的口头宣传以及单调的广播已经无法让我们民族的文化能被广泛的年轻一代所能喜欢然后能在自己的热爱下去积极主动地传达给其他身边的人，因此在这样的背景下，应当适应当下，能够通过优秀的交互式网页界面用一种让人们能够在不知不觉中对我们的文化有一个了解，并且愿意通过所展示的界面去对文化进一步的认识，所以我在这样的社会背景下，通过开发出这样一款优秀的网页去让人们对我国的京剧文化有一个认识与了解。
1.2课题研究目的
京剧作为我国的非物质文化遗产，有着深远的历史以及背景，她是我国艺术的体现，是我国的国粹，但是让人遗憾的是，在这个相互融通，相互借鉴，相互学习的时代，各种各样的外来文化充斥着整个中国，特别是外来文化中的一些英雄主义，科幻新奇的电影更加夺人眼球，吸引了一大批的年轻中国爱好者，但是面对本国的国粹以及其他优秀的传统文化，他们反而失去了兴趣和好奇，其实，静静反思，造成这种局面不是因为缺少想要去了解中华名族宝贵财富的心，而是缺少这样的途径让他们有机会去接触这些平时生活中接触不到的文化。
因此，我想通过我的网页制作能够了解我国的国粹京剧，京剧能够作为国粹自然是当之无愧，传递正能量的代表作，它不光是一种文化，更是中国的代表形象之一，作为一个传统文化的爱好者，我有这个义务和热情去将这些美好的东西展现给大家。
总结如上，该网站是为了提供一个平台，为用户群众提供一个既能初步了解京剧文化，了解京剧历史，倾听京剧乐器的音乐。
1.3课题研究意义
京剧是中华民族的艺术瑰宝，记录了人类社会生产生活方式、风俗人情和文化理念，蕴藏着世界各民族的文化基因、精神特质、价值观念、心理结构和气质情感，是全人类共同的宝贵财富，因此实现京剧文化的数字化展示是具有十分重要的意义。系统不仅为了宣传京剧这一极具中国特色的非物质文化遗产，更加通过让用户提高认同中华传统优秀文化的核心价值观，增强创新精神，吸引用户对于京剧文化的更深入的探索和传承。京剧作为民族艺术，起到深化中国文化传统，弘扬中国文化的意义。
2.制作软件的介绍
2.1平面设计软件
1.Adobe PhotoShop，是一款图像处理软件。这款软件无论是在平面设计，网页制作，后期修饰，界面设计，还是广告摄影这些领域都有着出色的表现ps的功能众多，大多被用来绘制图像，较为复杂的logo,市场推广图设计。文件窗口主要针对文件进行打开另存的操作，并且ps可以保存多种格式的文件。图层窗口主要是对栅格化图层和对图层转为智能化对象操作。图像窗口可对图像大小进行调整，并且可以裁剪相关图片。窗口界面是为了打开相关小窗口，方便制图时修改相关属性，调节相关路径等操作。我觉得在未来，Photoshop图像处理软件将会朝着智能化，多样化方向发展。
本次使用的是Adobe Photoshop CC2017，它的界面如图所示：
图21 Adobe Photoshop CC2017界面图
2．Adobe illustrator，是一款非常好的矢量图形处理工具，该软件主要应用于多媒体图像处理、专业插画等，也可以制作高质量的线稿图，并且提供了特殊的矢量图形工具，，所以一些常规的和特别的操作都能在这里被发现。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/ysl/szmt/157.html
