First Project On SharePoint | Part 1 of 2

First Project On SharePoint | Part 1 of 2

I’ve been asked to create a simple static site on SharePoint. The requirements were to create a site without any SharePoint features. It seems easy to me.

First I started to look what I have and what SharePoint can offer me.

I started with creating a subpage called Test Site to create and test all changes here before I update the original site page.

01

On the Site Settings exists nice section: Look and Feel. This section has a lot of things to do with SharePoint sites appearance. But there was one link that I liked the most: Master page. So why not use something what I know well?

03

 

Site Master Page Settings using only existing master pages to change the appearance of our website, but from this content not allow to create new, custom master page.

03-1

To create a new master page, I used Design Manager. To access the Design Manager you need to have a full control to the Main Site Collection. Design Manager offers a lot of things that I could use. But because I wanted to create a new master page, I choose: Edit Master Pages

04

Edit Master Pages can be converted from HTML file or can create a minimal master page. But I was not sure if this could help me to create a simple master page.

05

With help, came to me SharePoint Designer 2013.

06

SharePoint Designer 2013 is an easy way to connect to SharePoint and change or create a lot of objects.

07

I created a Blank Master Page called Test.master

10

The blank template for the master page looks as shown below:

And after a project is saved, two tags are added automatically:

I added some customization:

  • New CSS file
  • Div classes from CSS file
  • Asp: Content Place Holders

When the master page was ready I used a Page From Master to create a new page based on my custom master page.

14

16

The Page (without any content) looks like shown below:

Code:

17

Page:

18-1

To update some content I added:

And after that page looks like shown below:

18