1. Creating a portfolio website Kristina Courtnage Bowman kriscb@uw.edu Twitter: @kris_bowman

2. 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 kriscb@uw.edu Twitter:@kris_bowman

3. 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 kriscb@uw.edu Twitter:@kris_bowman

4. 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 kriscb@uw.edu Twitter:@kris_bowman

5. Site Map for portfolio page Home page: Introduction /photo ResumePortfolioContactReferences Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

6. Sadie

7. Site Map for Sadie Home page: Introduction /photo Foster Siblings PortfolioContactReferences Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

8. Copydeck for Sadie

9. LinkedIn Search People search Company search (follow companies) Job search Answers search Groups search Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

10. LinkedIn Apps Reading List by Amazon SlideShare Presentations Lawyer Ratings Portfolio Display Real Estate Pro Wordpress Events Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

11. 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 kriscb@uw.edu Twitter:@kris_bowman

12. Hosting your site UW web publishing (Activate Dante account) – https://uwnetid.washington.edu/manage https://uwnetid.washington.edu/manage – Transfer files using Secure FTP (http://www.washington.edu/itconnect/security/tools/#sftp)http://www.washington.edu/itconnect/security/tools/#sftp – Also access files from https://catalysttools.washington.edu/filemanager/ https://catalysttools.washington.edu/filemanager/ – URL is http://students.washington.edu/uwnetidhttp://students.washington.edu/uwnetid Wordpress (http://www.wordpress.com)http://www.wordpress.com Google sites (http://sites.google.com)http://sites.google.com Workspace (https://catalysttools.washington.edu/workspace/getstarted)https://catalysttools.washington.edu/workspace/getstarted Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

13. Wordpress Themes Custom headers Static or dynamic Widgets Post vs. Page Linking Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

14. 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 kriscb@uw.edu Twitter:@kris_bowman

15. 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 kriscb@uw.edu Twitter:@kris_bowman

16. URLs File and folder names become part of the URL - keep them short Use lower case letters Don’t use spaces Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

17. 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) 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 kriscb@uw.edu Twitter:@kris_bowman

18. 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 kriscb@uw.edu Twitter:@kris_bowman