Steps
- Browse to your publishing site.
- In the upper-right corner of the page, choose Settings, and then choose Design Manager.
- In Design Manager, in the left navigation pane, choose Edit Page Layouts.
- Choose Create a page layout.
- In the Create a Page Layout dialog box, enter a name for your page layout.
- Select a master page.--->The master page that you choose here will be shown in the preview for this page layout.
- Select a content type. The content type for this page layout determines what page fields will be available for this page layout in the Snippet Gallery.
- At this point, SharePoint creates an HTML file and an .aspx file with the same name.
- In Design Manager, your HTML file now appears with a Status column that shows one of two possible statuses.
- Click the link in the Status column to preview the file and to view any errors or warnings about the master page.
- The preview page is a live server-side preview of your page layout.
- To fix any errors, edit the HTML file that resides directly on the server by using an HTML editor to open and edit the HTML file in the mapped drive. Each time you save the HTML file, any changes are synced to the associated .aspx file.
- The preview of the page layout shows the page fields that were added automatically to the page layout. These page fields are site columns that are unique to the current content type. Now you are ready to style the page layout according to your original HTML mockups.
Refernce:msdn
Thanks for reading My blogs!!