1 / 16

Creating an Online Resume using HTML

Creating an Online Resume using HTML. Beverly D. Williams University of Phoenix Online May 19, 2004 EDTC 560 Instructor: Tommy Martin. Introduction. A brief demonstration of Hypertext Markup Language (HTML) coding to help students create their online resume. Students will learn how to:

lorne
Download Presentation

Creating an Online Resume using HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Creating an Online Resume using HTML Beverly D. Williams University of Phoenix Online May 19, 2004 EDTC 560 Instructor: Tommy Martin Career Development Workshop

  2. Introduction • A brief demonstration of Hypertext Markup Language (HTML) coding to help students create their online resume. • Students will learn how to: • Insert character tags to format resume headings. • Add special character tags such as the middle dot and soft hyphen symbols for spacing of address in resume. Career Development Workshop

  3. Introduction Contd.. • Insert an inline image to their online resume (a photo of student). • Add hypertext links for references, samples of completed projects, and other comments in their online resume. • Training available to: • Eligible graduate students. • Alumni Students. Career Development Workshop

  4. Agenda • Objective 7: • Insert character tags in online resume. • Objective 8: • Add special character tags in online resume. • Objective 10: • Insert an inline image in online resume (picture of student). • Objective 11: • Add hypertext links to online resume. Career Development Workshop

  5. Agenda Contd.. Career Development Workshop

  6. Overview • Students will gain a better understanding of how to create their online resume in HTML. • Students will have their online resume accessible to potential employers 24/7. • Students will have more time preparing for the actual interview. Career Development Workshop

  7. Glossary of Terms Used • Anchor: Text that is specially marked so you can link to it from points in the document. • GIF: Graphics Interchange Format that is commonly used to display graphic images on a Web page. • Hypertext Links: Links that are created to provide organizational structure of a hypertext document. Also, indicate what points or concepts you think merit special attention or further reading. • Inline Image: A photographic image that appears directly on the Web page and is loaded when the page is loaded. • JPEG: Joint Photographic Experts Group is another that is used to display graphical images on a Web page. However, not all browsers support this format. It’s better to convert image to GIF. • Storyboarding: A technique used to map out exactly how you want your Web pages to relate. This also helps you to determine which structure works best for the type of information you’re presenting. Career Development Workshop

  8. Objective 7: Insert character tags to online resume. Examples of Common Logical Character Tags Career Development Workshop

  9. Objective 7 Contd.. Examples of Physical Character Tags Career Development Workshop

  10. Objective 7 Contd… Exercises • Choose 1 character tag and write the HTML code to format your resume headings. Hint: <EM>Education</EM> • Choose 1 character tag and write the HTML code format your resume job titles. Hint: <I>Secretary</I> Career Development Workshop

  11. Objective 8: • Add special character tags to online resume. Example <H4 ALIGN=CENTER>1223 Hawksbill Dr. &#183 Freeport, BA 70542 &#183 (242) 418-6186</H> Exercise • Choose 2 special character symbols and write the HTML code for adding them to your online resume. Symbols must be used appropriately. Career Development Workshop

  12. Objective 10: • Insert an inline image to online resume. General syntax for an inline image • <IMAGE SRC=“filename”> Exercise • Insert an inline image for your online resume in GIF and JPEG. Hint: • <P ALIGN=CENTER> • <IMG SRC=“Beverly.gif” HEIGHT=100 WIDTH=85 VSPACE=20 HSPACE=15 ALT=“What a lovely picture”> Note: Substitute jpg. Career Development Workshop

  13. Objective 11: • Add hypertext links to online resume. General syntax for linking a document. <A HREF=“filename”></A> Exercises • Create a link in your online resume to comments on your completed project. • Create link to the following: • University of Phoenix • BDMG Computer Training Career Development Workshop

  14. Summary • Answer review questions Final Review Questions • State what has been learned • Better understanding of HTML terms. • How to insert character tags to online resume. • How to add special character tags to online resume. • How to insert an inline image to online resume using GIF and JPEG in HTML. • How to create hypertext links in online resume using HTML. Career Development Workshop

  15. Summary Contd.. • Ways to apply training • Create and develop web pages • As a consultant • As a Webmaster • End of workshop assessments • Assessment of HTML concepts. • End of workshop assessment. Career Development Workshop

  16. Where to Get More Information • Carey, P. (1999). Creating Pages with HTML. Tutorials 1 and 2. Carey Associates, Inc. • Instructional Plan Document • Prendiville, O. (2004). HTML Tutorial. AKA Marketing. Retrieved April 19, 2004 from http://www.akamarketing.com/html-tutorial.html Career Development Workshop

More Related