In this article I have explain how to use design manager feature in sharepoint server 2013. Design manager is a publishing feature is available in publishing sites for both sharepoint server and office 365. Using design manager you can brand the internet facing websites in sharepoint server 2013 and office 365.
– Having some knowledge in HTML and CSS
Open a sharepoint publishing site. Then Click site settings -> Design manager
Also read: Cross site publishing in SharePoint 2013
Before doing that am created a some sample HTML and css
<title>Masterpage coversion using Html and css</title>
<link rel=”stylesheet” type=”text/css” href=”css\custom.css”>
<p>this is my header </p>
<p>this is my footer</p>
background-color : green;
Click on designer manager. Click on Upload design files.
Map the master page gallery to network drive for copy the HTML Structure
Hope this will be helpful.