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!