制作网站过程详细规划

2016-01-29 12:44 4 1 收藏

制作网站过程详细规划,制作网站过程详细规划

【 tulaoshi.com - Flash 】

  1 网站制作前期准备

  往往很多人做FLASH的时候都是拿来就做,不对的地方再进行修改,这样不仅效率低,并且做的时候思绪很乱,导致做出来的效果很差,一个好的网站前期的准备工作必不可少网站做法分为两种 一种是把网站做成很多的FLASH文件,然后再进行连接,这样做的好处是修改容易,且思路清晰。(我常用的做法),另外一种就是大家所看到的这个,各个连接都在一个FLASH文件当中,这种做法需要很高制作能力,对前期的准备工作要求很高。

  下面我们就重点针对这个网站做一些分析。首先确定尺寸,以及如何布局。大家可以看到这个文件是由3个部分构成的(如图一)


  这样大家心里就有点数了,我想你现在可能认为太无聊了吧,说这个东西,但是的确它是一个FLASH网站的灵魂所在,做任何一个网站都要做到心中有数。这时候大的框架有了,就开始进行设计,想想每个部分我应该放些什么,这大多是在PS里面处理的,我就不在罗嗦了。

  (加上一点,如果想要在FLASH当中打开是透明图片,那么就请你保存为GIF格式的。)
[next]

 二网站制作

  这一部分是重点,我打算先把一些重要的部分分开来说明,然后再做最后的整合,(不过大家注意点了,现实中的制作是按你的思路来的,因为怕按过程来讲大家不好理解),这个网站有3个地方需要分开说明,分别是loading,按钮部分,以及动画的连接。好了,废话不多说了。

  1 loading的制作

  一般来说loading的制作方法很多,这个网站就是采用一种普通的制作方法,先来看看图片

  可以看到整个LOADING的制作就在2个图层的第一桢上,分别是AS层和LOADING层 AS层当中输入脚本stop();作用是让它停止在第一桢上,这样的话它就不在继续播放了,而看看LOADING层,在画布当中点击它发现是一个影片剪辑,(影片剪辑是相对独立的东西,也就是说虽然场景已经停在第一桢了,但是影片剪辑却可以播放)我们双击这个影片剪辑,打开后如图所示

  大家从这个可以看到每个部分都有自己的归属,所以大家在做的时候也要这样,思路很清晰,对于layer2 和layer4我们就不在研究了,都是简单的渐显效果,我们重点就是layer5这个图层,发现这个还是个影片剪辑,在20桢的位置上我们点击这个影片,打开动作面板,发现这样的代码:如下:

onClipEvent (load)

{

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

this.bar._xscale = 0;

total = _root.getBytesTotal();

}

onClipEvent (enterFrame)

{

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

this.bar._xscale = _root.getBytesLoaded() / _root.getBytesTotal() * 100;

loaded = _root.getBytesLoaded();

percent = int(loaded / total * 100);

txt = percent + "%";

if (this.bar._xscale == 100)

{

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

_parent.play();

} // end if

我来做一下翻译,onClipEvent (load) 当影片载入的时候;

this.bar._xscale = 0;this是相对的意思,就是从这个影片开始,bar这个影片当中水平百分比是0

total = _root.getBytesTotal();把主场景的字节数赋值给total

onClipEvent (enterFrame)当影片播放的时候

this.bar._xscale = _root.getBytesLoaded() / _root.getBytesTotal() *100; 把目前载入的字节数除总的字节数,然后再乘100

loaded = _root.getBytesLoaded();把载入的字节数赋值给loaded

percent = int(loaded / total * 100);这个就是为了取整,并赋值给percent

txt = percent + "%";在percent 值的后面加上一%号,赋值给txt

if (this.bar._xscale == 100)

{

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

_parent.play();}


[next]

  这是一判断语句,如果bar这个影片元件的水平缩放到了100,那么上一层就开始播放,_parent也是相对的意思,表示前一个目录。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  从这个代码来看,大家也许会郁闷了,这个bar元件在什么地方,我怎么没看到呢?

  不要着急,后面来说。

  并且相对应的在layer5这个层的上面有AS层,20桢的位置有代码stop() ;让它停止在20桢位置上。我们可以看到在40桢的地方有_root.gotoAndPlay(2);意思是跳转到场景的第2桢.

  好了我们双击这个影片打开后如图:

来源:https://www.tulaoshi.com/n/20160129/1487355.html

延伸阅读
2012年初,我负责了对公司深度匹配产品进行了一次全面的用户体验规划,对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分享一下这个设计推导过程。 新设计师在进行交互设计时,很容易直接进入具体的界面层的设计思考,而整个过程中的前期推导过程却很容易被忽略,在这个案例中会着重前...
标签: 面食
川菜红油的制作方法 材料 菜子油50kg,二荆条辣椒面7.5kg,朝天椒辣椒面2.5kg,大葱节2.5kg,洋葱块1.5kg,香菜2kg,老姜拍破1.5kg,熟芝麻0.5kg 香料:八角、桂皮、香叶、草果、白蔻、小茴、丁香、砂仁适量 做法 1、将菜子油烧至八成热时离火,投入大葱、洋葱、老姜、香菜炸干后捞出。 2、待油温降到五六成热时,下二荆...
柠檬皮戚风蛋糕——超详细制作过程正宗做法/图解/步骤:                   1 所有原材称量好,低筋面粉过筛2-3次。                   2 将柠檬的外皮用盐搓一两分钟,然后用清水冲洗干净,以去除柠檬外皮上的蜡。洗后擦干柠檬皮上...
1. 软盘上安装引导器(grub) 一般制作软盘上跑的Linux引导器都使用sysLinux这个工具(这个工具不支持ext2分区格式,只能支持fat分区格式),因为我对grub比较熟悉,并且我在软盘上安装grub只用了132KB空间,不是很耗磁盘空间。 具体操作如下: # mke2fs /dev/fd0 创建了 ext2 文件系统后,需...
下面是详细的制作过程 从第一步到第三步其实就是在创建蜡烛的本身和火焰部分,火焰部分利用的是在前视图画出了一条曲线通过车削等制作出模型,我想那个很简单就不用我费话了吧. 为火焰添加一个UVW贴图修改器,并且在视图中调整贴图的区域位置,这样使其合适的覆盖蜡烛灯心的顶部.(这样是为后面的材质赋予做准备,否则贴图的位置将非常不...

经验教程

217

收藏

37