《音乐》flash网页设计.docVIP

毕 业 设 计 设计题目： 《音乐》flash网页设计 姓 名： 院 系： 新闻与影视艺术系 专 业： 多媒体设计与制作 年 级： 2010级 学 号： 指导教师： 完成时间： 2013年3月10日 目录 前言 1 设计作品 2 设计说明 4 一、作品介绍 4 二、设计思路 4 三、作品制作过程 4 结论 6 前言 网页艺术设计包含试听元素与排版设计两项内容：以主题鲜明、形式与内容相统一、强调整体为设计原则：具有交互性与持续性、多维性、综合性、板式的不可控性、艺术与技术结合的紧密性等五大特点。网页艺术设计与网站主题密切相关的。总之，使用者总是抵制不了“美”的诱惑，网页设计者会抓住使用者的这种心理制作网站，这就是为什么一个使用者会经常访问一个比较符合他们色彩口味的flash网站，者就是“美”的作用了。总之，“美”和“功能”都是为了更好的表达网站主题。 音乐网，泛指提供各种的音乐作品以供在线试听或下载的一类网站。 目前的音乐网站的音乐资源大多都是网站管理者购买正版或盗版CD后将音轨拷贝到电脑上，并压制成各种格式，或直接从互联网上下载而来的，基本上并无版权者的授权 目前大多数的音乐网站，、音乐下载、等功能。音乐网站的歌曲分类有：华语、欧美、日等。有的音乐网站还会提供心情分类，可以依据你的心情为你推荐合适的歌曲 设计作品 图1《音乐》网站首页 图2《音乐》网站新闻页 图3《音乐》网站专辑页 图4《音乐》网站专辑页2 设计说明 一、作品介绍 音乐网站设计，运用Flash cs5.5，Photoshop cs4，Dreamweaver cs5软件制作。主要做了四个网页，一个主网页，两个二级页面，一个三级页面，网页为动态网页。主要是介绍关于音乐新闻、最新专辑等内容。在主页面上分别在新闻和专辑两个按钮上添加链接。二级页面（一）为专辑页面主要是介绍一些新专辑，分别在新闻、专辑和专辑第一张图片上面添加链接。二级页面（二）主要是介绍专辑详情，分别在新闻和专辑按钮添加链接。三级页面为新闻页面主要是介绍一些音乐方面的新闻，分别在新闻和专辑按钮添加链接。 设计思路 随着人们生活水平的提高，精神上的需求甚至超过了物质上的需求，音乐便是精神生活中不可缺少的一部分。在生活存在与生活的每个阶段，特别是休息时，心情好或是不好的时候，音乐都起着关键的作用，可以说音乐对生活的影响已经不容忽视了。 在这个快节奏的时代，人们总是顶着巨大的生活压力和工作压力，难免会有烦躁的时候，而倾听音乐是舒缓心情的方法之一。 本设计正是看到了这一点，制作的本网页，便于人们在休闲的时候倾听音乐、了解音乐、放松心情。 三、作品制作过程 1、运用Photoshop软件做出网站平面静态草图，调整好画面构图、排版、色彩等。 2、运用flash软件新建文件，调整适合屏幕大小的文件，背景设置为黑色，在新建文件中插入三个场景，分别在三个场景中根据Photoshop草图制作。并且把平面的Photoshop模版通过排版和帧的调整添加特效做成动态flash文件，并且把需要添加链接的文字图片等转换为影片剪辑元件，添加代码 movieClip_1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene_25); function fl_ClickToGoToScene_25(event:MouseEvent):void { MovieClip(this.root).gotoAndPlay(1, 场景 2); 完成场景之间的转换。并且在每个场景最后一帧添加了stop代码防止视频循环播放影响操作。最后把文件导出为视频swf格式。 3运用Dreamweaver软件新建html文件修改页面属性左边距、右边距、上边距、下边距修改为0，背景颜色为黑色，插入表格行数为1列数为1，表格宽度为100百分比，边框粗细为0，单元格边距为0，单元格间距为0，标题为顶部，插入swf视频格式文件，绘制AP Div插入插件mp3文件，调整位置大小。 结论 一个好的网页设计是人的主观能动性和客观性存在的元素共同作用的结果是在意识和潜在意识之间进行的，设计者不可能跨越自身所具有的能力和所具备的现实的计算机硬件技术的客观条件的限制制作优秀的作品，想要成为一个优秀的设计师，必须要根据客观事实再根据自己的自身能力进行想象和创造。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，设计者应该积极能动地掌握各种网络技术，把技术与艺术紧密结合起来，在艺术海洋里，进行艺术创作，最终满足使用对网页的高要求。 网络技术的飞速发展与艺术的