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.
If I scroll down to the bottom of the online resume, you can see that I've added a date. It's good to add a date to your online resume, so that the employer knows that it's current and up-to-date. You don't want to have an old online resume. But it should be styled a little bit differently than the rest of the body and the rest of the resume, so I can do that. Since it only occurs once in the entire page, I can use something called an advanced selector. I'll use an ID and attach it to the p tag. Let's go up for a moment to Split view, and if I select September 2009, you'll see over in Code view that it's simply in a p tag right now.
So I want to add something to this that will change it and we're going to do something called an ID. To do this, I'll go over to the CSS Styles panel, click on the New CSS Rule, and this time I'm going to choose Compound, and type in exactly what I want. I want to add something to the p tag and I want to make it an ID. In order to make it an ID you used the hatch mark. Remember the hatch mark is just a shorthand for saying 'by the name of' and then I'm going to give the ID a name, which is date.
So I'm saying, attach a style with an ID name of date to the p tag in this instance. Then I'll click OK. What I want to do is make the font italic. That will differentiate it from the rest of the online resume, which is all done in a normal style. Again, if I try to click Apply, I haven't applied this ID style or advanced selector to any item yet, so it's not going to show up, and then I'm going to go to Block and choose Text-align, and choose right, because I want it to shift to the right, and then I'll click OK.
Now there's two places where I can actually add an ID.
I can actually select it in Design view like this and click on the ID drop-down
menu in the Property Inspector and you'll see the date shows up there.
That's the easy way.
But sometimes you want to go right into the code and it's not that hard to do it.
So don't be afraid to try this.
If I click my I-beam into the tag, hit Space and start to type the word or letters id.
tag, hit Space and start to type the word or letters id.Notice that code hints pop-up and try to help me.
Dreamweaver understands I'm trying to type an attribute with an ID name. As soon as I see id highlighted in blue, I can click on my Enter key and Dreamweaver will end the code phrase for me. It attaches the equal sign and the double quotation marks. At this point, Dreamweaver lists all the IDs that I created so far. I've only created one ID in my style sheet, which is date, so I can select date. And again, as soon as it turns blue, I can hit the Enter key.
If I click on the Refresh button in the CSS Styles panel, it automatically updates it right over here and you can see that now the word September 2009 is in italic and it is text-aligned to the right. I'm going to go back to Design view, do a File > Save All, check this one more time in my browser and make sure this is what I want. So now I've essentially finished my online resume. It looks good in every way. I've added the date and I have differentiated the date from the rest of the online resume.
It's ready to go. I could send it up to a server right now and people would be able to access my online resume.
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.