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.
In part three of the online resume, we're going to create a resume with a fixed width layout that has two columns and a header. In order to do this, we need to save another state of our web page and of our CSS style sheet. So let's start by doing that, go up to File > Save As, and we want to save this into our Project folder. And instead of calling this resume_v2, I'm going to call this resume_v3, and then click on Save. I also want to do this with the online_resume_v2 CSS style sheet, so I'm going to bring the style sheet to the front and go File > Save As.
And this time I want to make sure that I save this into my CSS style sheet, and Dreamweaver has picked up that I have a css folder for my style sheets. And all I need to do for v3 is change the number from 2 to 3. Now, I know that you've been all watching along and it says HTML down here, but this will save out as a CSS. This is something that Vista does, so don't be alarmed if you see this type down here, this already knows that this is a CSS style sheet. And I'm going to click on Save. I no longer need v2, so I'm going to close v2 and I'm going to close v2's style sheet as well.
But I do need to relink this CSS style sheet v3 to the v3 HTML document. In order to do that, remember, you need to link your style sheet inside of the HTML document. So I'm going to click on v3 HTML. Go into Code view and look for the link to the style sheet, see it's still attached to the v2. So I just come in here and change just that number, from 2 to 3. Go ahead and click on the Refresh button in the CSS Styles panel, check it in Design view to make sure that it looks correct and then do a File > Save All.
If we look down in our Files panel now, you'll see that I have three versions of the online resume. And if I open up my css folder, I have version 1, 2 and 3 of my CSS Styles. This way, I can create many, many versions and try things out without writing over the code or the styles I've previously 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.