McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module I Building an E-Portfolio

Mod I-2 STUDENT LEARNING OUTCOMES 1. Describe the types of electronic resumes and when each is appropriate. 2. Discuss networking strategies you can use during a job search. 3. Explain how self-assessment is valuable to resume writing. 4. Use the Internet to research career opportunities and potential employers.

Mod I-3 STUDENT LEARNING OUTCOMES 5. Develop powerful job search e- portfolio content. 6. Document effective Web site structure and design components. 7. Create a job search e-portfolio Web site and place it on an Internet server.

Mod I-4 INTRODUCTION  Electronic portfolio (e-portfolio) – has been described in a range of ways, with most recognizing the primary role of information and communications technologies in describing the “e”

Mod I-5 MODULE ORGANIZATION 1. The Electronic Job Market – Extending Your Reach  Learning Outcome #4 2. Convergence of Online Networking and Resume Development  Learning Outcome #2 & #3 3. Resume Building – A Lifelong Process  Learning Outcome #1

Mod I-6 MODULE ORGANIZATION 4. Developing Your Job Search E- Portfolio  Learning Outcome #5 5. Web Design Considerations  Learning Outcome #6 6. Preparing Web Content  Learning Outcome #7

Mod I-7 ELECTRONIC JOB MARKET  Electronic job market – makes use of many Internet technologies to recruit employees  The average cost per hire through…  Online recruiting is $152  Traditional methods is $1,383

Mod I-8 Sample Electronic Job Search Documents

Mod I-9 Convergence of Online Networking and Resume Development  Hidden job market – unposted positions  Up to 80% of new jobs fall into this category  Today’s electronic world uses automated résumé tracking systems  Reduce the time it takes to manually review, sort, and file large numbers of résumés

Mod I-10 To Achieve Job Search Success 1. Learn how to create a résumé (which will morph into an e-résumé) 2. Use Internet job search strategies to find employer Web sites and job postings

Mod I-11 Start to Network  Networking involves…  Creating relationships  Developing a 30-second commercial  Employing electronic means  Joining mailing lists

Mod I-12 Perform a Self-Assessment  Employers want to know what you will do for them  Have documented evidence of those skills  Self-assessment  Personality profiles  Checklists  Strength identification  Achievement lists  Writing and projection exercises

Mod I-13 Sample Self-Assessment Tool

Mod I-14 Research Careers, Industries, and Companies  The Web is an incredible resource for researching topics such as…  Résumé writing  Career forecasts  Job availability  Skills required to be hirable  Industry trends  Virtual communities

Mod I-15 RÉSUMÉ BUILDING – A LIFELONG PROCESS  Résumé – a summary of your qualifications  It is an organized collection of information that will “sell” your skills to an employer

Mod I-16 Content, Content, Content  Components of a good résumé:  Important contact information  Keywords  Powerful objective statement

Mod I-17 Weak vs. Strong Objective Statements

Mod I-18 Objective and Summary Examples

Mod I-19 Résumé Sections  Contact information  Objective  Qualifications  Education  Work experience  Activities

Mod I-20 Show Action  Use action verbs to describe your work experiences powerfully

Mod I-21 Action Verbs

Mod I-22 ELECTRONIC FILE FORMATS  Scannable (or ASCII) résumé – a paper résumé that becomes electronic when it is scanned into a computer  PDF résumé – a standard electronic distribution format typically used for e- mailing  Multimedia (or HTML) résumé – uses a multimedia format, and exists on the Internet for employers to explore at their convenience

Mod I-23 Electronic File Formats

Mod I-24 Scannable Résumé  Text-only file with carriage return at each line end  Courier or Times New Roman only (10 or 12 pt)  No character formatting, centering, or tab indenting  Do tables or graphics  Two blank lines between each section  Use asterisks (*) for bullets

Mod I-25 Scannable Résumé

Mod I-26 PDF Résumé  Portable document format (PDF) is the standard electronic distribution file format  Benefit of PDF is:  Documents created in any application can be shared across platforms and still look exactly as designed  All fonts, indentions, graphics, links, tables, and alignment are retained

Mod I-27 PDF Résumé

Mod I-28 Multimedia (or HTML) Résumé  A good e-portfolio Web site includes:  A home page that acts as a site overview and menu  All of your résumé text  Additional supporting materials (.txt,.pdf,.doc,.ppt,.xls, and so on)

Mod I-29 Multimedia (or HTML) Résumé

Mod I-30 Right Résumé Style?  Chronological  Functional  Curriculum Vitae

Mod I-31 Chronological Résumé Layout

Mod I-32 Functional Résumé Layout

Mod I-33 DEVELOPING YOUR E- PORTFOLIO  Four reasons why you should develop an e-portfolio: 1. An e-portfolio can give you instant credibility 2. A Web site provides access anytime to you and examples of your work 3. A Web site shows that you are current and up-to-date 4. A Web site expands your exposure and increases your visibility worldwide

Mod I-34 Give Them What They Want  What future employers are looking for when they visit your Web site:  Lots of work  Creativity  Strategy  Good architecture

Mod I-35 An e-Portfolio Example

Mod I-36 The Shape of an e-Portfolio 1. Biographical Information 2. Online Portfolio Examples of your work and information about your skills and talents 3. Contact Information

Mod I-37 E-Gallery  Writing samples  Spreadsheets or other applications of business tools  Demonstrations of analytical, tracking, planning, or management skills  Presentations that you have developed

Mod I-38 E-Gallery Example

Mod I-39 WEB DESIGN CONSIDERATIONS  Web design is a complex art requiring:  Technical knowledge  Research  Skill  An understanding of your audience

Mod I-40 Difference Between Print and Web Content  Printed pages are designed to be read  Web pages are designed to be browsed  All printed pages are the same size  Web pages are not  Printed pages stay visually the same  Web page layout varies depending on the Web browser, screen resolution, operating system, and monitor being used

Mod I-41 Print Friendly Web Page Dimensions

Mod I-42 Answer These Questions about Your Audience  What is the average age of managers (the people who do the hiring)? Employees?  How conservative is this industry?  Are employees expected to be artistic?  How will my audience view my page?  How do the backgrounds, colors, graphics, and navigation of business sites in the industry look?  How does this industry promote itself?

Mod I-43 Storyboarding  Storyboard – sketch your Web page’s layout as well as any relationships among ancillary pages

Mod I-44 Storyboarding  Organize your site in any numbers of ways, including the following:  Alphabetically  Chronologically  Graphically  Hierarchically  Numerically  Randomly (not recommended)  Topically

Mod I-45 Site Structure  The structure of a Web site is how the various pages of the site are linked together  Two thoughts when it comes to Web page length:  Scrolling  Clicking

Mod I-46 Site Structure

Mod I-47 Design Your Homepage  It is critical that each page contain:  Common color  Font  Navigation  Layout design elements

Mod I-48 Backgrounds and Titles

Mod I-49 Graphics 1. Avoid large graphics that seem to take days to download on a modem 2. Do not use meaningless graphics 3. Ensure every graphical link has a text link equivalent 4. Create either GIF or JPEG images  These are standard formats used pervasively on the Web

Mod I-50 Textual Elements of Your Homepage  The content for your Web site needs to be segmented into logical units  The opening or homepage is the entrance to your Web site  Load fast  Provide the viewer with enough information to assess the site  Navigate to pages of interest

Mod I-51 Document the Site Design  Segment and link (organize) your e- portfolio content  Create logical groupings of content  No more than eight links on your homepage  “30-second commercial” presentation  PDF  Scannable résumés  e-gallery

Mod I-52 PREPARING WEB CONTENT  Gather all the material  Objective statement  résumé formats  e-gallery examples

Mod I-53 PREPARING WEB CONTENT  Write one key sentence (30 words) describing your e-portfolio  Write down 10 single keywords and 10 key phrases (2-3 words) that could be used to reference the site  Create a digital image of a logo or photograph  Look at other e-portfolios on the Web

Mod I-54 Sample e-Portfolio Navigation Chart

Mod I-55 HTML Versus Generated Code  Hand-coding Web pages (via HTML) is still considered feasible:  Control  Quick fixes  Clean code  Fine-tuning

Mod I-56 HTML Versus Generated Code  HTML editors (generated code) are:  Dreamweaver (  Microsoft FrontPage (  NewObjects Fusion (  Adobe GoLive (  HotMetal Pro (

Mod I-57 Sample HTML Code in Notepad

Mod I-58 Microsoft FrontPage  Microsoft FrontPage is a full-featured HTML editor that uses a number of Web page elements including:  Button rollover effects  Image maps  Marquee text  Thumbnails  Counter

Mod I-59 Sample of FrontPage Interface

Mod I-60 Test, Test, Test  94 percent of people browsing the Web use Microsoft Internet Explorer  6 percent of your audience is using another Web browser  5 percent of Internet users have a Macintosh