1.正常打开Axure RP工具,创建一个主页页面,

2.在主页中,我们放置俩个矩形框,内容设置如下截图,用来模拟系统的菜单导航栏,

3.从左边元件库Default下找到内联框架元件,拖动到页面上,

4.在主页面中鼠标 右键 单击框架,弹出如下截图中的对话框。在对话框中,先单击“切换边框可见性”,这样在页面预览的时候,这个内联框架就显示不出边框的,整体页面的效果比较好看。如果实在需要边框,只要再单击一下“切换边框可见性”就可以 恢复 边框了。

5.在上述的弹出的对话框中将鼠标移到“滚动条”处,会弹出子对话框,在子对话框中默认是“自动显示滚动条”的 ,一般情况下,为了原型演示效果比较好看,我们默认框架是不显示滚动条的,除非个别页面内容实在太多,才显示滚动条,所以在这个地方我们一般要 修改 配置为“从不显示滚动条”。

6.框架已经配置好了,现在我们要用框架制定一个默认页面,这时候双击框架,在弹出的对话框中选择要显示的内容页,如下截图所示。

7.接着为菜单导航添加事件,点击菜单的时候,选择在框架中打开链接,然后配置内联框架链接到不同的页面,具体配置如下截图所示。

8.这时候点击Axure RP工具菜单上发布下的预览按钮,或者点击右侧的预览,就可以在浏览器中查看效果了。

Axure RP
Axure RP 8.0(网页原型设计工具)