Axure RP中文网站-免费下载/在线教程/培训-悠识UserXper



2008/8/20

利用Inline Frame嵌入flash/video

如果你想把现成的网页,或者flash swf档案直接放进 Axure RP的prototype中,可以使用 『inline frame』 widget来帮助你达成这个作法。(Axure RP Pro 4.6以上的版本支持inline frame widget的功能)

操作方式很简单:
step 1. 把Inline frame widget放到画布上;
step 2. 按鼠标右键 Edit inline frame > Edit Default Target;
step 3. 然后选择link到一个外部URL或file即可。

嵌入flash

比如说,想要嵌入flash到prototype里头,而这个flash档的网址是 http://www.example.com/video.swf,接着把这个网址输入 inline frame的 Default Target,输出Prototype之后,就会再浏览器上看到flash出现在prototype里头了。如果要让prototype上的flash更好看,可以设定inline frame的 『Toggle Border』,把border去掉。

如果swf文件是在自己的计算机,那么把swf文件放到prototype的同一个数据夹目录,接着把这个flash档名输入到inline frame的 Default Target,输出Prototype之后,一样会在浏览器上看到flash出现在prototype里头了。

要留意的是:
1. flash swf文件本身的属性如果是自动缩放到窗口大小,就会自己缩放符合inline frame的大小, 否则就会受到inline frame的大小限制而遮蔽
2.建议以IE观看网站原型。在IE跟Firefox上检视嵌入flash的prototype,IE的表现比较正常的,在Firefox上偶尔会无法显示flash

嵌入现成网页

如果想把现成网页加入prototype,Axure RP目前并没有办法直接喂入 html code,因此也是得采用inline frame widget。

将inline frame widget的size设定成屏幕大小,比如1024×768,然后再特定的现成网页,输入为Default Target,这样一来就会在prototye上看到这个现成的网页了。这里有个嵌入网页的例子

嵌入Youtube video

那么嵌入youtube video又是怎么回事呢? 其实最简单的方式是利用撷图软件 (推荐Faststone Capture 5.3),抓个youtube video的画面放进来。

如果你并不满意只抓了画面贴近来,一定要嵌入会播放的youtube video,那么可以用下面的方式来嵌入Prototype。
step 1. 将Youtube video提供的embed html code,另存成一个单一html file (假设命名为 youtube.htm);
step 2. 将youtube.htm 放到prototype的同一个数据夹目录;
step 3. 透过上述的操作方式,设定inline frame的 Default Target是youtube.htm。
这么一来输出prototype就可以看到网站原型中可以看到可播放的video了。

依照这种作法,很多特殊的网页呈现方式,都可以嵌入到prototype里头。但是建议Prototype的设计人员,能够抓图来模仿就尽量抓图,不需要为了完全的拟真去模拟这些设计,缩短Prototype设计的时间,才是Axure RP提供快速原型设计(Rapid Prototyping)的本意。


访客留言

  1. 虞育君 2009/3/11 / 6下午

    有视频教程就更好了

  2. 丁丁 2009/6/24 / 2下午

    我同意楼上的意见,本人的是汉化版本的,你说的什么inline工具,我上哪里找去?

  3. 初学者 2009/8/6 / 6下午

    inlineframe 内部框架

    Edit inline frame 编辑内部框架

    Edit Default Target 编辑默认目标

    Toggle Border 边框开关

    Prototype 原型

    embed html code 嵌入网页编码

  4. rose 2009/10/26 / 10上午

    to:丁丁~~
    inline frame ————在widgets 面板里~~

张贴留言

* 为必填,您的email并不会被显示
姓名

Email *
下载Axure RP 最佳网站/AP原型设计软件 下载Axure RP 最佳网站/AP原型设计软件

 
 
 
 
 

XHTML / CSS / Designed by Handlino