Creating a portfolio website
description
Transcript of Creating a portfolio website
![Page 2: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/2.jpg)
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
![Page 3: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/3.jpg)
Personal online identity and brand1. 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
![Page 4: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/4.jpg)
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
![Page 5: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/5.jpg)
Site Map for portfolio page
Home page: Introduction/photo
Resume Portfolio Contact References
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
![Page 6: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/6.jpg)
Sadie
![Page 7: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/7.jpg)
Site Map for Sadie
Home page: Introduction/photo
Foster SiblingsPortfolio Contact References
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
![Page 8: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/8.jpg)
Copydeck for Sadie
![Page 9: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/9.jpg)
LinkedIn Search• People search• Company search (follow companies)• Job search• Answers search• Groups search
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
![Page 10: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/10.jpg)
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
![Page 11: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/11.jpg)
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
![Page 12: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/12.jpg)
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
![Page 13: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/13.jpg)
Wordpress• Themes• Custom headers• Static or dynamic• Widgets• Post vs. Page• Linking
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
![Page 14: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/14.jpg)
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
![Page 15: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/15.jpg)
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
![Page 16: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/16.jpg)
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
![Page 17: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/17.jpg)
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
![Page 18: Creating a portfolio website](https://reader035.fdocuments.in/reader035/viewer/2022081604/56815fd7550346895dced9e9/html5/thumbnails/18.jpg)
Other resourcesCatalyst 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