制作网站过程详细规划_第1页
制作网站过程详细规划_第2页
制作网站过程详细规划_第3页
制作网站过程详细规划_第4页
制作网站过程详细规划_第5页
已阅读5页,还剩36页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、FLASH制作网站的流程的详细计划报道来源:小新技术作者:侑名更新时间: 2006-5-26【尺寸】 【加入收藏】-是-是源文件请参见此处:3358 BBS.7880.com/read-htm-tid-8876.html1站点创建前的准备很多人在做FLASH的时候带来,改正错误的地方,不仅效率差,而且做的时候想法混乱,造成的效果也不好。 好的网站前期准备不可或缺的网站的做法是,把网站做成很多FLASH文件,然后连接,容易修改,构想清楚。 (我常用的做法)另一种,看了这个,各自的连接在FLASH文件中,这种做法需要很高的制作能力,对前期的准备有很高的要求。现在,让我们把焦点放在这个网站的分析上。

2、 首先确定尺寸和布局。 可以看出本文由三部分组成(图1 )像这样大家的心稍微数一下,我想你现在可能会觉得无聊,但是那确实是FLASH网站的灵魂,无论做什么网站都要数心灵的数量。 此时已经形成了很大的框架,请开始设计,再考虑一下每个部分应该放置什么。 因为这个几乎是用PS处理的,所以我不吵。(此外,如果要在FLASH中打开透明图像,请以GIF格式保存。 (请参见。)二网站制作这个部分是重点,我打算先把重要部分分开说明,然后进行最后的整合。 (但是,大家要注意,现实的制作遵循你的想法。 因为过程很难理解。 )这个网站有三部分:加载、按钮和视频链接。 太好了。 请不要说多馀的话。1 loading的

3、制作一般loading的制作方法很多,这个网站采用普通的制作方法,先看看照片吧整个加载是两层的第一帧,输入脚本stop (),输入到AS层和加载层AS层; 停止在第一帧,不继续播放,查看加载层,然后在画布上单击以发现视频剪辑(视频剪辑是相对独立的,即,尽管场景在第一帧停止双击这个视频剪辑,打开看看吧。大家今后所有的部分都能看到自己的归属,大家做的时候也必须这样做。 想法很清楚,没有讨论第2层和第4层。 是简单的渐变效果。 我们将重点放在第5层,发现这是一个视频剪辑,在20帧的位置单击该视频,打开“动作”面板,发现以下代码。onClipEvent (load )举止this.bar._xscal

4、e=0;total=_root.getBytesTotal ();以下onClipEvent (enterFrame )举止this.bar._ xscale=_ root.getbytes loaded ()/_ root.getbytestotal () * 100;loaded=_root.getBytesLoaded ();percent=int (加载/总* 100 )txt=percent % ;if (this.bar._xscale=100 )举止_parent.play (); /end if试着做翻译吧。 onClipEvent (load )加载视频时this.bar._

5、xscale=0; this是相对的,从此视频开始,名为bar的视频的水平比率为0total=_root.getBytesTotal (); 将主场景的字节数分配给total当onClipEvent (enterFrame )播放电影时this.bar._ xscale=_ root.getbytes loaded ()/_ root.getbytestotal () * 100; 当前加载的字节数除以总字节数,然后乘以100loaded=_root.getBytesLoaded (); 将加载的字节数分配给已加载的字节percent=int (加载/总* 100 )为了整数化,被分配给per

6、centtxt=percent % ; 在percent值后加%符号分配给txtif (this.bar._xscale=100 )举止_parent.play ();QQ这是一个判定语句,当名为bar的视频符号的水平比例为100时,前一层开始播放,_parent也是相对的,表示前一个目录。从这个代码来看,大家可能会忧郁。 这个bar组件在哪里? 为什么没看到呢?别着急,回头再说吧。然后,在对应的名为第5层上有一个AS层,在20帧的位置停止在名为stop ()的代码的20帧的位置。 _root.gotoAndPlay(2)位于第40帧处,意味着它会跳到场景的第二帧123下一页双击此视频后,您将

7、看到以下内容:这里很简单第4层是影片剪辑,其实例名称为bar,请考虑上一个影片剪辑的代码。 是的。 使用代码动态更改滚动条,以便滚动条随着视频的加载而变长。第3层是动态文本,其中的变量名为txt,由于同样的原因,它使用前一个视频剪辑中的代码进行控制,最初是0%到最后的100%。这样我们就完成了这个加载。 也许你会说有点难. 刚开始。 再多学习,就有收获了。 如果还有不明白的地方,请留言。源文件请参见此处:3358 BBS.7880.com/read-htm-tid-8876.html按钮部分的制作按钮效果的制作方法很多,这个网站上的按钮也是鳉的LSAH按钮悄悄普及的方法之一,首先来看看照片吧。

8、播放源文件时,当鼠标移动到按钮上时,三角形符号会向前移动,而当鼠标移动时,三角形符号会回到原来的位置。 这个效果是如何实现的呢? 现在,我们来看看按钮的整个部分在图层上。 这样的效果能在层上实现吗? (是的,是的。 这是我们常用的方法,使用视频剪辑嵌套的优点是原始的文件层次很清楚,文件的整体结构一目了然。)按钮的整个图层是影片剪辑,双击它可以看到图像。心情很好吧。 一目了然,每个层都有一部分对应,5个按钮分别放在5个层上每个按钮都是影片剪辑,我们能感受到影片剪辑的能力吧。 这五个按钮各自的制作过程相同,所以选择一个吧。 例如,尝试点击“HOME”按钮。 嗯,一定是电影剪辑。 然后,打开“动作”

9、面板时,会发现以下AS语言打开(滚动器)举止this.gotoAndPlay(2)以下on (rollOut )举止this.gotoAndPlay(11 )以下开启(发行)举止_root.gotoAndStop(2)以下很简单吧。 鼠标跳至第二帧,鼠标跳至第十一帧。 这两部电影的跳跃播放对这部电影来说,点击以停止跳至主场景的第二帧。 对场景来说,_root是场景的意思。有人问,这是按钮允许的代码,为什么看电影也行呢?啊,实际上,这没有任何影响。 如果觉得无法理解,就请使用此形式的this.onRollOver=function()内容如果知道代码的话,就需要知道在做什么。 双击这个视频,打开

10、图吧。三角形符号从110向右变色移动,从1018回到原来的位置,看看其他内容是静止的。 然后,我们看看AS层分别在第1帧和第10帧上放了两个脚本。 全部停止(); 这是什么?想想我们看到的代码吧打开(滚动器)举止this.gotoAndPlay(2)以下on (rollOut )举止this.gotoAndPlay(11 )以下啊,可以容易理解使用这些代码对三角形符号进行控制(需要注意的是,如果在第一帧和第十帧有脚本,为什么需要跳第二帧和第十一帧? gotoAndPlay是一个特殊的语言,this.gotoAndPlay(2)这跳至第二帧,但是因为实际上是从前一帧播放的,所以我以前在这个问题上

11、发生过错误)。那么,按钮的部分到此结束。 很简单吧。 现在,我想能把视频剪辑嵌套起来做按钮了。三画面的连接今天,我们来谈谈这个网站的画面是如何连接的,在主场景中(即打开文件就能看到的画面)打开源文件时,主场景的所有画面都显示在上图中四个层的第二帧(这些层的位置已调整,因此变得很常见),分别为脚本层stop (); 第一部分、第二部分、第三部分(刚开始准备站点的三部分) OK,这里首先介绍第二部分(因为动画先播放第二部分),该层在第二层62上双击打开上一页123下一页哼!啊,这里都是补充视频,什么都不说,请看源文件。 的双曲正切值。 在该AS层的第37帧中有脚本,打开动作面板找到了这些语句。st

12、op ();_root.cc.gotoAndPlay(2)_root.cc.gotoAndPlay(2)这意味着在主场景中,名为cc的电影将从第二帧开始播放。抄送? 什么在哪里? 啊,别着急,看下面,在第二部分说了,其实那是整体构成最简单的部分。我们回到了主角,开始说第三部分。 该层位于第62层上,单击它可以发现实例名称为cc。 啊,原来你在这里啊。 双击,打开如图所示。其中也和第2部分一样,是那么简单的结构,里面的按钮部分也已经被提案了,其他的是简单的补充,那么,来看看AS层吧。 发现第一帧和第四十三帧分别有剧本第一个帧是stop (); 这时,也有人问为什么第二部分我们没有看到这个剧本。

13、是的,可以提问并开动脑筋。 我们来说原因吧(画面整体的播放顺序是第2部分第3部分第1部分,这三部分在一帧中很清楚,应该一起播放,这时简单的AS方案起作用,首先第2部分最后一帧的_ root.cc.g 在播放之后第三部分开始播放,第三部分的开头stop (); 也就是说,除非第二部分结束,否则我就放着。 如果没有这个stop (),试着考虑一下在第2部分播放的同时,在第3部分也播放。 这样就会发生错误。 看看这个stop ()会发生什么。 (请参见。)那么,我们来谈谈第43帧的剧本吧stop ();_root.aa.gotoAndPlay(2)_root.aa.gotoAndPlay(2)中的a

14、a也可以推测,但一定是第一部分的实例名。第三部分就此结束了分析接下来来第一部分吧。 的双曲正切值。 图:同样,您可以看到层太多(因为内容太多),配置并不复杂,也就是说两个掩码增加了。 关于这两个口罩我也不打算说得很详细,但是关于那种花口罩,我们来说几句吧。先看看图吧。从源文件中可以看到,蒙版层是影片剪辑,蒙版层是花本身,双击以打开影片AS停在最后的帧中,整体被遮光。 这里想说的是,很多遮光方法都必须活用,所以我们可以创造独特的视觉。蒙版结束后,其他都可以通过简单的插值来参考源文件。在AS层的第一帧中也是stop (); 用法之前也说过,AS的最后一帧也是stop (); 这个用法也很简单,已经

15、解放了,当然要停止。整个主场景的连接在这里说明。 看看主场景吧。从第三帧到第六帧,每个帧同样由三个部分组成,它们由前面说明的按钮控制语言是打开(release ) )_root.gotoAndStop (你想控制的是第几帧)以下那么,来这里,我谈了制作的事情。 请参照源文件自己分析,如果有什么不明白的地方请给出评论。 的双曲正切值。 的双曲正切值。 的双曲正切值。三个总结网站到了这里,我们就结束了。 总之,网站本身的难易度不高,所以学到的内容很少。 这里想说明的是,网站的制作并不是不变的。 所以,这里只是一个例子,我想告诉你制作最基本的FLASH网站的过程,在本教程中学习之后,再分析网站的构成。 建立网站有很多限制。 例如LOADING,有你的网站。 也有我的网站。 所以,如果觉得自己的网站有特征,就要美化和创新本地。 这是为了在一定程度上学习必须要尝试的事情。PS是一个美化的软件,很多网站是在PS上美化后引进的,口罩是创新的助手,通常的视觉效果是通过口罩来实现的关于创建flash网页的详细信息创建加载文章来源: ChinaITLab收集整理作者:余名更新时间: 2006-5-7【加入收藏】-是-是众所周知,如果flash视频或网页的卷相当大,等待页面的出现非常无聊,从

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论