Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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.
With the webpage still in the browser, I'm going to go up to File and choose print Preview. If you are using a Mac, you would choose File > Print, and then inside the Print dialog box, you can choose Print Preview that way. As you can see when I choose Print Preview, it reverts back to its initial state without styles, and it's approximately one-and-a-third pages long. So if I wanted to print this right now, this is the way it would look.
It would be in Times New Roman, and it would be all in black, with no styles attached at all. However, if I wanted it to print with the styles that I have, I can do that and I'm going to show you how. I'm going to close out of the Print Preview dialog box and then close out of Firefox. To do this, I would go back into Dreamweaver, select Split view, scroll up to the top where the header is and choose the link area and where I currently have media= "screen", I would insert my cursor right after screen, type a comma, and then print.
Go ahead and click on the Refresh button in the CSS Styles panel. Go back to Design view. Notice that nothing has changed in Design view, because all the information in the head tag is instructions to the browser on how to display your page. Again, I would choose File > Save All and go preview this in the browser. It still doesn't look any different, but when I go to File > Print Preview, yeah, look what happens. Now the page that I'm printing will print exactly the way my style sheets have been created. As you can see, it has color.
It has all the fonts that we've chosen and again, it's about one, one-and-a-third pages long. So if you don't want to create your own print CSS style sheet, there is just one quick way you can make your styles behave properly in the printing area. I'm going to go back into Dreamweaver and close out of Firefox and change this back to media only, because as we continue to work on our online resume, I'll show you how to create your own print style sheet.
I'll go back and locate the link and delete the word print and return it to the way it was before. Click on my Refresh button, go into my Design view, and there we are. So you have done quite a bit now. You've created your first online resume. It's ready to go and you're ready to show the world that you're ready to be hired. You should feel good about yourself. You've used lots of typographic principles and you've used style sheets to boss around those styles and to make that HTML formatting work for you.
You've separated structure from presentation and you have a solid webpage to represent yourself.
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.