Terri Karp of Web Developers Studio<br />How I become a <br />Web Developer<br />What I like about it <br />(and what I do...
How did I get here?<br />Major: Economics, Minor: Art History <br />and a few Computer Science classes <br />Programming m...
What I’ll tell you<br />      How I become a<br />      Web Developer  <br />  What I like about it<br />       (and what ...
BEFORE At my old corporate job   <br /><ul><li> 45 minute commute to a cubical </li></li></ul><li> NOW<br /><ul><li> 2 min...
 Unsteady income
 No one to blame but me!</li></li></ul><li>BEFORE<br /><ul><li>1 boss for 10 years</li></li></ul><li>NOW<br />       “Hi ,...
What I’ll tell you<br />      How I become a <br />   Web Developer<br />      What I like about it <br />    (and what I ...
Designing a web page <br /><ul><li> Say what?
Persuade = sell </li></li></ul><li>Septic systems are dirty<br />Rework the message:<br />Keep the yard clean<br /> for th...
Persuade to buy<br />Clean colors<br />Simple bullet points explain problem<br />Easy solution<br />
Keep that in mind<br />You are <br />being manipulated<br />by someone<br />to do what they want<br />
Four principles of visual design<br /> Proximity<br /> Alignment<br /> Repetition<br /> Contrast<br />
  Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
Proximity<br />
  Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />Video stuff<br />
Alignment<br />
  Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
Repetition<br />
  Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />Repeated<br />Repeated<br />Repeated<br />Repeated<br ...
Contrast<br />
  Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
Four principles of visual design<br /> Proximity<br /> Alignment<br /> Repetition<br /> Contrast<br />
What I’ll tell you<br />       How I become a <br />    Web Developer <br />       What I like about it <br />    (and wha...
Web code is in tags<br /><h1>Big Heading</h1><br /><h2>Pretty Big Heading</h2><br /><h3>Not So Big Heading</h3><br /><p>Pa...
This is HTML web code<br />
This is the same web page <br />
t<br />File’s name<br />Page’s head<br />Page’s body<br />
What I’ve told you<br />       How I become a <br />Web Developer<br />       What I like about it <br />     (and what I ...
Terri Karp of Web Developers Studio<br />Thanks!<br />
Terri Karp 2010 03 23 V2
Terri Karp 2010 03 23 V2
Terri Karp 2010 03 23 V2
Upcoming SlideShare
Loading in …5
×

Terri Karp 2010 03 23 V2

790 views

Published on

Career Day presentation on being a Web Developer at George White Middle School in Hillsdale, NJ on March 23, 2010.

Published in: Career
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
790
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Terri Karp 2010 03 23 V2

  1. 1. Terri Karp of Web Developers Studio<br />How I become a <br />Web Developer<br />What I like about it <br />(and what I don’t)<br />Some design stuff<br />Some web page stuff<br />
  2. 2.
  3. 3.
  4. 4.
  5. 5. How did I get here?<br />Major: Economics, Minor: Art History <br />and a few Computer Science classes <br />Programming mainframes in Cobol<br />Designed an online Order Processing system (before there was Amazon!)<br />Did a few websites for fun and charity <br />Job outsourced to another country. Uh oh!<br />People started paying me to do their website<br />
  6. 6. What I’ll tell you<br /> How I become a<br /> Web Developer <br /> What I like about it<br /> (and what I don’t) <br /> Some design stuff<br /> Some web page stuff<br />
  7. 7. BEFORE At my old corporate job <br /><ul><li> 45 minute commute to a cubical </li></li></ul><li> NOW<br /><ul><li> 2 minute commute!</li></li></ul><li>But BEFORE at my old job<br /><ul><li>I did have nice colleagues and perks</li></li></ul><li>NOW I also don’t like: <br /><ul><li> Paperwork and billing
  8. 8. Unsteady income
  9. 9. No one to blame but me!</li></li></ul><li>BEFORE<br /><ul><li>1 boss for 10 years</li></li></ul><li>NOW<br /> “Hi , I own a granular, septic additive business.”<br />
  10. 10. What I’ll tell you<br /> How I become a <br /> Web Developer<br /> What I like about it <br /> (and what I don’t)<br /> Some design stuff<br /> Some web page code<br />
  11. 11. Designing a web page <br /><ul><li> Say what?
  12. 12. Persuade = sell </li></li></ul><li>Septic systems are dirty<br />Rework the message:<br />Keep the yard clean<br /> for this kid<br /> to play<br />
  13. 13. Persuade to buy<br />Clean colors<br />Simple bullet points explain problem<br />Easy solution<br />
  14. 14. Keep that in mind<br />You are <br />being manipulated<br />by someone<br />to do what they want<br />
  15. 15. Four principles of visual design<br /> Proximity<br /> Alignment<br /> Repetition<br /> Contrast<br />
  16. 16. Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
  17. 17. Proximity<br />
  18. 18. Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />Video stuff<br />
  19. 19. Alignment<br />
  20. 20. Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
  21. 21. Repetition<br />
  22. 22. Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />Repeated<br />Repeated<br />Repeated<br />Repeated<br />Repeated<br />Repeated<br />Repeated<br />
  23. 23. Contrast<br />
  24. 24. Bad Alignment<br />Alignment<br /> Repetition<br /> Contrast<br />
  25. 25.
  26. 26. Four principles of visual design<br /> Proximity<br /> Alignment<br /> Repetition<br /> Contrast<br />
  27. 27. What I’ll tell you<br /> How I become a <br /> Web Developer <br /> What I like about it <br /> (and what I don’t)<br />Some design stuff<br />Some web page code<br />
  28. 28. Web code is in tags<br /><h1>Big Heading</h1><br /><h2>Pretty Big Heading</h2><br /><h3>Not So Big Heading</h3><br /><p>Paragraph.</p><br /><imgsrc=“logo.gif"> <br /><a href="http://www.google.com/">Link</a><br />
  29. 29. This is HTML web code<br />
  30. 30. This is the same web page <br />
  31. 31. t<br />File’s name<br />Page’s head<br />Page’s body<br />
  32. 32. What I’ve told you<br /> How I become a <br />Web Developer<br /> What I like about it <br /> (and what I don’t)<br /> Some design stuff<br /> Some web page coding<br />
  33. 33. Terri Karp of Web Developers Studio<br />Thanks!<br />

×