All right, next step, we will take a look at working with styles. If you have never worked with styles before, they are actually fairly straightforward. Think of styles as simply a pre-created set of formatting rules. What I mean by that is imagine a style that contains both font and color options as well as alignments and bolding and background color and that sort of things.
So we will do a little bit of work here. What I will have you do is head back up to the top of your document. If you remember your keyboard shortcut, Control Home. That will jump you all the way back up to the top. And, what I would like you to do is simply single click anywhere inside the title of your document which is Our Web Design Primer so single click anywhere inside there. And if you take a look at the styles area inside your Home tab there, you will see some pre-created styles there. And again, what we have here is a live preview happening here. If I hover over top of Heading One, take a look back at your document title, Our Web Design Primer and it automatically formatted there. But again, because it is a Live Preview, it is not permanent. It is just showing me what it would look like if I were to use this style.
Now, let us go a little bit further here. Just down towards the bottom right of this styles area, you will have this drop down list here. And this gives me a full list of all of my available styles here. And as you can see, there is a whole pile of them here that we can try. But again, we will keep things fairly straightforward to start off with here. I am going to ask you to choose Heading One here. And there, our document title formats as a Heading One. If you scroll down just a little bit and single click inside our next header which is Unwritten Web Design Conventions, this is going to be a second level heading. And using your styles up at the top, go and format this as a style two. So now, we can go and format our other second level headings. So if you scroll down in your document here and look for Navigation 101, this also is going to be a heading two. So again, just single click on your heading two up at the top of your screen.
Now, formatting your styles here can be a little bit tedious going back and forth between your document and your styles category up at the top here. So let us speed this up just a little bit. If you look underneath your Clipboard category, we have what is called the Format Painter. You may have used the Format Painter in the previous versions of Word. If you have never used it before, imagine the concept of copying and pasting content except what I am doing is copying and pasting formatting. So, I am going to single click on my Format Painter here and then what I am going to do is scroll down and look for my next heading which is “But isn’t content” and if I click and drag here, my heading also formats automatically as a heading two. And to work it even faster, again, that was just single clicking the Format Painter there. You will notice that the format Painter is now turned off so it deactivates after I actually go ahead and apply the formatting.
What I can do here is actually double click on the Format Painter and by double clicking, that keeps the Format Painter turned on. So now, I can scroll down to my next heading which is “Branding your consistent message.” And I can actually click in the margin here rather than clicking and dragging. That formats the entire heading there. But notice up at the top, my Format Painter is still turned on. So now, I am going to scroll down and look for my next heading which is “Planning Page Layout.” Once again, I am just going to single click in the margin and there is my formatting. I am going to go down and do one more which is my next heading “Metric? Imperial? It’s All about Pixels and Browsers.” Now once again single click and there is my formatting. Now, to turn off my Format Painter, all I need to do is just single click on it, that deactivates it and now I am back into regular editing mode.
Now, we have three more headings that we want to format but we are goin
Transcription by:
Scribe4you Transcription Services