2.2 根据思维导图搭建原型页面结构

楼老师，有了项目结构图，就可以制作原型了吧？

是的，如果项目结构没有什么问题了，就可以根据项目结构中的页面组成搭建原型的页面结构了。你看，根据我网站的项目结构，搭建的页面结构是这样的（图2-8）。

图2-8

在页面管理面板中，可以单击面板右上方的图标添加文件夹与页面。文件夹用于页面分类，将相同类别的页面文件放在同一个文件夹中。

在页面管理面板中，文件夹与页面可以调整层级和顺序关系，一般通过拖动来操作，也可以通过在文件夹或者页面上单击鼠标右键，在弹出的快捷菜单中进行调整。

根据项目结构，文章页是通过在首页中单击文章列表中的标题打开的，它是首页的子页面。所以，在图2-8中，将文章页放置在首页下一级的位置。

特别说明

原型页面使用中文命名，在浏览器中查看时可能出现页面无法打开的问题，本节中的页面使用中文命名，是为了表达原型页面结构与项目结构的关系。建议读者在实际应用中使用英文小写字母命名，命名中可以包含数字和下画线“_”。

楼老师，我明白啦！谢谢你！我去好好研究研究。