Javatpoint Logo
Javatpoint Logo

SharePoint Pages and Web Part

SharePoint Pages

SharePoint pages provide the best way to share ideas using the images, Excel sheet, Word, PowerPoint documents, video, and more. SharePoint 2019 allows you to create and publish pages quickly and easily.

In this page, we will discuss the following topics -

Types of SharePoint pages

The below table shows the types of SharePoint page -

Page Type Description
Application pages Application page in an ASP.NET web page designed to build the SharePoint web sites.
Site pages SharePoint site pages allow you to add the page to the SharePoint library, enables you to customize the page.
Master pages Master pages provide the interface and layout of the pages on a SharePoint site. It is mainly used to store the structure, elements, and design of the site.
Page layouts SharePoint page layouts allow you to create a template for a page.

Create a page

Follow the below steps to Create a page-

Step 1: Go to the home page of your project.

Step 2: Click on the + New, a drop-down menu opens, in which click on the Page.

SharePoint Pages and Web Part

Step 3: A Page Templates window opens, select page according to your requirement, and click on the Create page.

SharePoint Pages and Web Part

Step 4: Now, you can see that a new page is created, enter the name of your page according to your requirement.

SharePoint Pages and Web Part

Upload image on the page

Step 1: Click on the Image icon at the left corner of the screen.

SharePoint Pages and Web Part

Step 2: A small menu appears, in which click on the Upload.

SharePoint Pages and Web Part

Step 3: Browse the location where the file is present and click on the Open.

SharePoint Pages and Web Part

Step 4: Click on the Add image.

SharePoint Pages and Web Part

Now, you can see that an image is uploaded on the page.

SharePoint Pages and Web Part

Introduction to a Web Part

SharePoint web part is a small block of user interface that allows you to modify the content, appearance, and behaviour of the pages in a SharePoint site by using the browser.

Add Web Part to a site

Step 1: Once your page is created, hover the mouse in the existing web page, you will see a line with circled + sign, click on the circled + sign, a small featured window pop-up, in which select web part according to your requirement. To easily find the web part, you can also start typing the name of the web part in the search box. In our case, we want to add the text, so click on the Text in the Featured window.

SharePoint Pages and Web Part

Step 2: Enter text according to your requirements. You can also perform operations on the text like bold, italic, underline, change the font size. To see more functionality, click on the more [three dots (…)] as shown in the below screenshot:

SharePoint Pages and Web Part

Step 3: Once you click on the more (…), the following window appears, which provides you a way to add more functionality on your text like you can change the font color, highlight color, add paragraphs, inset link, and add table.

SharePoint Pages and Web Part

Step 4: Once you add web parts according to your requirement, click on the Publish at the top right corner of the screen.

Add Hero Web part in page

Hero web parts allow you to add images, text, and links to the pages and make page more attractive.

There are the following steps to add Hero web part in the page -

Step 1: Go to the page, in which you want to add the Hero web part. Click on the Edit at the top right corner of the page. Hover your mouse in the existing page, and you will see a straight line with a circled +, as shown in the below screenshot.

SharePoint Pages and Web Part

Step 2: Click on the circled +, you will see a small window appears with the list of web parts. Scroll down and search for the Hero, or you can directly type Hero at the search box. Once you find the Hero web part, click on it.

SharePoint Pages and Web Part

Step 3: The below screenshot shows that a Hero web part appears on the page.

SharePoint Pages and Web Part

Step 4: You can edit the Hero web part according to your requirements. Click on the Edit at the top right corner of the screen.

SharePoint Pages and Web Part

Step 5: Hero layout options appear on the screen. Select Tiles and Layout according to your site requirement.

SharePoint Pages and Web Part

Step 6: The below screenshot shows that a two tiles window appears on the screen.

SharePoint Pages and Web Part

Step 7: Click on the Select link, a small pop up appears at the left corner, in which select Upload.

SharePoint Pages and Web Part

Step 8: Browse the location where the file is present, select the file that you want to upload and, click on the OK.

SharePoint Pages and Web Part

Step 9: Once the image is uploaded, click on the Add item at the bottom of the screen.

SharePoint Pages and Web Part

Step 10: Now, the below screenshot shows the image is added in the Hero web part

SharePoint Pages and Web Part

Similarly, you can add more images in the hero web part according to your requirements.

SharePoint Pages and Web Part

The below screenshot shows that using the Hero web part, two images are added to the page.

SharePoint Pages and Web Part

Move or Remove Web Parts

You can also move or remove the SharePoint Web Parts.

To move the web part, click on the Edit at the top right corner of the screen.

SharePoint Pages and Web Part

Select the web part that you want to move and click on the move icon at the left corner of the screen.

SharePoint Pages and Web Part

Drag the web part and drop it in the place where you want to move it and click on the Republish at the top right corner of the screen.

To delete the web part, select the web part that you want to delete, and click on the delete icon at the left corner of the screen.

SharePoint Pages and Web Part

Once you click on the delete, a small Delete Confirmation window pop-up with the message "Are you sure you want to delete this web part?", if you want to delete, click on the Yes, otherwise click on No.

SharePoint Pages and Web Part

Once you click on the yes, the selected web part will be deleted from the page. To show page, click on the republish at the top right corner of the screen.

SharePoint Pages and Web Part

Note: Using web parts, you can also add more web parts in the page like, maps, highlighted text, etc.

How to display page as a home page

You can display your page as a home page. There the following steps to display your page as a home page of your site -

Step 1: Go to the Home -> Site content -> site pages.

Step 2: A site page appears on the screen, select the page that you want to display as a home page. Click on the ellipse (three dots), a list of options appears on the screen, in which select "Make homepage."

SharePoint Pages and Web Part

Now, you can see that University.aspx has become a home page of your site.

SharePoint Pages and Web Part




Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA