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.
You have to be careful when you are creating an online resume about how many things that you add that are cute or different or what. But I'm going to show you a technique of how to add a border on the right side of the content area. Now, if you think this is too cutesy- wootsy or it's going to be too fluff, then don't add this. But to give this layout a more defined two column look, I'm going to add a border to the right side of the content DIV. I'm going to into Split View again, and I'm going to locate the content area, and it's right here.
I could do this in the CSS Definition Style dialog box, but I want you to start feeling comfortable going back and forth both between the dialog box and into your style sheet, because this can be much, much faster. So I'll put my I-beam at the end of my two current styles for the content DIV, and hit Return and I want to create a border on the right. So I'm going to type the word Border, and of course, it comes right up, but I want it to be on the right. So I'm going to put a dash mark and put right. And now that pops right up and this is exactly what I want.
So I'm going to hit the Enter key, as soon as the selector that I want is highlighted. At this point, you may or may not know that there's three parts to a border. There is the width of the border, the style of the border, and the color of the border. I want this to be one pixel, so I'm going to type 1px, and I want it to be dashed, not solid. We have been using solid up to this point. And I wanted to be that grey color of my background and I'm using shorthand, so I can do #333. But it's cool when you start to do a color, it actually brings up the whole color palette.
So you can just click in there. You don't have to know the hexadecimals to be able to do it inside your style sheet. So don't be afraid to edit your style sheets this way. You get lots of hints and prompts and you actually have more choices of styles that you can choose from than in the Style Definition dialog box. Now that I've created that border right, I'm going to click on Refresh, go back into Design View, and you can see I've added it there. It's going to be easier to see this inside of the browser. So I'm going to go, File > Save All, and then select my browser and now I have this nice subtle gray border with a dashed line separating the two columns.
Again, this is kind of subjective. You have to decide when is it too much, and when is it too flowery, or too over the top. Remember the main purpose of the online resumes is to show off your skills and your talent and your experience, and you don't want to make the design overtake that content area. This is a lesson in typography and how to use typography to show off that text that you've created.
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.