Axure RP 6.5学习记录(4)-网页页脚Footer可复用组件设计
2012-07-14 18:53
483 查看
先看一下要设计的Footer的效果:
1、在Masters面板区域的博客园目录下建立Footer组件,点击"Add Master"图标,新增一个Master,并重命名为"Footer"。
2、双击新建的"Footer"组件,使得"Footer"组件在设计区域处于可编辑状态。
1)从控件区域拖动一个Text Panel控件到Footer页面,输入文字”关于博客园“,将字体变成蓝色,添加下划线,调整好Text Panel大小。
2)选中刚才设计的Text Panel,使用Ctrl+C复制,再按CTRL+V四次,粘贴4个Text Panel,这样就不需要每次都从控件区域拖动进来,也不用再设置字体颜色下划线等属性。粘贴好之后,只需要调整后各个Text Panle的位置,改变相应的文字就可以了。可以使用键盘方向键进行各个控件间距微调。
3)设置版权相应信息。拖动两个Text Panle进来,调整好位置,写好相应的文字。再复制粘贴一个步骤2)中设置好的链接标签,文字改成博客园。
1、在Masters面板区域的博客园目录下建立Footer组件,点击"Add Master"图标,新增一个Master,并重命名为"Footer"。
2、双击新建的"Footer"组件,使得"Footer"组件在设计区域处于可编辑状态。
1)从控件区域拖动一个Text Panel控件到Footer页面,输入文字”关于博客园“,将字体变成蓝色,添加下划线,调整好Text Panel大小。
2)选中刚才设计的Text Panel,使用Ctrl+C复制,再按CTRL+V四次,粘贴4个Text Panel,这样就不需要每次都从控件区域拖动进来,也不用再设置字体颜色下划线等属性。粘贴好之后,只需要调整后各个Text Panle的位置,改变相应的文字就可以了。可以使用键盘方向键进行各个控件间距微调。
3)设置版权相应信息。拖动两个Text Panle进来,调整好位置,写好相应的文字。再复制粘贴一个步骤2)中设置好的链接标签,文字改成博客园。
相关文章推荐
- Axure RP 6.5学习记录(5)-使用可复用组件Header和Footer设计首页
- Axure RP 6.5学习记录(3)-网页头Header可复用组件设计
- Axure RP 6.5学习记录(2)-设计登录表单
- 45精美footer大页脚风格网页创意设计欣赏
- Axure RP 6.5学习记录(6)-事件交互-在登录表单点击登录按钮跳转到首页
- Axure RP 6.5学习记录(1)-界面介绍
- 99套经典网页设计模版 网页设计模板 学习网页制作
- Java设计模式学习记录-建造者模式
- [网页设计]HTML DOM(学习笔记一)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第33讲_Object类_闭包_成员函数再说明_聪明的猪小练习_学习笔记_源代码图解_PPT文档整理
- HTML5学习记录之HTM5的设计
- 可复用的WPF或者Silverlight应用程序和组件设计(4)——外观级别
- 设计网页页脚的15个超实用技巧
- 网页设计问题大搜集(有些细节的问题,很值得学习)
- 动态网页学习:JSP学习笔记全记录
- Log4net日志记录组件-学习心得
- 网页布局中页面内容不足一屏时页脚footer固定底部
- 网页设计问题大搜集(有些细节的问题,很值得学习)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理
- 设计模式学习之路 - 序言 - 记录自己的成长历程