音乐flash网页设计.doc

PAGE 5 毕 业 设 计 设计题目： 《音乐》flash网页设计 姓 名： 院 系： 新闻与影视艺术系 专 业： 多媒体设计与制作 年 级： 2010级 学 号： 指导教师： 完成时间： 2013年3月10日 目录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc 前言 PAGEREF _Toc \h 1 HYPERLINK \l _Toc 设计作品 PAGEREF _Toc \h 2 HYPERLINK \l _Toc 设计说明 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 一、作品介绍 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 二、设计思路 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 三、作品制作过程 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 结论 PAGEREF _Toc \h 6 PAGE 1 前言 网页艺术设计包含试听元素与排版设计两项内容：以主题鲜明、形式与内容相统一、强调整体为设计原则：具有交互性与持续性、多维性、综合性、板式的不可控性、艺术与技术结合的紧密性等五大特点。网页艺术设计与网站主题密切相关的。总之，使用者总是抵制不了“美”的诱惑，网页设计者会抓住使用者的这种心理制作网站，这就是为什么一个使用者会经常访问一个比较符合他们色彩口味的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，单元格边距为