Professional SharePoint® 2010 Branding and User Interface Design

Editing Pages

❘

111

FIGURE 515

4. Select all the title and body content and copy and paste it into the new About Us page in

SharePoint 2010.

As shown in Figure 5-16, some of the formatting is retained from Word, but the images

aren’t added and the styles don’t really match well with the SharePoint site. If a broken

image is added to the page, just select it and click Delete. Let’s see if we can improve the

look and feel using the SharePoint page-editing features.

FIGURE 516

584644c05.indd 111584644c05.indd 111 10/27/10 11:47:26 AM10/27/10 11:47:26 AM

112

❘

CHAPTER 5 SIMPLE BRANDING

5. Select the title “About Randy’s Waffl es.” From the ribbon, click Markup Styles ➪ Colored

Heading 1. This will apply a built-in HTML markup and style to create a unifi ed look. If you

prefer, you can add your own markup styles, which are discussed in Chapter 12.

6. To make the body font more readable, select everything but the title; and then, from the rib-

bon, click Markup Styles ➪ Paragraph and then click the Font Size drop-down and select

12pt. You may also need to clean up the spacing between the paragraphs by adding or

removing breaks with Delete and Enter.

The page is starting to look better (see Figure 5-17), but let’s add some images to give it a bit

more visual interest. The images are avail ...