在本章节，我们开始设计系统首页系统主页面。当然了，系统首页有不同的设计，不同的展现方式。这里我们讲的是项目后台管理系统的首页。系统首页主页面设计常见的项目后台管理系统首页，有几大部分构成：页面顶部logo，页面左侧菜单，页面右侧主页面，页面底部logo。1、设计页面顶部/底部Logo系统页面的logo分为两种：页面顶部logo、页面底部logo。在这里，我们不讲解logo的制作。我们介绍的是如何利用在页面添加logo。添加logo方法1：粘贴首先，打开系统首页页面；其次，在页面粘贴复制好的图片即可。添加logo方法2：上传logo图片首先，打开系统首页页面。其次，通过“》”，上传logo图片，然后通过鼠标移动图片到指定位置。2、设计页面左侧菜单树菜单树和下的页面管理有相同，也有不同。包含所有的页面，更加细分。如用户管理（一个菜单）功能，在下会有列表页、添加页、修改页、详情页等。而菜单树：是菜单功能的集合/展示。如菜单树下会有一个用户管理（相当于下的列表页），在列表页会有添加、修改、详情等按钮，通过点击按钮在主页面（第3步）打开相应的页面。打开“XX系统”首页页面。拖动“》Tree”到工作区（“XX系统”页面）修改“Tree”节点名称为相应的菜单名通过右键显示的“Node……”等功能对菜单树进行添加、移动、删除，最终完成菜单树的设计。3、设计页面右侧主页面主页面的作用是：点击菜单树的任一菜单/功能（链接），如菜单管理、用户管理……。相应的页面会在主页面进行展示。具体设计步骤如下