SharePoint web design without using SP Designer - Part 4

= Part 4 - Add in an info box =

Typically SharePoint sites consists of lists and nothing more, so it's very useful if you add some blocks of text/images that supply a description of the function of the current page, or perhaps how to use it. We do this by taking advantage of the SharePoint Web Content Editor Web Part:

1. Click on the Site Actions button in the top right hand corner of the page and select Edit Page:



2. Click on the Add a Web Part button in the right-hand column of the page



3. In the dialog box scroll down to the Micsellaneous section and select Content Editor Web Part and click the Add button:



4. Click on the Edit button in the top right hand corner of the part you just added to your page. Select Modify Shared Web Part:



5. In the control panel on the right of the screen, expand the Apperance section and change Title to About. Change Should the Web Part have a fixed width? to Yes and specify a width of 300 pixels. Click on the Apply button.



6. Click on the Rich Text Editor button. In the editor window click on the Insert table icon to add a table. In the Insert Table dialog specify one row and two columns and click on the OK button to insert the table. Click on the first cell and then click on the Insert image icon. In the Image Properties window paste the value http://pfizerpedia.pfizer.com/images/5/51/Pp_icon_set_1-info.gif into into the Selected Image field and click on the OK button.



7. In the second cell enter a text description of what the page is designed to do. Click on the OK button in the editor window. Click on the OK button in the control panel.

8. Click on Exit Edit Mode to see the pages as regular users will.



Click here to proceed to part 5 of the exercise