SlideShare a Scribd company logo
AR340 WEB-BASED DESIGN




The Online Portfolio
Tips and Guidelines




            Bruce Clary, McPherson College, McPherson, Kansas
AR340 WEB-BASED DESIGN




The assignment

• Home page (index.html)
• About Me page
• Contact information
• Résumé – both HTML and PDF
• Galleries organized by type of work
AR340 WEB-BASED DESIGN




The home page

• It’s every user’s first impression. Make sure
    both content and design communicate your
    best qualities.

• Avoid the “splash page” approach. Clearly
    communicate…

   • Who you are
   • What you can do
AR340 WEB-BASED DESIGN



Your About Me Page
• Your chance to say what you’re trying to
   communicate visually in your design
• Keep it clear, clean, and brief – but it’s OK to let
   your style shine through
• Summary of skills and experience OK, but…
• This is the place you can be a person –
   hobbies, activities, family all OK –but…
• This isn’t Facebook
AR340 WEB-BASED DESIGN




Résumé
• Same content as your paper résumé
• HTML version – that is, a regular Web page
 • Typographical control is the key
• PDF of your paper résumé for downloading, or,
   alternatively…

• A print stylesheet for your HTML résumé
AR340 WEB-BASED DESIGN




Galleries
• Make ease of use the priority
• Show best work only – three examples of each
   type of skill probably enough

• Make images large enough for user to
   appreciate skill

• Explain what you did
AR340 WEB-BASED DESIGN




Contact Info
• One HTML form with fields for name, address,
   e-mail, and message required

• Probably best as separate contact page but
   might work well on resumé page
AR340 WEB-BASED DESIGN



Miscellaneous Tips

• Keep it clean, comm majors
• Don’t use technology (animation, for example)
    that you can’t duplicate

• Plan, plan, plan
   •   Site maps
   •   Wireframes

• Show your ideas, graphic designs and early
    pages to lots of people
Online Portfolio Guide

More Related Content

Similar to Online Portfolio Guide

Projecting Yourself
Projecting YourselfProjecting Yourself
Projecting Yourself
Bruce Clary
 
Projecting Yourself through Your Portfolio Design
Projecting Yourself through Your Portfolio DesignProjecting Yourself through Your Portfolio Design
Projecting Yourself through Your Portfolio Design
Bruce Clary
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
Tero A. Laiho
 
SOFLUX Meetup - Landing on your dream job
SOFLUX Meetup - Landing on your dream jobSOFLUX Meetup - Landing on your dream job
SOFLUX Meetup - Landing on your dream job
Marta Guerra
 
Using E-portfolios to Showcase Your Work, Experience, and Skills
Using E-portfolios to Showcase Your Work, Experience, and SkillsUsing E-portfolios to Showcase Your Work, Experience, and Skills
Using E-portfolios to Showcase Your Work, Experience, and Skills
Lisa Chow
 
Barcelona Digital Designers: Portfolio Workshop Deck
Barcelona Digital Designers: Portfolio Workshop DeckBarcelona Digital Designers: Portfolio Workshop Deck
Barcelona Digital Designers: Portfolio Workshop Deck
Adam Sadowski
 
E-Portfolio Presentation - NY Librarians Meetup
E-Portfolio Presentation - NY Librarians MeetupE-Portfolio Presentation - NY Librarians Meetup
E-Portfolio Presentation - NY Librarians Meetup
Lisa Chow
 
Levering Your Portfolio(s)
Levering Your Portfolio(s)Levering Your Portfolio(s)
Levering Your Portfolio(s)
Louellen Coker
 
You Should Really Have an Online Portfolio
You Should Really Have an Online PortfolioYou Should Really Have an Online Portfolio
You Should Really Have an Online Portfolio
UNCResearchHub
 
CV Writing Tips
CV Writing TipsCV Writing Tips
CV Writing Tips
guymarshall
 
LinkedIn Hacks
LinkedIn HacksLinkedIn Hacks
LinkedIn Hacks
Gilbert Hill
 
LinkedIn Hacks
LinkedIn HacksLinkedIn Hacks
LinkedIn Hacks
Gilbert Hill
 
404 Pages are inevitable so make the most out of it.
404 Pages are inevitable so make the most out of it.404 Pages are inevitable so make the most out of it.
404 Pages are inevitable so make the most out of it.
Neha Patel
 
IA Summit Career Workshop 2015
IA Summit Career Workshop 2015IA Summit Career Workshop 2015
IA Summit Career Workshop 2015
Russ U
 
Coloring Outside The LInes: Creative Thinking in a Sourcer's World
Coloring Outside The LInes: Creative Thinking in a Sourcer's WorldColoring Outside The LInes: Creative Thinking in a Sourcer's World
Coloring Outside The LInes: Creative Thinking in a Sourcer's World
TrishWyderka1
 
English 335 Project 3 overview
English 335 Project 3 overviewEnglish 335 Project 3 overview
English 335 Project 3 overview
Ariadne Rooney
 
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and SkillsSLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
Lisa Chow
 
guide_linkedin.pdf
guide_linkedin.pdfguide_linkedin.pdf
guide_linkedin.pdf
merag76668
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
Chris Snider
 
The art of using the web to find the unfindable
The art of using the web to find the unfindableThe art of using the web to find the unfindable
The art of using the web to find the unfindable
Damia Portugal
 

Similar to Online Portfolio Guide (20)

Projecting Yourself
Projecting YourselfProjecting Yourself
Projecting Yourself
 
Projecting Yourself through Your Portfolio Design
Projecting Yourself through Your Portfolio DesignProjecting Yourself through Your Portfolio Design
Projecting Yourself through Your Portfolio Design
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
 
SOFLUX Meetup - Landing on your dream job
SOFLUX Meetup - Landing on your dream jobSOFLUX Meetup - Landing on your dream job
SOFLUX Meetup - Landing on your dream job
 
Using E-portfolios to Showcase Your Work, Experience, and Skills
Using E-portfolios to Showcase Your Work, Experience, and SkillsUsing E-portfolios to Showcase Your Work, Experience, and Skills
Using E-portfolios to Showcase Your Work, Experience, and Skills
 
Barcelona Digital Designers: Portfolio Workshop Deck
Barcelona Digital Designers: Portfolio Workshop DeckBarcelona Digital Designers: Portfolio Workshop Deck
Barcelona Digital Designers: Portfolio Workshop Deck
 
E-Portfolio Presentation - NY Librarians Meetup
E-Portfolio Presentation - NY Librarians MeetupE-Portfolio Presentation - NY Librarians Meetup
E-Portfolio Presentation - NY Librarians Meetup
 
Levering Your Portfolio(s)
Levering Your Portfolio(s)Levering Your Portfolio(s)
Levering Your Portfolio(s)
 
You Should Really Have an Online Portfolio
You Should Really Have an Online PortfolioYou Should Really Have an Online Portfolio
You Should Really Have an Online Portfolio
 
CV Writing Tips
CV Writing TipsCV Writing Tips
CV Writing Tips
 
LinkedIn Hacks
LinkedIn HacksLinkedIn Hacks
LinkedIn Hacks
 
LinkedIn Hacks
LinkedIn HacksLinkedIn Hacks
LinkedIn Hacks
 
404 Pages are inevitable so make the most out of it.
404 Pages are inevitable so make the most out of it.404 Pages are inevitable so make the most out of it.
404 Pages are inevitable so make the most out of it.
 
IA Summit Career Workshop 2015
IA Summit Career Workshop 2015IA Summit Career Workshop 2015
IA Summit Career Workshop 2015
 
Coloring Outside The LInes: Creative Thinking in a Sourcer's World
Coloring Outside The LInes: Creative Thinking in a Sourcer's WorldColoring Outside The LInes: Creative Thinking in a Sourcer's World
Coloring Outside The LInes: Creative Thinking in a Sourcer's World
 
English 335 Project 3 overview
English 335 Project 3 overviewEnglish 335 Project 3 overview
English 335 Project 3 overview
 
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and SkillsSLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
SLA Webinar: Using E-Portfolios to Showcase Your Work, Experience, and Skills
 
guide_linkedin.pdf
guide_linkedin.pdfguide_linkedin.pdf
guide_linkedin.pdf
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
The art of using the web to find the unfindable
The art of using the web to find the unfindableThe art of using the web to find the unfindable
The art of using the web to find the unfindable
 

More from 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
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
 

More from Bruce Clary (20)

Athletic Orientation-2015
Athletic Orientation-2015Athletic Orientation-2015
Athletic Orientation-2015
 
WPD Training
WPD TrainingWPD Training
WPD Training
 
The Design Consultation
The Design ConsultationThe Design Consultation
The Design Consultation
 
Writing the Self-Study Report
Writing the Self-Study ReportWriting the Self-Study Report
Writing the Self-Study Report
 
Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1Understanding the English Sentence: Lesson 1
Understanding the English Sentence: Lesson 1
 
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
 
"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
 
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
 

Recently uploaded

คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
สมใจ จันสุกสี
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
Krassimira Luka
 
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
heathfieldcps1
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
BoudhayanBhattachari
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
RAHUL
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Celine George
 
Constructing Your Course Container for Effective Communication
Constructing Your Course Container for Effective CommunicationConstructing Your Course Container for Effective Communication
Constructing Your Course Container for Effective Communication
Chevonnese Chevers Whyte, MBA, B.Sc.
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
Priyankaranawat4
 
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
Leena Ghag-Sakpal
 
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Himanshu Rai
 
How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience
Wahiba Chair Training & Consulting
 
ZK on Polkadot zero knowledge proofs - sub0.pptx
ZK on Polkadot zero knowledge proofs - sub0.pptxZK on Polkadot zero knowledge proofs - sub0.pptx
ZK on Polkadot zero knowledge proofs - sub0.pptx
dot55audits
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
PsychoTech Services
 
Leveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit InnovationLeveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit Innovation
TechSoup
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
math operations ued in python and all used
math operations ued in python and all usedmath operations ued in python and all used
math operations ued in python and all used
ssuser13ffe4
 

Recently uploaded (20)

คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
 
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
 
Constructing Your Course Container for Effective Communication
Constructing Your Course Container for Effective CommunicationConstructing Your Course Container for Effective Communication
Constructing Your Course Container for Effective Communication
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
 
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
Bed Making ( Introduction, Purpose, Types, Articles, Scientific principles, N...
 
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
 
How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience
 
ZK on Polkadot zero knowledge proofs - sub0.pptx
ZK on Polkadot zero knowledge proofs - sub0.pptxZK on Polkadot zero knowledge proofs - sub0.pptx
ZK on Polkadot zero knowledge proofs - sub0.pptx
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
 
Leveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit InnovationLeveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit Innovation
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
math operations ued in python and all used
math operations ued in python and all usedmath operations ued in python and all used
math operations ued in python and all used
 

Online Portfolio Guide

  • 1. AR340 WEB-BASED DESIGN The Online Portfolio Tips and Guidelines Bruce Clary, McPherson College, McPherson, Kansas
  • 2. AR340 WEB-BASED DESIGN The assignment • Home page (index.html) • About Me page • Contact information • Résumé – both HTML and PDF • Galleries organized by type of work
  • 3. AR340 WEB-BASED DESIGN The home page • It’s every user’s first impression. Make sure both content and design communicate your best qualities. • Avoid the “splash page” approach. Clearly communicate… • Who you are • What you can do
  • 4.
  • 5.
  • 6. AR340 WEB-BASED DESIGN Your About Me Page • Your chance to say what you’re trying to communicate visually in your design • Keep it clear, clean, and brief – but it’s OK to let your style shine through • Summary of skills and experience OK, but… • This is the place you can be a person – hobbies, activities, family all OK –but… • This isn’t Facebook
  • 7. AR340 WEB-BASED DESIGN Résumé • Same content as your paper résumé • HTML version – that is, a regular Web page • Typographical control is the key • PDF of your paper résumé for downloading, or, alternatively… • A print stylesheet for your HTML résumé
  • 8. AR340 WEB-BASED DESIGN Galleries • Make ease of use the priority • Show best work only – three examples of each type of skill probably enough • Make images large enough for user to appreciate skill • Explain what you did
  • 9.
  • 10. AR340 WEB-BASED DESIGN Contact Info • One HTML form with fields for name, address, e-mail, and message required • Probably best as separate contact page but might work well on resumé page
  • 11. AR340 WEB-BASED DESIGN Miscellaneous Tips • Keep it clean, comm majors • Don’t use technology (animation, for example) that you can’t duplicate • Plan, plan, plan • Site maps • Wireframes • Show your ideas, graphic designs and early pages to lots of people