How To Post Your Own Resume on the Web · B. Sample Web Resume and its HTML Code 14 References 22 List of Figures Launching Microsoft® Notepad 1 Opening Notepad 3 2 Notepad Window

How To Post Your Resume on the Web A Texas A & M University Student’s Guide

Created by

Adam S. Chodkiewicz Summer 2002

Preface Howdy! I am Adam S. Chodkiewicz, and I have experience posting resumes up on the web. Also, I have my web page posted at http://people.tamu.edu/~asc3743/. I have put together this manual for Texas A & M University students who want to post their resumes on the web but have never coded their own web page. This manual guides the user through the process of creating and posting their resume on the web using Windows PCs available at the Texas A & M Open Access Computer Labs, such as the Student Computing Center. Good Luck.

Table of Contents Introduction 1 Launching Microsoft® Notepad 3 Creating a Simple Web Resume 4Setting Up Your Web Account 11 Posting and Viewing Your Web Resume 12 Appendices 13 A. Basic HTML Tags 13 B. Sample Web Resume and its HTML Code 14 References 22

List of Figures Launching Microsoft® Notepad 1 Opening Notepad 3 2 Notepad Window 3 Creating a Simple Web Resume 3 Sample Code for Creating a Web Page Window 4 4 Output of Sample Code for Creating a Web Page Window 4 5 Sample Code for Creating Contact Information 5 6 Output of Sample Code for Creating Contact Information 5 7 Sample Code for Creating a Navigation Bar 6 8 Output of Sample Code for Creating a Navigation Bar 7 9 Sample Code for Creating a Section 8 10 Output of Sample Code for Creating a Section 8 11 Sample Code for a Creating a Section that Contains a List 9 12 Output of Sample Code for Creating a Section that Contains a List 10 13 Save As Dialog Box 10 Setting Up Your Web Account 14 Terminal – unix Window 11

Posting and Viewing Your Web Resume 15 Drag Index File to U:\.public_html Window 12

http://people.tamu.edu/~asc3743/

Introduction 1

Introduction This section briefly explains the basics of HTML code and how the HTML code will be shown in this manual. In addition, this section offers a very useful suggestion when creating your web resume. HTML Basics HTML stands for Hypertext Markup Language, which is one of the basic languages used to create web pages. You do not need to use any fancy programs to create web pages. All you need is an ASCII word processor like Microsoft® Notepad, which saves unformatted text in ASCII format, and a working knowledge of a few HTML tags. HTML tags are the instructions that surround material such as text, images, and links to other web pages and tell the viewer's web browser how to display them. When creating a web page with HTML tags, you must follow five important rules:

1. Tags are always surrounded by angle brackets (less-than/greater-than characters), as in .

2. Most tags come in pairs and surround the text they affect. They work like a light switch: the first tag turns the action on, and the second turns it off. (However, a couple tags, like
and , do not have an “off switch.” For example, the tag creates a horizontal rule, so once you have made a horizontal rule, you cannot unmake it.)

3. The second tag, the “off switch,” always starts with a forward slash. For instance, you turn on a header with , type your text, and then go back to regular text with .

4. Tags are embedded, so when you start a tag within another tag, you have to close that inner tag before you can close the outer tag. The following code shows correct order of an embedded tag:

Your text

5. Many tags have optional attributes that use values to modify the tag's behavior. The tag's ALIGN attribute, for example, lets you change the default (left) alignment. For instance, centers the enclosed section on the page. (See References)

Note: Appendix A covers basic HTML tags that are useful when creating your web resume.

Introduction 2

HTML Code Format

To make HTML code easier to follow and catch errors consider using a constant format like the one used for the code in Appendix B. Although HTML is not case sensitive, this manual will show tags, attributes, and values in uppercase, so that you will be able to spot them easily. In this manual, the text that you enter will be enclosed in brackets, [ ]. Be sure when entering your personal information, to replace these brackets as well as the text enclosed in them, leaving only the HTML tags. Also, extra spaces and indentations will be used to block off sections in the HTML code. Note that these extra spaces and indentations will not be displayed when viewing the web resume on a web browser. Suggestion for Creating Your Web Resume It is strongly recommended that you read the entire “Creating a Simple Web Resume” section and look at the sample web resume code in Appendix B before you attempt to start coding your web resume. Following this suggestion will hopefully give you a better understanding of how to create your web resume. In other words, you will GET THE BIG PICTURE.

Launching Microsoft® Notepad 3

Launching Microsoft® Notepad You will be using Microsoft® Notepad as the ASCII word processor to type your HTML code when creating your web resume. To open Notepad:

1. Click the Start button (See Figure 1.) 2. Point to Programs 3. Point to Accessories 4. Click Notepad

The Notepad window appears. See Figure 2.

Figure 1: Opening Notepad (See References)

Figure 2: Notepad Window (See References)

Creating a Simple Web Resume 4

Creating a Simple Web Resume The instructions in this section will help you create the components needed to produce a web resume similar to the one shown in Appendix B. This resume uses a block format with lists to convey the information. In addition, a basic navigation bar and links are employed for quickly accessing resume sections and other web sites. Also, when saving your web resume, its file name must be index.html; otherwise, a web browser will not be able to display your resume. To create a web page window:

1. Type 2. Type [Your Title for the Window]

This line of code creates a title for your window. 3. Type 4. Type

See Figures 3 and 4.

Note: These HTML tags are required when creating any web page. Anything that you want displayed in this window will go between the tag.

Resume: Adam S. Chodkiewicz

Figure 3: Sample Code for Creating a Web Page Window (See References)

Figure 4: Output of Sample Code for Creating a Web Page Window (See References)

To create your contact information:

1. Type This tag with the center align attribute will center the code that it encloses.

2. Type [Your Name] The anchor tag with the name attribute, , is used for navigation within the web page; it identifies the destination text. When you click the corresponding link, your name will appear at the top of the web page.


The header tag defines font style and size. is the largest, and is the smallest.

3. Type 4. Type [Your Address]

The
tag forces a line break without adding any white space after the tag. 5. Type [Your Phone Number]
6. Type [Your Email Address]

This line of code creates an email link. When a person viewing your web page, clicks the email address; the user's email program will automatically start up and open a new message window addressed to you.

7. Type 8. Type

See Figures 5 and 6. Resume: Adam S. Chodkiewicz Adam S. Chodkiewicz PO BOX 7042
College Station, TX 77844
(979) 680-3362
[email protected] Figure 5: Sample Code for Creating Contact Information (See References)

Figure 6: Output of Sample Code for Creating Contact Information (See References)


To create a simple navigation bar: 1. Type

The tag with the size attribute creates a horizontal rule of a specified size. 2. Type 3. Type

The tag creates a table. 4. Type

The tag creates a row in the table. 5. Go to Step 6 if your section name is one word; otherwise, go to Step 8 6. Type

[Your Section Name] This line of code creates a cell in the navigation bar that contains a centered link to a section in your web resume.

7. Go to Step 9 8. Type [Your Section Name] This line of code creates a cell in the navigation bar that does not word wrap a multi-word section name.

9. Repeat Steps 5 – 8 until this entire row does not fit in your web browser window or until you have included all the sections that you want in your navigation bar.

10. Type This row in your table is now ended.

11. Type Your table is now ended.

12. Repeat Steps 3 – 11; otherwise, go to Step 13 if you have included all the section names that you want in your navigation bar.

13. Type 14. Type

See Figure 7 and Figure 8 on page 7. Simple Navigation Bar Example OBJECTIVE EDUCATION RELATED COURSE WORK

Figure 7: Sample Code for Creating a Navigation Bar (See References)


COMPUTER SKILLS EMPLOYMENT EXPERIENCE HONORS/AWARDS MEMBERSHIPS REFERENCES Figure 7: Sample Code for Creating a Navigation Bar continued (See References)

Figure 8: Output of Sample Code for Creating a Navigation Bar (See References) To create a section of your web resume:

1. Type [Your Section Name] This line of code creates the header of the section that is linked to the navigation bar.

2. Type your section information using HTML code 3. Type

This tag with the right align attribute will align right the code that it encloses.

4. Type Back to top This line of code creates link that when clicked will jump to the top of the web resume.

5. Type 6. Type

See Figures 9 and 10 on page 8.


Note: If you click onthe Texas A & MUniversity Link, itshomepage will appearin this window.

Web Resume Section Example EDUCATION Texas A&M University, College Station, TX Department of Civil Engineering Bachelor of Science in Civil Engineering
Expected Graduation: December 2002
Current overall GPR: 3.354
GPR in Major: 3.386
Planning to take the EIT exam in Fall 2002 Back to top Figure 9: Sample Code for Creating a Section (See References)

Figure 10: Output of Sample Code for Creating a Section (See References)


To create a section that contains a list: 1. Type

[Your Section Name] 2. Type

The tag creates a bulleted list. 3. Type [Your List Item]

The tag creates an item in your list. 4. Repeat Step 3 until you have included all the items that you want in your list 5. Type

Your list is now ended. 6. Type 7. Type Back to top 8. Type 9. Type

See Figure 11 and Figure 12 on page 10. Section that Contains a List Example RELATED COURSE WORK Environmental Engineering Transportation Engineering Urban Planning Water Resources Steel Design Technical Writing Back to top Figure 11: Sample Code for Creating a Section that Contains a List (See References)


Figure 12: Output of Sample Code for Creating a Section that Contains a List (See References)

To save your newly-created web resume:

1. Click on File in the Notepad window menu bar 2. Click on Save As…

The Save As dialog box appears. See Figure 13. 3. Set the Save in: field to your H: drive (nt on 'blinky\homes\…\login id' (H:))

You will be saving your web resume file on your Home drive (H:). 4. Type index.html in the file name field

Your web resume file will be named index.html. It must have this file name! 5. Click the Save button

You have now finished saving your web resume as index.html on your H: drive. See Figure 13.

Figure 13: Save As Dialog Box (See References)

Setting Up Your Web Account 11

Setting Up Your Web Account Texas A & M University provides you a place on the web to post your newly-created web resume for the rest of the world to see it. However, you must first set up your web account. The setup will create a homepage subdirectory named .public_html in your U: drive, also known as UNIX directory, and makes your web resume file accessible to other people. (See References) To set up your web account:

1. Click the Start button 2. Point to Programs 3. Point to Communications 4. Click on UNIX

The Terminal – unix window appears. 5. Log in to your UNIX account 6. Press the ENTER key 7. Type web-setup and press the ENTER key at the fox.tamu.edu% prompt

Your web account is now created. See Figure 14. 8. Type logout and press the ENTER key at the prompt

The Terminal window will close and log you out of your UNIX account.

Figure 14: Terminal – unix Window (See References)

Posting and Viewing Your Web Resume 12

Posting and Viewing Your Web Resume After you set up your web account, you must transfer your web resume file, index.html, to your homepage subdirectory named .public_html in your U: drive, so everyone on the Internet can view your web resume. To view your web resume type your web page address, also know as the URL (Uniform Resource Locator), into your browser. Your web page address is http://people.tamu.edu/~loginID/ , and loginID is usually the three letters of your initials and the last four numbers of your Student ID (See References). To post your web resume on the web:

1. Double – click the My Computer icon on your Desktop The My Computer window appears.

2. Double – click your H: drive (nt on 'blinky\homes\…\loginID' (H:)) icon Your H:\ window appears.

3. Double – click the My Computer icon on your Desktop Another My Computer window appears.

4. Double – click your U: drive (loginID on 'blinky\homes\…. (U:)) icon Your U:\ window appears.

5. Double – click your .public_html folder icon Your U:\.public_html window appears. You should now have two windows open on your computer screen. See Figure 15.

6. Drag your index.html file from your H:\ window to your U:\.public_html window You have now posted your web resume on the web.

Figure 15: Drag Index File to U:\.public_html Window (See References) To view your web resume:

1. Open up a web browser, such as Microsoft® Internet Explorer 2. Type your web address, http://people.tamu.edu/~loginID/ , in the Address field

and press the ENTER key Your web resume is displayed in the web browser window.

Appendix A: Basic HTML Tags 13

Appendix A: Basic HTML Tags This appendix summarizes the HTML tags used in this manual (See References):

• … Creates a web page window • … Creates a title for the window • … Contains the viewed portion of a web page • … Centers the section of code that it

encloses • … Aligns right the section of code that it

encloses • … Creates a header of predefined font and size. is the largest,

and is the smallest. • Creates a horizontal rule •
Forces a line break without adding any white space after the tag • … Designates the origin and destination of a link

o ... Creates a link to another web site o ... Creates a links to a target location in the

current web page o ... Sets a target location within the web page o ... Creates an email link

• … Creates a table o Sets the amount of space

between a border and cell content o … Creates a row in the table o … Defines a table data cell within a row o Centers the contents of the cell o Prevents the lines within a cell from wrapping

• … Creates a bulleted list o Creates an item in the list

Appendix B: Sample Web Resume and its HTML Code 14

Appendix B: Sample Web Resume and its HTML Code This appendix contains a sample web resume and the HTML code that was used to create it. Note following this HTML code for creating a sample web resume is the output of this code. Resume: Adam S. Chodkiewicz Adam S. Chodkiewicz PO BOX 7042
College Station, TX 77844
(979) 680-3362
[email protected] OBJECTIVE EDUCATION RELATED COURSE WORK COMPUTER SKILLS EMPLOYMENT EXPERIENCE HONORS/AWARDS MEMBERSHIPS REFERENCES


OBJECTIVE An entry-level position in civil engineering
Willing to relocate Back to top EDUCATION Texas A&M University, College Station, TX Department of Civil Engineering Bachelor of Science in Civil Engineering
Expected Graduation: December 2002
Current overall GPR: 3.354
GPR in Major: 3.386
Planning to take the EIT exam in Fall 2002 Back to top RELATED COURSE WORK Environmental Engineering Transportation Engineering Urban Planning Water Resources Steel Design Technical Writing


Back to top COMPUTER SKILLS Maple V R5 MATLAB R12 Terramodel AutoCAD R14 Microsoft Word Microsoft Excel Microsoft PowerPoint Basic HTML Back to top EMPLOYMENT EXPERIENCE Texas Department of Transportation, Hearne, TX, Summer 2001
Construction Inspector III
Assisted chief inspectors with their roadwork inspection duties
Back to top HONORS/AWARDS The National Dean's List, 2000 - 2001 Dwight Look College of Engineering Distinguish Student Award, Fall 2001, Fall 1998 Mike and Martha Killough Scholarship, Fall 1998 - Spring 1999


Back to top MEMBERSHIPS Institute of Transportation Engineers, Spring 2002 - present Chi Epsilon, Spring 2001 - present American Society of Civil Engineers, Fall 2000 - present National Society of Collegiate Scholars, Fall 2000 - present Back to top REFERENCES Kim, Cheung Hun, Ph.D.
Professor
Department of Civil Engineering
Ocean Engineering Program
3136 TAMU
College Station, TX 77843-3136
PHONE (979) 845-4578, FAX (979) 862-8162
e-mail to: [email protected]

Parker, Thomas D., P.E.
Area Engineer
Hearne Area Office
PO BOX 506
Hearne, TX 77859
PHONE (979) 279-5376, FAX (979) 279-3745
e-mail to: [email protected]


Webb, L. Dale, Ph.D., P.E.
Associate Professor
CE/TTI Building, Room 503H
3136 TAMU
College Station, TX 77843-3136
PHONE (979) 845-8308, FAX (979) 862-0278
e-mail to:

Adam S. ChodkiewiczPO BOX 7042

College Station, TX 77844(979) 680-3362

[email protected]

OBJECTIVE EDUCATION RELATED COURSE WORK COMPUTER SKILLS

EMPLOYMENT EXPERIENCE HONORS/AWARDS MEMBERSHIPS REFERENCES

OBJECTIVE

An entry-level position in civil engineering

Willing to relocate

Back to top

EDUCATION

Texas A&M University, College Station, TX


Bachelor of Science in Civil EngineeringExpected Graduation: December 2002Current overall GPR: 3.354GPR in Major: 3.386

Planning to take the EIT exam in Fall 2002

Back to top

RELATED COURSE WORK

mailto:[email protected]://www.tamu.edu/http://www.civil.tamu.edu/

● Environmental Engineering ● Transportation Engineering ● Urban Planning ● Water Resources ● Steel Design ● Technical Writing

Back to top

COMPUTER SKILLS

● Maple V R5 ● MATLAB R12 ● Terramodel ● AutoCAD R14 ● Microsoft Word ● Microsoft Excel ● Microsoft PowerPoint ● Basic HTML

Back to top

EMPLOYMENT EXPERIENCE

Texas Department of Transportation, Hearne, TX, Summer 2001Construction Inspector IIIAssisted chief inspectors with their roadwork inspection duties

Back to top

HONORS/AWARDS

● The National Dean's List, 2000 - 2001 ● Dwight Look College of Engineering Distinguish Student Award, Fall 2001, Fall 1998 ● Mike and Martha Killough Scholarship, Fall 1998 - Spring 1999

Back to top

MEMBERSHIPS

● Institute of Transportation Engineers, Spring 2002 - present ● Chi Epsilon, Spring 2001 - present ● American Society of Civil Engineers, Fall 2000 - present ● National Society of Collegiate Scholars, Fall 2000 - present

Back to top

REFERENCES

Kim, Cheung Hun, Ph.D.ProfessorDepartment of Civil EngineeringOcean Engineering Program3136 TAMUCollege Station, TX 77843-3136 PHONE (979) 845-4578, FAX (979) 862-8162e-mail to: [email protected]

Parker, Thomas D., P.E.Area EngineerHearne Area OfficePO BOX 506Hearne, TX 77859PHONE (979) 279-5376, FAX (979) 279-3745e-mail to: [email protected]

Webb, L. Dale, Ph.D., P.E.Associate ProfessorDepartment of Civil EngineeringCE/TTI Building, Room 503H3136 TAMUCollege Station, TX 77843-3136 PHONE (979) 845-8308, FAX (979) 862-0278e-mail to: [email protected]

Back to top

Last Updated: Saturday, June 22, 2002 at 10:00 a.m.

http://www.ite.org/http://www.union.edu/PUBLIC/CERDEPT/FACULTY/GHALY/XE-National/XE.htmhttp://www.asce.org/http://www.nscs.org/http://ceprofs.tamu.edu/ckimmailto:[email protected]:[email protected]://ceprofs.tamu.edu/dwebbmailto:[email protected]"

References 22

References The following resources were used when putting together this manual:

• All figures in this manual were created by the author using Microsoft® Windows, Word, Notepad, Internet Explorer and Adobe® Photoshop®.

• HTML for Beginners. Builder.com™. http://builder.cnet.com/webbuilding/0-3881-8-5893399-2.html?tag=st.bl.3881-8-5893399-1.txt.3881-8-5893399-2 (p. 1)

• Setting Up Your TAMU Personal Web Page. Computing and Information Services. http://cis.tamu.edu/help/hdc/documentation/general/personal.html (p. 11, 12)

• Useful HTML Tags and Their Attributes. Builder.com™. http://builder.cnet.com/webbuilding/0-7530-8-5031280-1.html?tag=dir1 (p. 13)

For additional information about HTML and posting your web page, please refer to these web sites:

• Builder.com™. www.builder.com • Instructions on How to Make Resume Home Page. Lee L. Lowery, Jr., PhD, P.E.

http://lowery.tamu.edu/cven422/howtoHomepage/homepageinstructions.htm • Page Resource.com. www.pageresource.com • Webmonkey. www.webmonkey.com • World Wide Web Consortium®. www.w3.org

http://builder.cnet.com/webbuilding/0-3881-8-5893399-2.html?tag=st.bl.3881-8-5893399-1.txt.3881-8-5893399-2http://builder.cnet.com/webbuilding/0-3881-8-5893399-2.html?tag=st.bl.3881-8-5893399-1.txt.3881-8-5893399-2http://cis.tamu.edu/help/hdc/documentation/general/personal.htmlhttp://builder.cnet.com/webbuilding/0-7530-8-5031280-1.html?tag=dir1http://www.builder.com/http://lowery.tamu.edu/cven422/howtoHomepage/homepageinstructions.htmhttp://www.pageresource.com/http://www.webmonkey.com/http://www.w3.org/

Title PagePrefaceTable of ContentsList of FiguresIntroductionHTML BasicsHTML Code FormatSuggestion for Creating Your Web Resume

Launching Microsoft® NotepadCreating a Simple Web ResumeTo create a web page windowTo create your contact informationTo create a simple navigation barTo create a section of your web resumeTo create a section that contains a listTo save your newly-created web resume

Setting Up Your Web AccountPosting and Viewing Your Web ResumeTo post your web resume on the webTo view your web resume

Appendix A: Basic HTML TagsAppendix B: Sample Web Resume and its HTML CodeHTML CodeSample Web Resume

References

Documents

How To Post Your Own Resume on the Web · B. Sample Web Resume and its HTML Code 14 References 22 List of Figures Launching Microsoft® Notepad 1 Opening Notepad 3 2 Notepad Window