1 / 18

Creating a portfolio website

Creating a portfolio website. Kristina Courtnage Bowman kriscb@uw.edu 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?

taipa
Télécharger la présentation

Creating a portfolio website

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • What am I trying to accomplish? • What values or adjectives do I identify with? (name 3) How will I stay true to these online? • 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 Resume Portfolio Contact References Kristina Courtnage Bowman kriscb@uw.edu Twitter:@kris_bowman

  6. Sadie

  7. Site Map for Sadie Home page: Introduction/photo Portfolio Contact References Foster Siblings 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 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 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) 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

More Related