Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Creating an Online Resume: Hands-On Training, interactive design professor and enthusiastic educator Laurie Burruss teaches how to produce an online resume—and create a first web site in the process. Laurie suggests structure and information needed to create a winning resume, and shows how to design the pages with simple typographic principles and effective layouts. She explains how to use Cascading Style Sheets (CSS) and control the design and structure of HTML documents through hands-on development. Exercise files with additional supporting materials accompany the course.
Now that we have our text inside of the HTML document, it's important to do semantic markup. What I mean by that is that we want to format using HTML tags in a meaningful way. Since this resume is all about Takashi Ito, we want to give this particular name more emphasis than anything else on the webpage. The way we can do that is by using our HTML tags in a semantic, meaningful way. Let's go down to the Properties Inspector at the bottom and go to the Format drop-down menu and choose h1.
h1 is the largest heading that you can have. Notice it makes the size of the type large and it's bold. So it emphasizes the importance of this. Our secondary tags will be the three main sections of this resume, Academic Experience, Professional Activities and Professional Experience. So for those tags, we'd like to use an h2, the next largest header. So I'm going to select Academic Experience, go down to the Properties Inspector and select h2.
I'll scroll down further to Professional Activities, select that word or that line, go down to my Properties Inspector, click on the drop-down menu and select h2. Then finally, I'll go a little bit further down the page and look for my Professional Experience. Select that line, go down to my Properties Inspector and select h2. Now when you're doing formatting like this in HTML you want to make sure that in the Properties Inspector you have the HTML button clicked on.
We're not doing styles right now. We're simply doing formatting with our HTML tags. Now we're going to create a lesser category, sort of a sub-subheading of some of the more important things, but not as important. We just want to draw attention to them. So we'll use the h3 tag for that. The first section I'd like to identify a sort of a sub-subheader would be the website area. So I'm going to select that line, go down to my Property Inspector and choose h3.
Publications would also be in that same category. Go down to my Property Inspector and select h3. As I keep going down the page, I'm looking for those areas that are slightly less. Now under Professional Experience, I'm going to choose his last three jobs as something I want to highlight as well. So I'm also going to give those an h3 heading. His second job, the Web Designer, I'll select, go down to the Property Inspector, select h3, and finally his last job, Storyboard Artist, Freelance, I'll select that and choose h3.
Now when you look at this page you see that it's beginning to have some information that means something. We can scan the page easily, see what's most important because of the size and boldness, and start to see the different categories. This makes it easier to understand the information inside the resume. Remember, typical HR people spend less than 30 seconds looking at your resume. At this point, it's a good idea to save your document. You've done a lot of formatting. So choose Ctrl+S or Command+S and then go and preview it one more time to see how it looks in Firefox or in a browser. It's not fancy.
It's very simple, but already by just doing that simple semantic markup using the h1, h2 and h3 tag, we can see how the information is important and we can see what we need to see about the main categories of this resume. It's much easier to scan than it was before.
There are currently no FAQs about Creating an Online Resume: Hands-On Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.