Anatomy of Layout

A Layout is single instance of a single page,composed of one or more portlets arranged inside of various columns.A layout is somewhat synonymous with a page.They have a unique internal ID known as the "portlet layout id"

Lets see now Anatomy

---

Create  a Layout Plugin in Eclipse and you will see as follows

The folder structure is same like other plugins but we have other files like .png, .tpl and .wap.tpl

File Name	Purpose
Liferay-layout-templates.xml	Specifies the name of the template files and the location of their TPL and PNG files
Liferay-plugin-package.properties	Describes the plugin project to Liferay’s hot deployer.
1_2_3.tpl	Generates the HTML structure of the Template
1_2_3.png	Thumbnail image for layout in the UI[Page Layout Screen]
1_2_3.wap.tpl	Variant template for mobile devices