Date post: | 22-Dec-2015 |
Category: |
Documents |
View: | 214 times |
Download: | 0 times |
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 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
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 References
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
Sadie
Site Map for Sadie
Home page: Introduction/photo
Foster Siblings
Portfolio Contact References
Kristina Courtnage Bowman [email protected] Twitter:@kris_bowman
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 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