Post on 08-Aug-2015
Terri Karp of Web Developers Studio
How I become a Web DeveloperWhat I like about it
(and what I don’t)
Some design stuff
Some web page stuff
How did I get here?
Major: Economics, Minor: Art History and a few Computer Science classes
Programming mainframes in CobolDesigned an online Order Processing
system (before there was Amazon!)Did a few websites for fun and charity Job outsourced to another country. Uh
oh!People started paying me to do their
website
What I’ll tell you
How I become a Web Developer What I like about it (and what I don’t) Some design stuff
Some web page stuff
BEFORE At my old corporate job
- 45 minute commute to a cubical
NOW
- 2 minute commute!
But BEFORE at my old job
-I did have nice colleagues and perks
NOW I also don’t like:
- Paperwork and billing
- Unsteady income
- No one to blame but me!
BEFORE
- 1 boss for 10 years
NOW
“Hi , I own a granular, septic additive business.”
What I’ll tell you
How I become a
Web Developer
What I like about it (and what I don’t)
Some design stuff Some web page code
Designing a web page
- Say what?
-Persuade = sell
Septic systems are dirty
Rework the message:Keep the yard
clean for this kid to play
Persuade to buy
Clean colors
Simple bullet points explain problem
Easy solution
Keep that in mind
You are being manipulatedby someoneto do what they want
Four principles of visual design
Proximity
Alignment
Repetition
Contrast
Bad Alignment
Alignment Repetition Contrast
Proximity
Bad Alignment
Alignment Repetition Contrast
Video stuff
Alignment
Bad Alignment
Alignment Repetition Contrast
Repetition
Bad Alignment
Alignment Repetition Contrast
Repeated
RepeatedRepeated
Repeated
Repeated
Repeated Repeated
Contrast
Bad Alignment
Alignment Repetition Contrast
Four principles of visual design
Proximity
Alignment
Repetition
Contrast
What I’ll tell you
How I become a Web Developer
What I like about it (and what I don’t)
Some design stuff
Some web page code
Web code is in tags
<h1>Big Heading</h1>
<h2>Pretty Big Heading</h2>
<h3>Not So Big Heading</h3>
<p>Paragraph.</p>
<a href="http://www.google.com/">Link</a>
<img src=“logo.gif">
This is HTML web code
This is the same web page
t
File’s name
Page’s head
Page’s body
What I’ve told you
How I become a Web Developer
What I like about it (and what I don’t)
Some design stuff Some web page coding
Terri Karp of Web Developers Studio
Thanks!