《AxureRP9网站与App原型设计》教学教案—02用页面区域管理页面.docxVIP

第2章 用页面区域管理页面 课时内容 用页面区域管理页面 课时 4 教学目标 掌握页面区域、页面区域功能，学会规划软件栏目结构 教学重点 页面区域功能 教学难点 页面区域功能 教学设计 1.教学思路：通过实例引出页面区域的概念；通过多媒体演示和实机操作讲解页面区域功能；通过实战介绍网页栏目规划的方法。 2.教学手段：多媒体+计算机 3.教学资料：教材、多媒体课件 教学内容 页面区域位于软件界面的左上方，是用来管理页面、显示页面的区域。 管理软件页面关系软件的骨架，清晰展示软件的结构 管理软件页面关系 软件的骨架，清晰展示软件的结构 管理页面层级 2.1 页面区域 2.1.1 页面区域的定义 页面区域由两部分组成，一部分是对页面的一些操作按钮，页面区域提供3个操作按钮，页面右键选项里提供更多操作按钮，称之为功能菜单；另一部分是页面，呈现树状结构，其与Windows系统文件存放目录结构相一致，通过父与子的页面关系，兄弟和兄弟的页面关系，把设计的产品页面关系整合起来，形成产品的文档关系。 页面区域的结构和功能 2.1.2 页面区域的意义 页面区域可以用来规划软件的功能单元或者软件的结构。 页面区域可以让使用者快速地了解软件的结构。 页面区域方便使用者快速地找到想要的页面。 2.1.3 使用页面区域注意事项 制作软件原型时要规划软件的功能菜单或者栏目结构。 页面的命名要有意义。 2.2 页面区域的功能使用 页面区域的功能使用包括两方面内容。 （1）功能菜单的使用。 （2）页面管理。 页面的功能菜单 检索页面：可以按页面名称进行页面区域检索。 当制作的原型比较大，页面比较多的时候，想通过页面区域找到某个页面，这时可以使用搜索按钮来搜索页面。例如想找到“index”页面，输入“index”时，就可以把“index”页面找出来。所以页面的命名一定要有意义，便于快速地找到想要的页面。 新建页面：为所选择的节点页面创建一个新的同级页面。 如果想给page1页面新建一个兄弟页面，首先选中page1页面，然后单击“新建页面”按钮，就可以创建一个同级页面。 新建文件夹：可以为所选择的节点页面创建一个新的同级文件夹，文件夹可以把页面管理起来，如同Windows文件夹一样，把相关文件放置在一起。 除了使用功能菜单来管理页面，也可以在页面上使用右键菜单选项来管理页面。 页面右键菜单选项 添加：可以新增页面之后同级页面、新增文件夹、新增子页面以及新增同级页面；它的使用和功能与菜单上的新增页面和新增文件夹是一样的。 移动：可以移动页面，调整页面的前后顺序关系和层级关系，其功能与功能菜单上的移动操作一致。 可以实现同等级页面的顺序调整。 如果想把page2页面放置在page1前面，右键单击page2页面，在弹出菜单中选择向上移动命令，就可以调整页面的前后顺序。 如果想把page1页面放置在page2后面，右键单击page2页面，在弹出菜单中，选择向下移动命令，就可以调整页面的前后顺序。 可以实现页面层级降级，如将所选页面的层级降级排列在上方的原等级页面的子页面。 如果想把page2页面作为page1页面的子页面，右键单击page2页面，在弹出菜单中，选择降级命令，就可以把page2移到page1页面下，作为page1页面的子页面。 可以实现页面层级升级，将所选页面的层级升级，升级为原父页面的同等级页面。 如果想把page1页面与index页面同级，右键单击page1页面，在弹出菜单中，选择升级命令，就可以把page1页面和index页面设置成同一个层级。 删除：将所选页面删除，同时删除其子页面，如果当前页面下含有子页面，Axure会自动提示当前页面有子页面，单击提示对话框中的“确认”按钮后会同时删除所有子页面。 不想要的页面或者文件夹可以通过删除命令来进行删除。 剪切、复制、粘贴：可以对文件夹和页面进行剪切、复制、粘贴操作。 在制作软件原型时，很多页面布局或者交互效果会比较相似，这时就可以通过复制菜单命令来复制页面或者复制页面及其分支，然后在该页面的基础上进行修改，就可以避免把一样的东西制作多次，从而可以减少工作量，提高制作原型的效率。 重命名：页面重新命名的方式有3种。 （1）双击页面，可以对页面进行重新命名。 （2）通过右键菜单里的重命名命令来重新命。 （3）通过快捷键F2进行页面的重新命名。 重复：重复包括文件夹重复和分支重复，当选中文件夹或者页面的时候，使用重复操作可以复制文件夹、页面或者分支。 图标类型：通过图标类型菜单选项可以修改页面或者流程图的图标类型图标的更改并不会影响页面的内容，它仅仅是更改一个图标，便于对页面的管理。 生成流程图：通过生成流程图菜单选项，可以生成纵向或者横向的流程图，选中index页面，右键在弹出菜