第一篇:Flash在网页设计中的应用论文
随着网络技术、电脑技术的快速发展与广泛普及,网页设计开启了人类新的生活、新的实践,网页已经成为网络信息的表现和思想传播的主要形式。而在网页设计与网站建设的过程中,Flash的应用尤为重要。在网页设计中适当地使用Flash技术,能使网页呈现出多媒体效果,从而更加具有吸引力,增加网页与浏览者的互动性。同时,Flash也逐渐依靠其诸多优势迅速占领了网页设计领域,成为了网页设计的重心。本文重在探讨Flash动画在网页设计中的应用,以供同行参考。
1Flash动画技术概述
Flash是一类矢量式图形编辑及动画制作应用软件。它通过利用符号、按钮、场景等一系列元素组合,能够使设计者集成图形、动画,影像文件,音频等各种多媒体制作素材,利用最基础的元素制作出内容丰富、形式简洁、交互性强、极富渲染力的动画效果。
2Flash在网页设计中的应用
近几年,Flash作为一种新型的设计方式和娱乐方式,已被广泛应用于网页设计中,从简单的文字、图片效果到复杂的Flash网站建设,可以说Flash所起的作用不再仅仅是增添一些漂亮的动画,而是已经融入到了整个网站的建设之中。目前Flash技术已与电视、广告、动画、MTV制作等紧密结合,并作为一种产业,逐步向音乐、电视、广告、游戏、远程教育等各个领域渗透。
2.1将Flash引入网页设计的必要性
由于受技术方面的限制,早期的网页大多都为静态页面,即网页上的所有内容都是通过文字和图片表示出来。在这种文字加图片的静态网页中,网页版面单调,内容枯燥,要想吸引浏览者的注意力难度非常之大,同时也使得网站沦落成一个纯粹的信息网站。而如果在网页设计过程中,通过加入Flash,特别是其在色彩、声音和动态效果等方面的有效组合,可以使网页风格多姿多彩,很大程度地吸引浏览者的注意力,使浏览者对网站的印象更加深刻。
2.2Flash在网页设计中的部分应用
在网页设计中,适当使用Flash来展示那些需要突出展示的内容,往往能起到画龙点睛、突出主题、充分调动浏览者兴趣的效果,这是图片等二维技术所不能比拟的优势。比如,一些网站为了提高美观性,吸引浏览者的注意力,同时也为了获取利益,往往会植入一些广告,例如网络广告、企业宣传动画、网站形象展示动画等内容。此时如果将Flash技术广告有机结合,就需要设计者必须考虑Flash的生动性和活泼性,潜心研究网页内容的特点以及其与宣传内容的契合点,从而提出好的创意,以确保Flash能从不同角度和层次对广告和页面主题进行展现,增加网页与浏览者之间的互动性。
2.3Flash在整站网页设计中的应用
除了上面所提到的采用Flash进行网页设计外,也有一些网站,为了体现自己的独特之处,将Flash技术引入整个网站的设计中。此种纯Flash网站设计方式一般适用于设计类的公司,比如广告、传媒、设计、网络游戏等行业公司。一般来说,一个网站如果整个网站全部都要使用Flash来设计,就必须事先对网站进行科学合理的设计。包括视听元素、页面布局、版面结构以及网站结构关系设计等内容。设计完后就是要收集准备素材,包括文字、音乐、图片、视频等,并确定动画的展现形式。在设计的时候,要保证网站趣味性,在给人以视觉和听觉上的双重享受之外,要能调动浏览者的积极性,要能让浏览者继续停留在当前网页并且愿意仔细浏览网站上的信息和内容。
2.4网页设计中应用Flash应注意的问题
从目前的发展趋势来看,Flash由于其自身的众多优势成为了网页制作的主要方式之一,给设计者提供了更便捷、完善的动画创作平台,同时也受到了广大用户的认可和欢迎。尽管如此,在应用Flash进行网页设计时还应注意一些问题。如,网页中设计中不能过多使用Flash,如果过多使用,会不利于搜索引擎的识别,这势必会影响到网站在搜索引擎中的排名,进而对网站浏览量产生负面影响。Flash的使用也不应过于花哨,否则,容易使浏览者眼花缭乱,找不到自己想要的信息,进而产生感到烦躁感;在应用Flash时,还应注意Flash操作人机关系的影响。
3结语
作为网页设计的一个重要的视觉元素,Flash有着体积小、成本低、效果好等优点,在运用Flash进行网页设计时,设计者要在遵循传统网页制作思路和制作要点的基础上,灵活、合理地应用Flash,这样才能使整个网站具有更加强大的交互感和亲和力。另外,还需注意的是,要想让制作出来网页更加具有吸引力,除了对技术的硬性需求之外,设计者也需要具备一定的美学知识。因此,在不断提高网页制作技术的基础上,设计者还要不断提高自身的艺术水平。如今,随着网络信息技术的不断发展,且Flash自身拥有的众多优点,Flash在人们生活中的应用越来越普及,因此,设计者在应用Flash进行网页设计时,一定要有精益求精的信念,这样才能为网页设计创作开拓一个更为广阔的未来,才能为更多商家和大众所青睐。
第二篇:flash网页设计毕业(论文)
辽宁警察学院毕业设计(论文)
Flash网页设计
系: 高职计算机系 专业: 计算机应用技术 学生: 陶帅帅 指导教师:杨 虹
完成日期:2017年4月3日
辽宁警察学院毕业设计(论文)
Flash网页设计
总计 毕业设计(论文)表格 0表 插图 24幅
页
摘 要
本论文主要论述了本人所做毕业设计课题《Flash网页设计》的技术背景、设计理念、概要设计、详细设计以及最后效果展示等方面内容,详细的介绍了本人对于设计简单Flash网页的一整套设计过程和相关技术难点的解决方法。
Flash设计网页成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台,它满足了广大用户随时随地进行交流和沟通的需要,为网上用户提供交流场所,实现高效动态信息交换,而网页恰恰是由一个个小小的网页集结而成,没有网页就没有强大的网页。现在虽然有很多动漫网页,但版面千篇一律,缺乏个性化、前瞻性,页面设计混乱,不利于用户查看,网页的交互性比较差,因此我针对以上问题为动漫网页设计一个个性化的动漫网页。关键词:动漫网页,Flash
I
Abstract This paper mainly discusses the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design process and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.Key words: Web Design;Flash;Flash web design
II
目录
前 言..............................................................................................................................1 第1章 概述..................................................................................................................2
1.1 Flash软件的介绍.........................................................................................2 1.1.1Flash的历史.......................................................................................4 1.2 Flash软件的特点.........................................................................................4 1.2.1普通网页设计的特点.........................................................................4 1.2.2Flash网页...........................................................................................5 第2章 网页设计的开发工具与开发语言..................................................................7
2.1 网页使用的开发工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 网页开发语言.................................................................................................7 第3章 Flash网页设计中的各种技术解析................................................................9
3.1 主页界面设计解析.........................................................................................9 3.1.1Flash网页加载时的进度条设计..........................................................9 3.1.2网页LOGO与站点设计...................................................................10 3.1.3网页导航条的设计.............................................................................10 3.1.4进入主页界面前动态效果设计.........................................................12 3.1.5进入主页时的音效设置.....................................................................13 3.2 “赏漫软件”Flash子页面设计......................................................................14 3.2.1“赏漫软件”目录的制作..................................................................14 3.2.2赏漫软件的图片文字介绍部分制作.................................................15 3.3 “精品动漫”Flash子页面设计......................................................................15 3.4 “酷站导航”Flash子页面设计......................................................................17 3.5 “酷炫漫画”Flash子页面设计......................................................................18 3.6 “关于作品”Flash子页面设计......................................................................19 结论..............................................................................................................................20 致谢..............................................................................................................................21 参考文献......................................................................................................................22 III
辽宁警察学院高职计算机毕业设计(论文)
前 言
世界因Internet的出现而在逐步改变,网络经济雏形因此而形成,由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点,直至今日已发展成为信息传播的主要载体,所以几乎全球的各个企业、机构纷纷建立自己的web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击,再加上网络经济对设计行业的影响,由此而产生了一个新的设计领域--网页设计。
Flash产业作为我国发展中的产业,网页设计技术的发展推动了该产业的传播,使得各类Flash网页纷纷崛起,为广大Flash爱好者带来了诸多便利。
本课题设计的是一个以Flash设计为主题的网页设计,以信息发布、分享为主要的。通过发布一些关于Flash的信息、图片和Flash等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网页中的剧情交流上发表自己的看法以及可供共享的信息,使人们在获取信息的同时,还可以发表自己的感受。在如今网络高速发展的时代,发布信息与分享兴趣已成为大多网页设计的主要目的。
Flash网页设计
第1章 概述
Flash网页设计是指用用Flash软件制作的网页,网页内容多数甚至全部是Flash。全Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
在因特网飞速发展的今天,多姿多彩的网络页面总是让我们目不暇接,创建富有个性的个人主页更是每一个网络爱好者的梦想。作为一个优秀的多媒体网页设计平台,Flash从众多的网页设计软件中脱颖而出,成为大多数网络爱好者设计网页的首选工具。能够为大多数人所认同的东西总有它的独特之处,Flash正是以其独特的魅力征服了网络发烧友。
首先,Flash的一个很重要的特点是创建的文件体积很小,Flash是完全基于矢量的Flash处理技术,而矢量图形就是用少量的向量数据来描述一个复杂的对象,存储时只占很小的空间,而且图像的质量也很高。想必许多网友们也曾对自己挂在网上的一些Flash作品的体积担心,那么,用Flash来创建网络Flash作品也正是我们的首选。
其次,Flash使用的是插件的工作方式,用户只要安装一次插件,以后就可以快速启动并观看Flash,而不必像Java那样,每次都要花费大量的时间启动虚拟机。
再次,Flash动漫采用的是“流式”的Flash播放技术,用户不必等到Flash下载完全再去欣赏,而是一边下载一边欣赏。
最后,Flash简单易学,尽管它不能像一门高级语言一样进行编程,但功能还是很广泛的。使用内置的ActionScript语句结合JavaScript,也可以制作出互动性很强的主页来
1.1 Flash软件的介绍
Flash是美国Macromedia公司所设计的一种二维矢量动画软件(现Adobe公司产品),用于设计和编辑Flash文档,最新版本为:Animate CC 2015.5。Flash通常也指Macromedia Flash Player(现Adobe Flash Player),用于播放Flash文档。
辽宁警察学院高职计算机毕业设计(论文)
档案格式:
图1-1影片档
“swf ”这是一个完整的影片档,无法被编辑。有时会被念做“swiff”。Swf在发布时可以选择保护功能,如果没有选择,很容易被别人输入到他的原始档中使用。然而保护功能依然阻挡不了为数众多的破解软件,有不少闪客专门以此来学习别人的程序代码和设计方式。
图1-2原始档
“fla ”是Flash的原始档,只能用Macromedia Flash打开编辑或Adobe Flash CS3及更高版本打开编辑
Actionscript是一种程序语言的简单文本文件.FLA档案能够直接包含Actionscript, 但是也可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类),以方便共同工作和更进阶的程序修改。
Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的Flash、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常,使用 Flash 创作的各个内容单元称为应用程序,即使它们可能只是很简单的Flash。您也可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。
Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。
Flash网页设计
1.1.1Flash的历史
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。后又于2005年12月3日被Adobe公司收购。Flash通常也指Macromedia Flash Player(现Adobe Flash Player)。2012年8月15日,Flash退出Android平台,正式告别移动端。2015年12月1日,Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5。
Flash的过去无疑是异常辉煌的,然而它的现在和将来却饱受非议。在移动互联网和Html5的强烈冲击之下,Flash在网页方面的应用逐渐衰退,如今已经很难再看到纯正的Flash整站了。有人因此断言Flash已经成为一种“过时”的、“应被抛弃”的技术,更有人提出“Flash将死”的预言。然而,换一种客观的眼光来看现实情形,就会发现Flash并未完全衰退,在网页游戏、互动设计、媒体应用、教育课件等领域,仍然能够看到Flash异常活跃的身影。在动画效果的流畅性、互动设计的便捷性、代码开发的简易性、程序应用的广泛性等方面,目前还没有任何一款软件能够与Flash相比拟。因此,也有许多开发者认为Flash还“大有可为”。无论Flash的未来何去何从,在当下,它仍然是一门值得所有人认真学习的技术。特别是对于有志成为网页设计师的学习者而言,Flash更是一门必修课。
1.2 Flash软件的特点
1.2.1普通网页设计的特点
网页设计要注意的两个要点:整体风格和色彩搭配。
1、确定网页的整体风格
网页的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网页。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、4
辽宁警察学院高职计算机毕业设计(论文)
交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网页给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
(1)将你的标志logo,尽可能的放在每个页面上最突出的位置。(2)突出你的标准色彩。
(3)总结一句能反映贵站精髓的宣传标语!
(4)相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的!
2、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
(1)用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
(2)用两种色彩。先选定一种色彩,然后选择它的对比色。
(3)用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
3、在网页配色中,还要切记一些误区:
(1)不要将所有颜色都用到,尽量控制在三至五种色彩以内。
(2)背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
1.2.2Flash网页
Flash网页具有设计精美,拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似,事先应先在纸上画出结构关系图,包括:网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期
Flash网页设计
部分等等,都应在考虑范围之内。
实现全Flash网页效果多种多样,但基本原理是相同的:将主场景作为一个“舞台”,这个舞台提供标准的长宽比例和整个的版面结构,“演员”就是网页子栏目的具体内容,根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础,基本保持自身的内容不变,其它“演员”身份的子类、次子类内容根据需要被导入到主场景内。
辽宁警察学院高职计算机毕业设计(论文)
第2章 网页设计的开发工具与开发语言
2.1 网页使用的开发工具
2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相对于Macromedia Flash MX 2004增强了为移动设备开发的功能,方便创建Flash Web增强的网络视频。虽然有更高的版本,但是Macromedia Flash 8.0 Pro仍是现在最主流的Flash制作软件,配合其内置的ActionScript 2.0能够完美实现网站设计中所需要的各种动态效果和交互效果,而我此次所做的Flash网站就是在Macromedia Flash 8.0 Pro的环境下制作。
新版本的Flash 8中引入了几种高级技术:实时渲染滤镜、运行时位图缓冲、FlashType字体渲染引擎、自定义淡入淡出功能、改进的视频播放组件、增强的文本工具、增强的描边属性、高级渐变控制。其中一种非常棒的技术是,Macromedia减轻了Flash Player 8的渲染工作,在Flash文件中使用标签,Flash Player 8现在可以在用户与Flash文件交互时实时渲染滤镜。这意味着Macromedia已经能够合并内建的滤镜效果,象阴影、模糊、内外发光、倒角、渐变倒角、颜色调整,以获得更丰富的用户体验。这些滤镜或可视效果能够被应用到影片剪辑(MovieClips)和文本域,当在网页中运行时,通过播放器渲染并显现出来。2.1.2Adobe Photoshop CS2 作为Adobe公司出品的最出色的图形图像处理软件,Photoshop以其强大的功能向我们证明着它的名至实归。在falsh网页设计时一些图片素材如背景图片、按钮、LOGO等在载入Flash库前有必要用Photoshop做适当的处理.2.2 网页开发语言
Html(Hyper Text Markup Language)即超文本标记语言或超文本链接标示语言,它是一种计算机程序语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要内容。
Html文件是用ASCLL代码编写成的,可以保存为最简单的TXT文本文件,Flash网页设计
这样用任何一个文字处理软件都可以进行编写,这也是他能够迅速迅速普及,并十分受欢迎的一个原因。
辽宁警察学院高职计算机毕业设计(论文)
第3章 Flash网页设计中的各种技术解析
3.1 主页界面设计解析
3.1.1Flash网页加载时的进度条设计
(1)新建Flash文档index.fla,设置舞台的大小为550*550像素,设置背景的颜色为#786e28。
(2)建立进度条设计主要是帮助观察Flash网页载入的进度,建立进度条设计样式如图3-1,时间轴上各层设计如图3-2。
图3-1进度条
图3-2进度条在时间轴上各层
Actions:帧1代码: total = _root.getBytesTotal();loaded = _root.getBytesLoaded();baifenshu = int((loaded/total)*100);baifenbi = baifenshu+“%”;setProperty(“jindutiao”, _xscale, baifenshu);Actions:帧2代码:
Flash网页设计
if(baifenshu == 100){
gotoAndPlay(4);} else { gotoAndPlay(1);} 3.1.2网页LOGO与站点设计
网页LOGO设计:
(1)新建图形元件“元件42”。
(2)利用矩形工具建立一个白色矩形,在矩形正中建立一稍小些的背景色矩形形成白色矩形框。
(3)利用任意变形工具将白色矩形框变形成为白色平行四边形框。用线条工具进行分割裁剪,旋转变换得到要设计的网页LOGO。(如图3-3)
图3-3 logo展示图
3.1.3网页导航条的设计
(1)新建图形元件“元件22”(如图3-4),作为导航条背景。
图3-4导航条背景
辽宁警察学院高职计算机毕业设计(论文)
(2)建立6个图形元件分别在各元件中设计各导航按钮文字,字体样式雅黑,字号12,颜色黑色,分别载入各影片剪辑做出动态效果,对应每个影片剪辑做一个与影片剪辑等大的按钮,按钮与影片剪辑放于不同层叠加在一起均匀排列与导航条上(如图3-5)。
图3-5导航按钮
(3)给每个按钮附加动作。(如图3-6)
图3-6按钮b1动作目录
代码如下: 图层4:帧1: stop();元件11: on(rollOver){ } on(press){
} 元件11: on(rollOut){
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(2);11
Flash网页设计
} on(press){
} 图层4:帧9: Stop(); 元件11: on(rollOut){ } on(press){
} 3.1.4进入主页界面前动态效果设计
(1)新建图形元件“元件29”,创建长条图行,作为三个小窗口推荐酷站、本站作品、站内更新的上框(如图3-7)。建立三个图形元件分别制作各个小窗口的名称(如图3-8)。
图3-7小窗口的上框 图3-8小窗口的名称
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
(2)新建图像元件,在其上创建与小窗口等大的白色和背景色的矩形色块,在不同图层中各小窗口的上框和窗体依次在时间轴上载入并做形状补间Flash(如图3-9)。
辽宁警察学院高职计算机毕业设计(论文)
图3-9小窗口动态载入效果时间轴设置
(3)导航条、网页头尾的图片条以相同方式在时间轴上依次载入并做形状补间效果(如图3-10),就可以完全载入主页界面获得完整的主页框架界面。
图3-10导航条、网页头尾的图片动态载入效果时间轴设置
3.1.5进入主页时的音效设置
(1)挑选合适的音效载入库中。
(2)选择适当的音效添加到时间轴上的适当位置(如图3-11),使动态效果更具表现力。
图3-11在时间轴上添加声音效果
主页框架界面到现在已经基本上设计完成了,主页框架界面为一个独立的Flash文档,发布之后形成index.swf文件。此外,我们还要针对各个导航卡设计其对应的swf文件,各swf文件之间通过as代码连接形成一个整体,则构成了本Flash网页的主体结构,再通过as代码连接一些必要的网页就构成了一个完整
Flash网页设计
Flash网页。以下几章我将对各个导航卡所对应的.swf文件及它们所链接的网页页面的制作做进一步的详细说明。
3.2 “赏漫软件”Flash子页面设计
3.2.1“赏漫软件”目录的制作
“赏漫软件”子页面载入效果和“迷你游戏”子页面相仿不再赘述。赏漫软件目录的制作大体上与游戏目录相仿,所不同的是不需要转换和滑动,也就比游戏目录要好做多,同时目录中软件按钮的制作也和游戏目录中按钮一样,再此不在赘述目录和按钮的制作方法。我们来看一下做好的目录的大概形状样式(如图3-12),用以上做目录的经验可以轻松做好。
按钮附加动作代码: on(press){
} unloadMovieNum(3);loadMovieNum(“此处最好填所连接swf文件的相对位置”, 2);
图3-12软件目录样式
辽宁警察学院高职计算机毕业设计(论文)
3.2.2赏漫软件的图片文字介绍部分制作
该部分是以一个小的swf文件单独存在的,在点击软件按钮时会载入相应的swf文件在界面的适当位置。
接下来我们来做一下这个小swf文件,就那ACDSee图片浏览软件所对应的swf文件来说明吧。
(1)新建空白fla文件,命名.fla。将通过Photoshop设计好ACDSee软件的图片素材,载入到s2库中。并生成影片剪辑。以影片剪辑动态效果实现是通过逐帧Flash方式完成的(如图3-13至3-14)
图3-13本影片剪辑动态效果的时间轴设置
图3-14本影片剪辑动态效果
3.3 “精品动漫”Flash子页面设计
“精品动漫”Flash子页面是一个与前几个子页面略有不同的子页面,页面的设计风格与前几个页面有些许差异,不规则的背景使得页面整体显得翘起生动。(如图3-15)子页面载入动态效果及显示出动漫按钮前的动态效果在前面都有涉及不在赘述。
Flash网页设计
图3-15“精品动漫”Flash子页面
(1)新建空白fla文件,命名为index003。将通过Photoshop设计好Flash按钮图片素材,大小50*50像素,载入到index003库中。
(2)新建图形元件,将图片载入图形元件中并在图片上面覆盖一层多半透明的与图片等大的色块。(如图3-16)
图3-16图像上覆盖了透明色块的图形元件
(3)将图像元件做成按钮,按钮元件第一帧是将该图形元件透明度略调高一些(如图3-17),在第二三帧恢复正常(如图3-18)。
辽宁警察学院高职计算机毕业设计(论文)
图3-17按钮第一帧
图3-18按钮第二三帧
(4)给每个按钮附加动作代码以连接到要播放的swf文件。代码如下: on(press){
} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站导航”Flash子页面设计
目录的制作、按钮的制作、子页面载入动态效果及显示目录时的动态效果等在前面都有涉及不在赘述。这里仅提供该子网页设计好后的最后效果。(如图3-19)
Flash网页设计
图3-19“酷站导航”子网页设计好后的效果
其中各个网页按钮附加动作的代码为: on(press){ } 其中对网页的图片展示和介绍部分同“赏漫软件”子页面中的小swf文件制作方法一致,可仿照其制作不再赘述。loadMovieNum(“需要读取的swf文件的相对url地址”, 2);3.5 “酷炫漫画”Flash子页面设计
绝大部分和“赏漫软件”子页面中的设计保持一致,只是按钮需要重新制作,右侧的图片展示部分也没太多的改变,完全可以仿照其设计制作不再赘述。再次提供该子网页设计好后的最后效果。(如图3-20)
辽宁警察学院高职计算机毕业设计(论文)
图3-20“酷炫漫画”子网页设计好后的效果
3.6 “关于作品”Flash子页面设计
本网页就只有一个文字面板,文字面板的设计和其他页面中目录的设计比较相似,都是先在图形元件中设计好其轮廓和背景,再在时间轴上通过形状、亮度、透明度改变进行形状补间最终获得文字面板(如图3-21)。再次提供该子网页设计好后的最后效果。(如图3-22)
图3-21文字面板设计在时间轴上的设置
图3-22“关于作品”子网页设计好后的效果
Flash网页设计
结论
Flash网页具有设计精美,拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主,所以比较适合做那些文字内容不太多,以平面、Flash效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网页等。
制作全Flash网页和制作Html网页类似,事先应先在纸上画出结构关系图,包括:网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期部分等等,都应在考虑范围之内。
因为本人水平有限,虽然已从很多方面进行阐述和讲解,但终究是不能十全十美的,理论与实际永远是有距离的。希望能在今后的学习和工作中能不断完善、进步!
辽宁警察学院高职计算机毕业设计(论文)
致谢
毕业设计完成之际,我由衷地感谢杨虹老师的大力帮助和支持,感谢我的同学和朋友,在我遇到各种各样复杂问题的时候,给予我鼓励和帮助,使我分析问题和解决问题能力有了很大提高
本论文是在杨虹老师的悉心指导下完成的。杨虹老师渊博的专业知识,诲人不倦的高尚师德,严以律己、宽以待人的崇高风范,朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标,还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从选题到完成,每一步都是在导师的指导下完成的,倾注了导师大量的心血。在此,我向导师表示崇高的敬意和由衷的感谢!我在研究思想方法上得到了启发,并且在工作中采用他们的部分研究成果与资料。尽管与他们为我付出的一切相比,所有的语言都显得苍白无力,但我仍要真诚地说声:谢谢!感谢三年来各位老师和同学对我学习、生活的关心和帮助。在论文即将完成之际,我的心情久久无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给予了我无言的帮助,在这里请接受我诚挚的谢意!
最后感谢我的母校—辽宁警察学院三年来对我的栽培。毕业设计完成之际,我由衷地感谢论文指导老师的大力帮助和支持,感谢热心的同学与朋友,在我遇到种各样复杂问题的时候,给予我鼓励和帮助。
Flash网页设计
参考文献
[1]向玫玫,林强,马杰,薛雅娟,王亚冰,范文南.Flash设计(21世纪全国普通高等院校美术艺术设计专业十二五精品课程规划教材),辽宁美术出版社,2014.04.[2]李锡泽,王喆.《Flash动画网页设计》,武汉大学出版社,2015年.[3]刘欢.《Flash ActionScript 3.0交互设计200例》,人民邮电出版社,2015.05.[4]刘斌.基于Flash的课件制作与应用[J],科技广场,2012(7).P102-P103.[5]莫仲心.浅谈Flash动画在网页设计中的应用[J].信息通信.2012(1).P135-P136.22
第三篇:分层教学在《网页设计》中的应用
分层教学在《网页设计》中的应用
乳源中等职业技术学校 李新华
摘要: 《网页设计》在中等职业技术学校课程中是一个操作性较强的模块,学生通过对《网页设计》这一模块的学习,能够熟悉网站、网页的基础知识,掌握建立网站和制作网页的基本知识和技巧;能够设计出精美的网页,还可以培养一种能够陶冶情操的特长爱好。
关键词:分层 差异 分层教学
在实际教学中,我发现学生对《网页设计》课程的学习兴趣和学习能力反映不一样。其中某些学生的学习能力较强,表现出对网页设计有很强的学习兴趣,同时学习效果也不错,经常向老师表示希望能学到更多的关于网页设计方面的知识;还有部分学生对网页设计课程也表现出一定的兴趣,但学习能力不是很好,学习效果一般;还有一部分学生对网页设计课程的学习几乎没有什么热情,也不用心学习或者学习能力差,基本丧失了学习兴趣和信心。如何让所有的学生都能学会并且学好《网页设计》这个操作性那么强的模块呢?本人在教学中发现“根据不同学生的具体情况和知识结构进行教学设计”的分层教学理论正符合目前学生的情况,因此决定在教学中采用“学生分层——教学目标分层——教学评价分层”的教学模式。
由于网页设计是一门实践性较强的课程,学生的网页设计水平会随着学习态度的变化和实践操作的熟练程度的变化而发生相应的变化。所以在进行实际教学中根据具体情况适时采用分层教学。
在讲授到超级链接时, 我采用了分层教学模式进行教学。
一、学生分层
分层教学理论的一个基本的要求和目的就是根据不同学生的具体情况和知识结构进行教学设计。根据学生对网页设计的掌握程度,我将学生分为A、B、C三个层次。具体分层如下:
A层:学生对网页设计课程的学习表现出较强的兴趣,同时也熟练应用网页设计相关软件(如Dreamweaver、Flash、PhotoShop)的同学,并能较快地接受老师在多媒体课堂上讲授的教学内容和在计算机机房中能较好完成老师所布置的实验内容。
B层:学生对网页设计课程的学习兴趣表现一般,同时对网页设计相关软件有一定了解的同学,能理解老师在多媒体课堂上讲授的教学内容,但在计算机机房实践时需要老师或其他同学的帮助才能顺利地完成实验内容。C层:学生对网页设计基本没有学习兴趣,同时学习能力较差或学习不够认真的同学,在课堂上表现很差(经常违反课堂纪律,或者做些与课堂无关的事情)。
二、教学目标分层
教学目标的分层就在于给不同的学生设置不同的阶段学习目标,以使不同的学生能根据各自不同的情况进行有针对性的学习。既能保持各层次学生学习网页设计的积极性,又能在各自的基础上发挥特长,使基础的巩固与个性的发展达到和谐统一。
根据以上原则,关于超级链接的学习目标也分三个层次。
C层:能理解超级链接的概念和掌握创建超级链接的基本方法;在上机实践操作时能够模仿范例创建几种常用的超级链接:不同对象的链接(文字链接和图像链接)、不同路径的链接(绝对路径链接和相对路径链接)、不同形式的链接(电子邮件链接和虚拟链接)。
B层:除了能够理解超级链接的概念和掌握创建超级链接的基本方法外,还要熟练创建超级链接的技巧;除了在上机实践操作时能够模仿范例创建几种常用的超级链接外,还要在C层目标的基础上增加难度较大的超级链接,如图像热点链接和锚记链接;同时还要懂得在制作网页时在不同的情况下使用不同类型的链接。
A层:在掌握B层目标的基础上还要求学生掌握超级链接的HTML语法,还要求利用CSS样式来修饰链接文字以实现更佳链接效果,并且还能够制作出实现超级链接的Flash动画效果;同时还鼓励学生自己设计和制作更有创意的超级链接效果,使网页更生动和精美。
三、教学评价分层
在教学中,根据学生分层传授知识,对学生进行不同的评价。对学生进行分层评价,以其在原有知识水平上的进步和提高作为评价学生是否完成教学目标的一个基准,这是进行分层教学的一个重要的方面,也是衡量分层教学法是否有效的一个重要手段。
在进行超级链接的学习后,根据学生的多媒体课堂听课情况和上机实践操作情况,以及布置作业的完成情况和课后学生自行练习情况进行总考核,得出综合评价。
A层:大部分学生都能够自觉地完成老师布置的任务,能够创建出效果较好的超级链接; B层:部分学生也基本掌握了很多的创建超级链接的方法和技巧,但还有个别学生因努力程度不够而没有达到预期的教学目标;
C层:某些学生基本掌握了超级链接的概念和创建常用超级链接的方法,甚至有部分学生在老师的指导和同学的帮助下能够创建出难度更大的超级链接。
在进行超级链接教学中采用分层教学实践取得初步效果后,接着讲授表格、层、行为和CSS样式等内容时继续采用分层教学法。实践证明,教学效果当不错。《网页设计》这一模块课程结束时,大部分A层学生在这一模块的综合成绩达到80分以上,B层学生的综合成绩达到70分以上,而C层学生的综合成绩也基本上在及格以上。甚至个别B层和C层学生的成绩达到80分以上。
综上所述,在《网页设计》模块教学中采用分层教学方法,将有效的克服教学内容与学生兴趣爱好之间的矛盾,克服学生掌握知识水平两极分化的矛盾。真正做到了以学生为出发点,充分发挥学生的积极性和主动性,适应学生对不同内容的学习需要,有效地解决了班级授课制的固有缺陷和因材施教之间的矛盾,《网页设计》模块教学注入了新的活力。但是,分层教学的设计、分组、教学内容的分层、教学方法的分层等方面仍存在着不少的问题还有不少值得深入探索的地方。我将在以后的教学中不断努力,使分层教学活动的方法得以不断的改进和完善。
参考文献:
1、钟和军 《基于信息技术环境下分层导学模式的构建与实践》
2、付裕东 《落实因材施教原则的最佳途径——分层次教学》
3、王涛斌 《分层教学理论在信息技术教学中的运用》
4、张春兴 《教育心理学》
5、罗耀军,戴小波,张培军 《计算机网页制作教程》
第四篇:在网页中插入flash的标准代码
使用可实现Flash动画的插入,但也可以用标记插入Flash动画,但后者有些复杂,若要和前者一样实现动画的插入,必须要加:才能实现flash动画的插入。我想问下,前者和后者的功能应该差不多是吧,为什么后者那么麻烦,要加这么多的参数。还有就是object标签里面去掉data=“1.swf”,运行后好像正常的。加不加都没区别吗?谢谢啦!!
两个标签都可以实现在网页中插入视频或flash,object是微软的ie浏览器支持的的,当然微软也认嵌入标签embed.N的浏览器支持embed但忽略object。
据说object是发展方向.将来embed要淘汰。现在一般object内套embed,是为了在各种浏览器里都取得最佳浏览效果.如此而已,单用其一一般都可以。
我举一段html插入flash动画的比较标准的代码: