Download Slide 1

Creating a portfolio website
Kristina Courtnage Bowman
[email protected]
Twitter: @kris_bowman
Planning your portfolio
•
•
•
•
Who is the audience?
Do you want a static site or dynamic site?
How often will your content change?
Will you incorporate other aspects of your
digital identity like Twitter, Facebook or
LinkedIn?
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Personal online identity and brand
1. What am I trying to accomplish?
2. What values or adjectives do I identify with?
(name 3) How will I stay true to these online?
3. What are my professional goals and how will
my web portfolio and related social media
help me reach these goals?
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Building your online brand (3 C’s)
• Content
– Status updates, news, links, photos, video,
geolocation data
• Contacts
– Friends, followers, fans, connections
• Consistency
– Commit to contributing to your blog, Twitter feed,
Facebook page every _______ (day, week, month)
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Site Map for portfolio page
Home page:
Introduction
/photo
Resume
Portfolio
Contact
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
References
Sadie
Site Map for Sadie
Home page:
Introduction
/photo
Portfolio
Foster
Siblings
Contact
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
References
Copydeck for Sadie
LinkedIn Search
•
•
•
•
•
People search
Company search (follow companies)
Job search
Answers search
Groups search
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
LinkedIn Apps
•
•
•
•
•
•
•
Reading List by Amazon
SlideShare Presentations
Lawyer Ratings
Portfolio Display
Real Estate Pro
Wordpress
Events
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Tips for LinkedIn
• Fill out profile completely so contacts can find
you more easily
• Use a professional-looking photo (only enough
space for a headshot)
• Have a clearly defined goal.
• Send personal notes when making
connections.
• Get recommendations before you need them.
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Hosting your site
• UW web publishing (Activate Dante account)
– https://uwnetid.washington.edu/manage
– Transfer files using Secure FTP
(http://www.washington.edu/itconnect/security/tools/#sftp)
– Also access files from
https://catalysttools.washington.edu/filemanager/
– URL is http://students.washington.edu/uwnetid
• Wordpress (http://www.wordpress.com)
• Google sites (http://sites.google.com)
• Workspace
(https://catalysttools.washington.edu/workspace/getstarted)
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Wordpress
•
•
•
•
•
•
Themes
Custom headers
Static or dynamic
Widgets
Post vs. Page
Linking
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Wordpress Settings
• General settings
– Tagline
• Reading Settings
– Front page: Static page
• Discussions Settings
– Require moderation
• Privacy Settings
– Enable or disable search engines
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Accessibility
• Make images accessible to readers who use
screenreaders, who have images turned off
• Makes easier for mobile devices
• Alt tags for images
• Don’t use fixed font that can’t be changed in browser
• Use flexible layout
• Make header tags descriptive
• Follow conventions (Search, no ad-like images)
• Try different browsers
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
URLs
• File and folder names become part of the URL
- keep them short
• Use lower case letters
• Don’t use spaces
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Web terminology
• HTML (Hypertext Markup Language): Controls
content and some structure of site
• CSS (Cascade Style Sheets): Define styles such
as font, size, colors, margins, etc. (exp.
http://csszengarden.com)
• Tags: < > defines structure of content. When
editing content, don’t change anything inside
tags.
• JPG, GIF, PNG: Image types
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman
Other resources
Catalyst Web publishing resources
• http://www.washington.edu/lst/workshops/web
Basic terminology useful for Web design:
• http://www.washington.edu/lst/workshops/resources/terms.html
Top 10 Web Design Mistakes:
• http://www.useit.com/alertbox/9605.html
Guidelines for Link Design:
• http://www.designbyfire.com/deye_web/alertbox.htm
Learn to code:
• W3 Schools
• Webmonkey
Kristina Courtnage Bowman [email protected]
Twitter:@kris_bowman