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.
Before we start on version 2 of the online resume, we need to delete some styles that are not necessary for this new page-like version of the online resume. The easiest way to do this is to go directly into our CSS style sheet. I know you've gotten comfortable with the CSS Style dialog box, but really it's easy to go into your style sheet, make edits and update. So let's click on the CSS style sheet for version 2 and find or locate the body tag that we've been making styles for.
We don't need the margin-left or the padding-left or the width, because we're going to do that using div tags and using margins and padding for our div tags. So let's select those three lines and delete them. The other thing we don't need is the background color and the min-width. So when you're all done, the only two styles that you'll have left in your body is color and font-family. Then move your mouse over here to the right side. Click on the Refresh button.
And return back to your HTML document. And look at what you have. You can see that we have removed all the margin and padding and width. Although it has the styling for the topography and indicates the formatting of the h1's, the p's and the unordered list, we don't have anything that makes it page like in the browser anymore. Let's go ahead and do a File > Save All. And if you want to, you can even go and check it out in the browser so you can see how I've stripped out all the margins, all of the widths, and all of the padding. It's just the straight online resume.
One thing you'll notice in the browser is that there is a very funny way that it's doing a screen draw. And I want to call this out to you because we used negative left indent here. The actual T and A and P are being chopped off. So when we create our div tag, we'll have to readjust for that negative hang there. Let's go ahead. Close the browser. Let's go back into Dreamweaver and create a div that gives it a page like appearance, with a tiled background.
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.