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.
The next div, or area that we want to create, is the content area and that would be everything else that's in the resume. So I'm going to select all the text, all the way down to the bottom, even to that date. But again, I want you to go into Split view and see that, in fact, if we look at this we haven't gotten all the tags. We haven't gotten the h2 opening tag nor have we gotten the closing tag for the p tag on the date. So this isn't correct. We're going to have to do this in Code view.
But we know exactly what we want to do. We want to do it after the close tag of the header, click our I-beam in front of the h2 starting with Academic Experience, and then scroll down, all the way down to the date. And we know that the date is the last thing that we want and we want to make sure that we get the closing tag for the date. We do not want to go into the close wrapper. Now you're beginning to understand why I leave those comments there for myself. Again, we'll go up to the Common Insert bar and choose the Insert Div Tag.
Dreamweaver guesses and says, "Yes, you're trying to make a div around a selection." And this particular ID, with its meaningful name, will be 'content,' and then click OK. Yeah, we did it. If I deselect, you can see that I now have a box all the way around the content area, all the way down to the date. By rolling over the box, or the div, you can see this red line indicating that I have done that. Check again in your Tag Inspector, and you'll see that there we have our div content area now. Now, I'm focused on the div content area, so you won't be seeing the head area.
If you want to move back and forth between div boxes, you just insert your I-beam there and that will refocus the Tag inspector onto the box that you're working on. I want to put my I-beam back in this box, because what I want to do now is not forget to put my comment at the end. So here is the close tag for the content area. I know that because it comes right before the close wrapper and right after the date. I'll go over to my Code toolbar and choose Apply Comment, Apply HTML Comment and then I will type "close content." Then let's go back in Design view and check to make sure that everything looks okay, and that we are doing a good job here, and we are.
And let's do a File > Save As. Now you can see we haven't styled any of the boxes yet, or the div areas, so it still looks just like a one column layout, but we'll do more of that later on.
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.