SlideShare a Scribd company logo

Preparing Your Online Portfolio Materials

•
•
Bruce Clary
Bruce Clary

Steps for converting documents and files for efficient and convenient viewing on the Web.

EducationTechnologyBusiness
1 of 11
Download to read offline
AR340 WEB-BASED DESIGN From Print to Online Preparing Your Portfolio Materials for Online Presentation Bruce Clary, McPherson College, McPherson, Kansas
AR340 WEB-BASED DESIGN Materials to prepare for online • Documents: Word processing files, paper documents, certificates, etc. • Images: photos and graphics • Multimedia: video, Flash slideshows
AR340 WEB-BASED DESIGN Preparing text files • Option 1: Convert to HTML • Advantages for viewer ✓ Speed and convenience ✓ Consistent viewing experience • Disadvantages ✓ Extra work for creator ✓ Less satisfactory printing (usually)
AR340 WEB-BASED DESIGN Preparing text files (cont.) • Option 2: Convert to PDF • Advantages ✓ Superior printing ✓ Less work • Disadvantages ✓ Slows and disrupts viewer experience ✓ Forces download for many users…or • Upload to Scribd and embed
AR340 WEB-BASED DESIGN Consider both HTML and optional PDF or print stylesheet This is required for résumé
AR340 WEB-BASED DESIGN Preparing paper documents • Option 1: Rekey text into HTML • Option 2: Scan to PDF • Option 3: Scan to JPG • Reserve for documents with subtle gradations, e.g., a magazine layout • Scan to PDF, then take JPG screenshot for thumbnail
AR340 WEB-BASED DESIGN Preparing digital photos • Must be JPG format, never TIFF or PSD • Maintain file’s highest resolution till exact dimensions of displayed image are known • Reduce resolution to 72 pixels per inch before cropping and sizing • Optimize the JPG for online transfer by using Photoshop’s “Save for Web” feature
AR340 WEB-BASED DESIGN Preparing digital graphics • Option 1: Export or save as GIF, PNG, or JPG format, never TIFF, PSD or AI • Option 2: Display at large size on monitor, take screenshot
AR340 WEB-BASED DESIGN Preparing printed images • Scan to high resolution (300ppi) JPG • Reduce resolution to 72ppi before cropping and sizing
AR340 WEB-BASED DESIGN Preparing video • Upload to a video service such as YouTube or Google Video • Embed service-delivered video in your page
Preparing Your Online Portfolio Materials

Recommended

From Formed to Informed Opinions
From Formed to Informed OpinionsFrom Formed to Informed Opinions
From Formed to Informed Opinions
Bruce Clary
 
Athletic Orientation-2015
Athletic Orientation-2015Athletic Orientation-2015
Athletic Orientation-2015
Bruce Clary
 
WPD Training
WPD TrainingWPD Training
WPD Training
Bruce Clary
 
The Design Consultation
The Design ConsultationThe Design Consultation
The Design Consultation
Bruce Clary
 
Writing the Self-Study Report
Writing the Self-Study ReportWriting the Self-Study Report
Writing the Self-Study Report
Bruce Clary
 
Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1
Bruce Clary
 
The Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
The Pierless Bridge: Emily Dickinson's Poems of Faith and DoubtThe Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
The Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
Bruce Clary
 
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
Bruce Clary
 

Recommended

From Formed to Informed Opinions
From Formed to Informed OpinionsFrom Formed to Informed Opinions
From Formed to Informed Opinions
Bruce Clary
 
Athletic Orientation-2015
Athletic Orientation-2015Athletic Orientation-2015
Athletic Orientation-2015
Bruce Clary
 
WPD Training
WPD TrainingWPD Training
WPD Training
Bruce Clary
 
The Design Consultation
The Design ConsultationThe Design Consultation
The Design Consultation
Bruce Clary
 
Writing the Self-Study Report
Writing the Self-Study ReportWriting the Self-Study Report
Writing the Self-Study Report
Bruce Clary
 
Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1
Bruce Clary
 
The Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
The Pierless Bridge: Emily Dickinson's Poems of Faith and DoubtThe Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
The Pierless Bridge: Emily Dickinson's Poems of Faith and Doubt
Bruce Clary
 
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
"You didn't build that": Copyright, Fair Use, and the Creative Commons Movement
Bruce Clary
 
African Americans in the Civil War
African Americans in the Civil WarAfrican Americans in the Civil War
African Americans in the Civil War
Bruce Clary
 
The Civil War in the Age of Civil Rights
The Civil War in the Age of Civil RightsThe Civil War in the Age of Civil Rights
The Civil War in the Age of Civil Rights
Bruce Clary
 
Gone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost CauseGone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost Cause
Bruce Clary
 
Southern Honor
Southern HonorSouthern Honor
Southern Honor
Bruce Clary
 
Journey to Gettysburg
Journey to GettysburgJourney to Gettysburg
Journey to Gettysburg
Bruce Clary
 
Four Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil WarFour Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil War
Bruce Clary
 
Still Fighting the Civil War
Still Fighting the Civil WarStill Fighting the Civil War
Still Fighting the Civil War
Bruce Clary
 
Student Use of Multimedia: What You Need to Know
Student Use of Multimedia: What You Need to KnowStudent Use of Multimedia: What You Need to Know
Student Use of Multimedia: What You Need to Know
Bruce Clary
 
Editing stills
Editing stillsEditing stills
Editing stills
Bruce Clary
 
Presentation1
Presentation1Presentation1
Presentation1
Bruce Clary
 
Ex3
Ex3Ex3
Ex3
Bruce Clary
 
Puritan Essentials
Puritan EssentialsPuritan Essentials
Puritan Essentials
Bruce Clary
 
Elements of Journalism, Chap 1
Elements of Journalism, Chap 1Elements of Journalism, Chap 1
Elements of Journalism, Chap 1
Bruce Clary
 
Preparing the Persuasive Speech
Preparing the Persuasive SpeechPreparing the Persuasive Speech
Preparing the Persuasive Speech
Bruce Clary
 
Historical Development of Fiction
Historical Development of FictionHistorical Development of Fiction
Historical Development of Fiction
Bruce Clary
 
The Elements of Fiction Theme
The Elements of Fiction ThemeThe Elements of Fiction Theme
The Elements of Fiction Theme
Bruce Clary
 
Style
StyleStyle
Style
Bruce Clary
 
Research on the Web
Research on the WebResearch on the Web
Research on the Web
Bruce Clary
 
Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"
Bruce Clary
 
The Elements of Fiction: Character
The Elements of Fiction: CharacterThe Elements of Fiction: Character
The Elements of Fiction: Character
Bruce Clary
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
David Douglas School District
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
AreebaZafar22
 

More Related Content

More from Bruce Clary

African Americans in the Civil War
African Americans in the Civil WarAfrican Americans in the Civil War
African Americans in the Civil War
Bruce Clary
 
The Civil War in the Age of Civil Rights
The Civil War in the Age of Civil RightsThe Civil War in the Age of Civil Rights
The Civil War in the Age of Civil Rights
Bruce Clary
 
Gone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost CauseGone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost Cause
Bruce Clary
 
Four Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil WarFour Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil War
Bruce Clary
 
Puritan Essentials
Puritan EssentialsPuritan Essentials
Puritan Essentials
Bruce Clary
 
Elements of Journalism, Chap 1
Elements of Journalism, Chap 1Elements of Journalism, Chap 1
Elements of Journalism, Chap 1
Bruce Clary
 
Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"
Bruce Clary
 

More from Bruce Clary (20)

African Americans in the Civil War
African Americans in the Civil WarAfrican Americans in the Civil War
African Americans in the Civil War
 
The Civil War in the Age of Civil Rights
The Civil War in the Age of Civil RightsThe Civil War in the Age of Civil Rights
The Civil War in the Age of Civil Rights
 
Gone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost CauseGone with the Wind: High Water Mark of the Lost Cause
Gone with the Wind: High Water Mark of the Lost Cause
 
Southern Honor
Southern HonorSouthern Honor
Southern Honor
 
Journey to Gettysburg
Journey to GettysburgJourney to Gettysburg
Journey to Gettysburg
 
Four Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil WarFour Major Interpretive Tradition of the American Civil War
Four Major Interpretive Tradition of the American Civil War
 
Still Fighting the Civil War
Still Fighting the Civil WarStill Fighting the Civil War
Still Fighting the Civil War
 
Student Use of Multimedia: What You Need to Know
Student Use of Multimedia: What You Need to KnowStudent Use of Multimedia: What You Need to Know
Student Use of Multimedia: What You Need to Know
 
Editing stills
Editing stillsEditing stills
Editing stills
 
Presentation1
Presentation1Presentation1
Presentation1
 
Ex3
Ex3Ex3
Ex3
 
Puritan Essentials
Puritan EssentialsPuritan Essentials
Puritan Essentials
 
Elements of Journalism, Chap 1
Elements of Journalism, Chap 1Elements of Journalism, Chap 1
Elements of Journalism, Chap 1
 
Preparing the Persuasive Speech
Preparing the Persuasive SpeechPreparing the Persuasive Speech
Preparing the Persuasive Speech
 
Historical Development of Fiction
Historical Development of FictionHistorical Development of Fiction
Historical Development of Fiction
 
The Elements of Fiction Theme
The Elements of Fiction ThemeThe Elements of Fiction Theme
The Elements of Fiction Theme
 
Style
StyleStyle
Style
 
Research on the Web
Research on the WebResearch on the Web
Research on the Web
 
Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"Structured Discusion: Tim O'Brien's "The Things They Carried"
Structured Discusion: Tim O'Brien's "The Things They Carried"
 
The Elements of Fiction: Character
The Elements of Fiction: CharacterThe Elements of Fiction: Character
The Elements of Fiction: Character
 

Recently uploaded

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 

Recently uploaded (20)

Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
PROCESS RECORDING FORMAT.docx
PROCESS RECORDING FORMAT.docxPROCESS RECORDING FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 

Preparing Your Online Portfolio Materials

  • 1. AR340 WEB-BASED DESIGN From Print to Online Preparing Your Portfolio Materials for Online Presentation Bruce Clary, McPherson College, McPherson, Kansas
  • 2. AR340 WEB-BASED DESIGN Materials to prepare for online • Documents: Word processing files, paper documents, certificates, etc. • Images: photos and graphics • Multimedia: video, Flash slideshows
  • 3. AR340 WEB-BASED DESIGN Preparing text files • Option 1: Convert to HTML • Advantages for viewer ✓ Speed and convenience ✓ Consistent viewing experience • Disadvantages ✓ Extra work for creator ✓ Less satisfactory printing (usually)
  • 4. AR340 WEB-BASED DESIGN Preparing text files (cont.) • Option 2: Convert to PDF • Advantages ✓ Superior printing ✓ Less work • Disadvantages ✓ Slows and disrupts viewer experience ✓ Forces download for many users…or • Upload to Scribd and embed
  • 5. AR340 WEB-BASED DESIGN Consider both HTML and optional PDF or print stylesheet This is required for résumé
  • 6. AR340 WEB-BASED DESIGN Preparing paper documents • Option 1: Rekey text into HTML • Option 2: Scan to PDF • Option 3: Scan to JPG • Reserve for documents with subtle gradations, e.g., a magazine layout • Scan to PDF, then take JPG screenshot for thumbnail
  • 7. AR340 WEB-BASED DESIGN Preparing digital photos • Must be JPG format, never TIFF or PSD • Maintain file’s highest resolution till exact dimensions of displayed image are known • Reduce resolution to 72 pixels per inch before cropping and sizing • Optimize the JPG for online transfer by using Photoshop’s “Save for Web” feature
  • 8. AR340 WEB-BASED DESIGN Preparing digital graphics • Option 1: Export or save as GIF, PNG, or JPG format, never TIFF, PSD or AI • Option 2: Display at large size on monitor, take screenshot
  • 9. AR340 WEB-BASED DESIGN Preparing printed images • Scan to high resolution (300ppi) JPG • Reduce resolution to 72ppi before cropping and sizing
  • 10. AR340 WEB-BASED DESIGN Preparing video • Upload to a video service such as YouTube or Google Video • Embed service-delivered video in your page