北京google优化提供原文！
网站页面的模型图，英文叫做storyboard，也称为分镜，故事板。
网站页面模型图在网站策划过程中，起到非常重要的作用。在进行细节策划之前，对于网站的构架和整体产品虽然有比较清晰的思路，但对于具体如何实现，流程和功能的细节如何完成，仍然比较模糊。通过制作网页模型图，在考虑实施细节的过程中，会诞生创新的想法，也是一个理清思路的过程。
从网站制作的角度看，网页模型图也有利于团队成员之间的合作，最终制作出符合策划需求的网站。经过确认后的网页模型图，使最终决策方、网站策划人员、设计人员以及编程人员看到的都是相同的页面，都对要制作出什么样的网站有了共同的认识。这就达到了相关人员之间有效沟通，特别是策划人员和设计人员的沟通。
通过网页模型图，策划人员可以清晰的告诉设计人员要做成什么样的网站，设计人员也更容易理解策划人员的意图并进行网页的设计。如果是做大型网站，在有多名设计人员的情况下，通过网页的模型图，设计人员可以更容易地分工合作。
总而言之，网站页面模型图虽然本身不能代表创意，但是制作清晰的模型图对于提高团队成员之间的沟通效率，减少产品开发过程中混乱和摩擦，提高网站的产品和质量都非常重要。
网页模型图主要有如下元素
² 网页的编号
由于网站的页面可能会非常多，所有，需要给网页进行唯一的编号，这样在设计人员进行分工合作的时候，可以避免出现缺失页面或者重复制作页面的情况。为了不造成混乱，这个编号需要跟前面网页文件目录结构文档中的网页编号相统一。
² 网页名和存放目录
在页面设计和制作完毕之后需要放入文件夹中，在多人共同协作的情况下，把设计和制作好的页面放入预先计划好的文件目录中，能避免混乱的情况，同时，把网页文件名和网页文件目录结构的文件名联系起来，在进行网页文件之间链接时也更容易操作。
² 网页标签
网页一般都有Title和Meta标签。在HTML文件的开头部分，包括网页的主题、关键词以及网页描述。网站策划人员网页要表达的主旨比较清楚，可以在制作网页模型图处表示清楚，有网页编程人员录入网页文件中。加入网页主题、关键词及网页描述有利于搜索引擎抓取页面以及网站的推广。如果网站制作时是有明确的后续推广，搜索引擎优化目标的，这个阶段需充分考虑SEO的需求。
² 页面的元素与
这是网页模型图的核心部分。包括页面上需要摆放的哪些元素，元素之间是如何摆放的。
² 网页的描述
网页模型图可以通过画面表达页面的元素和布局，但是仍然无法详细描述网站的功能和流程，所有需要对用画面表达不清楚的部分进行进一步的说明。包括元素的功能、内容还有页面的链接部分链接对象以及网页是否弹出等细节问题。
最后，网页的模型图需要跟网站文件目录结构，产品规则和流程结合起来，形成一个完整的技术文档。