List Aggregator App (SPFx)

Convert an HTML page into SharePoint master page using Design manager in SharePoint serve 2013/Online

design manager sharepoint online

This SharePoint 2013 tutorial explains, how to use design manager feature in SharePoint server 2013. Here I will show, how to convert an HTML page into SharePoint master page using design manager in SharePoint server 2013/Online.

Design manager is a publishing feature is available in publishing sites for both SharePoint server and Office 365. Using a design manager you can brand the internet facing websites in SharePoint server 2013 and Office 365.

SharePoint deveopment training course

Skills required:
– Having some knowledge in HTML and CSS
– Javascript

Open a SharePoint publishing site. Then Click site settings -> Design manager

design manager sharepoint 2016
design manager SharePoint 2013

Before doing that I am created some sample HTML and CSS



Html:
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Masterpage coversion using Html and css</title>
<link rel=”stylesheet” type=”text/css” href=”css\custom.css”>
</head>
<body>
<header>
<p>this is my header </p>
</header>
<footer>
<p>this is my footer</p>
</footer>
</body>
</html>

CSS:
header{
background-color: blue;
}
footer{
background-color : green;
}
p{
font-family: callibri;
font-weight: bold;
font-size:22px;
}

Click on designer manager. Click on Upload design files.

design manager sharepoint online
design manager sharepoint online

Map the master page gallery to network drive for copy the HTML Structure
URL: http://trenmaxorgs/sites/pubs/_catalogs/masterpage/


Read some SharePoint 2013 tutorials:

Hope this will be helpful to convert an HTML page into SharePoint master page using Design manager in SharePoint serve 2013.

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope