Sharepoint 2013 - Step to Create Page Layout using Design manager

To create a page layout
1.    Browse to your publishing site.
2.    In the upper-right corner of the page, choose the gear icon, and then choose Design Manager.
Gear icon menu,
 
3.    In Design Manager, in the left navigation pane, choose Edit Page Layouts.

  

4.    Choose Create a page layout

 

 5.    In the Create a Page Layout dialog box

 

 

6.    Click Ok,

SharePoint will 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:

    1- Warnings and Errors
    2- Conversion successful

 
7.    Click the link in the Status column to preview the file and to view any errors or warnings about the master page.

 

Create HTML Master page Using Design manager in SharePoint 2013 and Office 365

Before You convert HTML to master file, you have to upload all files including HTML file.
To Conver HTML to Master follow below points

• Browse Publishing Site
• In the upper-right corner of the page, choose the gear icon, and then choose Design Manager.

Gear icon menu,

 

















⦁    In Design Manager, in the left navigation pane, choose Edit Master Pages.
select Convert an HTML file to a SharePoint master page

⦁    Browse to and select the HTML file that you want to convert.
⦁    select Insert

SharePoint will 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:

    1- Warnings and Errors
    2- Conversion successful

If there is no any warning message Browse the Path where you uploded HTML file and Published it.


Note : Do not modify master file Do edit in HTML master file.