Career Development WorkshopCareer Development Workshop

Demonstration of Online Resume in HTML

Leon DeutschBobbie DeShazer

John GeinzerCharles Thorpe

Beverly Williams

Team B:University of Phoenix OnlineEDTC 555Instructor: Sandra Norris

Introduction Introduction

To answer and demonstrate discussionquestions for creating an online resumeHTML code.

AgendaAgenda Objective 10: Insert an inline image to online

resume.– Demonstrate using GIF (code and demo)

– Demonstrate using JPEG (code and demo) Objective 11: Add hypertext links to online

resume.– Create Links Between documents in Beverly’s

resume.

– Create links to pages on the Internet. Allotted to each is approximately 10-15 minutes

Overview Overview

To give students a better understanding of creating their online resumes in HTML.

Students will have their online resume accessible to potential employers 24/7.

Students will have more time preparing for the actual interview.

VocabularyVocabulary

Glossary of terms – Anchor– GIF– Hypertext links– Inline Image– JPEG– Storyboarding

Definitions of TermsDefinitions of Terms

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.

Definition of Terms Contd..Definition of Terms Contd..

Inline Image: An 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.

Definition of Terms Contd…Definition of Terms Contd…

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.

Objective 10: Insert an inline image to Objective 10: Insert an inline image to online resume.online resume.

General syntax for an inline image– <IMAGE SRC=“filename”>

Insert inline image for your online resume in GIF.– <P ALIGN=CENTER>– <IMG SRC=“Beverly.gif” HEIGHT=100

WIDTH=85 VSPACE=20 HSPACE=15 ALT=“What a lovely picture”>

DEMO of GIF DEMO of GIF

Inline image GIF

Demo of JPEGDemo of JPEG

Display of alternate message

JPEG ResultsJPEG Results

Bev.jpg inline image

Objective 11: Add Hypertext links to Objective 11: Add Hypertext links to online resume.online resume.

General syntax for linking a document.– <A HREF=“filename”>

</A> Create a link in your online resume to comments

on your completed project.– <LI><A HREF=“Comments.htm”>Comments on my

work</A> Create link to the following:

– University of Phoenix– BDMG Computer Training

Demo: Comments on my WorkDemo: Comments on my Work

Objective 11 Contd..Objective 11 Contd..

Create links to the following:– The University of Phoenix

<LI><A HREF=“http://university.phoenix.edu”>Go to University of Phoenix Online</A>

– BDMG Computer Training<LI><A

HREF=“http://beverlydwilliams.com”>Go to BDMG Computer Training</A>

University of Phoenix University of Phoenix

BDMG Computer TrainingBDMG Computer Training

SummarySummary

State what has been learned– Better understanding of HTML terms.– How to insert an inline image to online

resume using GIF and JPEG in HTML.– How to create hypertext links to in online

resume using HTML.Link to comments on my work.Link to the University of PhoenixLink to BDMG Computer Training

Summary Contd..Summary Contd..

Define ways to apply training– Create and develop web pages

As a consultantWebmaster

Request feedback of training session– Online survey poll.– End of class assessment

Where to Get More InformationWhere to Get More Information

Career Development Workshop Course Carey, P. (1999). Creating Pages with HTML.

Tutorials 1 and 2. Carey Associates, Inc. Prendiville, O. (2004). HTML Tutorial. AKA

Marketing. Retrieved April 19, 2004 from http://www.akamarketing.com/html-tutorial.html