- 准备开始
- 页面操作
- 部件库和 Masters
- 建立交互
- 引入动态面板
- 条件、值和变量
- 从头开始
- 从头构建一个电子商务网站
- 设计一个可以在 iPhone 或者 Android 上展示的原型
- 原型设计基础指南
- 按钮的交互
- 显示隐藏部件
- 用户自定义 Tooltip
- 导航菜单
- Masters 指南
- 触发事件教程之上一页/下一页链接 master
- 动态面板指南
- 图片循环显示
- 制作用户自定义的下拉菜单
- 折叠控制
- 选项板部件
- 视频与图片的 Lightbox
- 图像的拖拽交互
- 拖拽地图使用嵌套的动态面板和 OnDrag
- 自动旋转标题
- 高级原型设计指南
- 条件逻辑:账户登录教程
- Auto-Tab 字段
- Terms 和 Conditions
- 下拉列表选择
- 必填字段
- 设置文本下拉列表选择教程
- 将文本传递给下一个页面
- 在下一个页面上设置面板教程
- Web 设计指南
- 嵌入视频和地图
- iPhone App 指南
- 滑动菜单
- 滚动内容
- 屏幕过渡动画
- Swipping 幻灯片
- Repeater 部件指南
- Repeater 小部件
- 自适应视图指南
- 自适应视图
页面操作
在 Sitemap 添加和组织页面,设置网格和辅助线,和设置单个页面或所有页面的样式。
调整 Sitemap 里的页面
1 拖动“页面 3”
单击并轻轻拖动“页面 3”到“页面 2”的右上方一点。
2 右键点击“页面 2”删除页面 2
在 Sitemap 里选择“页面 2”然后右击选择“删除”
3 添加一个新页面
选择“页面 3”然后右击。选择“新建 > 子页面”。
4 重命名页面
将“页面 1”重命名为“最后一页”。
使用慢左击将“页面 3”重命名为“页面 2”。
显示网格和创建辅助线
1 打开最后一页
在 Sitemap 上双击“最后一页”。
这将在设计区域打开一个新标签。
2 切换网格
右键单击设计区域然后选择“网格和辅导线 > 显示网格”。
3 创建辅导线
再一次右键单击设计区域然后选择“网格和辅导线 > 创建辅导线”。
4 选择预置
选择"960 Gird:12 Column"选项。
5 点击 OK
点击 OK 按钮就可以创建你的辅助线。
添加一个单页的辅助线
1 从标尺处拖拽一条页面辅助线
单击上方标尺并拖动到设计区域的 Y:35 处创建一个页面辅助线。 按住 [ctrl] 键(Mac 系统上的 [Cmd] 键)拖动可以使它成为一条全局辅助线。
2 拖放一个图像小部件
拖动"部件库"窗口的一个图像部件,当左边缘在 X:90 处对齐辅助线和上边缘在 Y:35 处对齐辅助线时放置图像部件。
3 调整部件
单击并拖动图像的调整处理图像右边使它在 X:230 处对齐辅助线。
使页面在中心
1 选择页面样式选项卡
在 Page Style(页面样式)窗口选择 Page Properties(页面属性)选项卡。
2 中心对齐页面
选择 Center Align(中心对齐)按钮,页面将在输出面板中居中显示。
修改所有页面的背景颜色
1 打开页面样式编辑器
点击页面样式编辑器按钮进行格式修改所有页面。
2 选择颜色
在页面样式编辑器中,选择一个背景颜色。
3 点击 OK
单击 OK 按钮去修改页面的背景颜色。
预览原型
预览你的原型。Sitemap 的变化反映在原型的 Sitemap 上。注意你所有的页面上的背景颜色已经改变,因为我们在页面样式编辑器改变了默认风格。图像部件在“最后一页”。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论