introduction to
WEB DESIGN
brookline adult and
community education
SPRING 2012
taught by lou suSi
Slide 2
Slide 2 text
what we’ll cover
HTML, CSS and some light JavaScript in Dreamweaver
and Visual Design in Photoshop
Designing for the Web as presented in a Browser
Slide 3
Slide 3 text
what we won’t cover in this class
Flash or any ‘Multimedia’ Production Designing for All Devices
Slide 4
Slide 4 text
my goals
Slide 5
Slide 5 text
week 1
dip your toes in
Slide 6
Slide 6 text
life in a browser
Slide 7
Slide 7 text
anatomy of a browser
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
html
{ hypertext markup language }
. lou suSi . DESIGN . artist, designer, musician + performer .
the visible part of the website all goes right here
xhtml1-transitional.dtd">
... of Massachusetts”>
... design, designer, fun">
... type=”text/css”>
... type=”text/css”>
Slide 10
Slide 10 text
but that’s not what we’re
covering here tonight
Slide 11
Slide 11 text
html
{ hypertext markup language }
. lou suSi . DESIGN . artist, designer, musician + performer .
the visible part of the website all goes right here
xhtml1-transitional.dtd">
... of Massachusetts”>
... design, designer, fun">
... type=”text/css”>
... type=”text/css”>
Slide 12
Slide 12 text
tags
{ and the anatomy of }
there are really 2 kinds of tags in this world
this kind
a brand new website
and that kind
Slide 13
Slide 13 text
tags
{ and the anatomy of }
most tags look like this, though
