Post on 28-Dec-2015
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”>
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
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>
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