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.
Now we're ready to create our HTML document with our online resume content inside of it. Before you do this, you should create a text version of your resume. Let me show you an example. I'm going to go down to the Start menu, choose All Programs, then choose Accessories, and choose Notepad. If you're working on the Macintosh, this would be TextEdit inside of the applications. Go up to the File menu and choose Open.
Then click on your online_resume project folder, go to your source folder, and as I said, your source folder should hold all of the supporting materials, including your text documents or copy, and there you'll see your txt_rez document. Make sure that you have TXT selected as the formatting down here in the right. Click on Open and there you have it. I've created the resume all inside of Notepad or TextEdit and I've made sure to do no formatting other than capital and lowercase letters.
To separate the lines, I'll just show you how this works. You want to just do a Return or Enter twice to keep a break between each section of the webpage, but you don't want to have any formatting or any kind of styling because you're going to do all of that inside of Dreamweaver. Go ahead and do a save to Dreamweaver. So inside of Dreamweaver, we're ready to create our first webpage. Let's go up to File > New or Ctrl+N or Command+N on the Mac.
You will get this dialog box, New Document, when you do this. Choose the Page Type as HTML, the Layout as none, and we'll just go with the DocType XHTML Transitional, which is the default in Dreamweaver CS4. Then click on Create. So you have your first page and the first thing you should do is to save this page. You don't want to do a lot of work and then find out that you don't have it saved. So go up to File > Save, Ctrl+S or Command+S on the Macintosh.
If you have defined your site properly, you'll see that your root folder will show at the top. Now we're just going to save our HTML documents right into the root folder and we want to give it a meaningful name. We're going to call this online_ resume_lb.html. Do not use spaces. Make sure that you use underscores if you want to indicate spaces. Then click on Save. Be sure to look in your Files panel. Your online resume should show right up there in your root folder.
That's where we want it to be. Now let's go to our source folder and open that up by clicking on the Plus sign next to it. There is our txt_rez document, just where we want it to be. We're going to double-click on that. Yay, this is a great feature inside of Dreamweaver. You can open almost any kind of text document or code document inside of Dreamweaver and you get the line by line count, which makes it easy to work with your teams and to talk about what work you're working on and where things are located.
We want to copy all of this document and then paste it into our HTML document. To do this, we'll do Ctrl+A or Command+A on the Macintosh, Ctrl+C or Command+C on the Macintosh. Then select your HTML document and do a Ctrl+Paste or Ctrl+V or Command+V inside of Macintosh. If you scroll up and down, you'll see that we've got our entire resume now inside of our HTML document.
This asterisk indicates that we need to save, so I'm going to go ahead and do a Ctrl+S. We don't need the text document anymore, so I'm going to click on the X and close that. Next thing we should do is to be sure and give it a title. One of the important things in browsers is that often the search engines check what you have written up in your document title window, which shows up in the browser. We'll save this in a sec and preview it. So I'm going to put the name of the resume person, Takashi Ito, the job he's searching for, Interactive Designer - Resume.
So to preview this website, make sure that you save, click on the world, which is the Preview button, choose Firefox. As you can see, our title of the document shows up here, Takashi Ito, Interactive Designer - Resume, and we do have a website. Now it's not a very exciting website, but we do have a resume now inside of an HTML document that could be displayed on a webpage inside a web server. So we're ready to go, and now in the next steps, we'll start formatting with HTML tags and using our Style Sheets to make this look great.
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.