Introduction to Web Design — Week 1, Dip your toes in

introduction to WEB DESIGN brookline adult and community education SPRING
2012 taught by lou suSi

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

what we won’t cover in this class Flash or any
‘Multimedia’ Production Designing for All Devices

my goals

week 1 dip your toes in

life in a browser

anatomy of a browser

html { hypertext markup language } <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>. lou suSi . DESIGN . artist, designer, musician + performer .</title> <meta name="description" content="artist, design, musician + performer living + working on the North Shore of Massachusetts"> <meta name="keywords" content="lou, susi, lou susi, loususi, bxos, ... <link rel="stylesheet" type="text/css" media="all" href="styles.css" /> <link href='http://fonts.googleapis.com/css?family=Joseﬁn+Slab:light,regular,bold' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </head> <body> the visible part of the website all goes right here </body> </html> xhtml1-transitional.dtd"> ... of Massachusetts”> ... design, designer, fun"> ... type=”text/css”> ... type=”text/css”>

but that’s not what we’re covering here tonight

html { hypertext markup language } <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>. lou suSi . DESIGN . artist, designer, musician + performer .</title> <meta name="description" content="artist, design, musician + performer living + working on the North Shore of Massachusetts"> <meta name="keywords" content="lou, susi, lou susi, loususi, bxos, ... <link rel="stylesheet" type="text/css" media="all" href="styles.css" /> <link href='http://fonts.googleapis.com/css?family=Joseﬁn+Slab:light,regular,bold' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </head> <body> the visible part of the website all goes right here </body> </html> xhtml1-transitional.dtd"> ... of Massachusetts”> ... design, designer, fun"> ... type=”text/css”> ... type=”text/css”>

tags { and the anatomy of } there are really
2 kinds of tags in this world this kind <p>a brand new website</p> and that kind <img src="images/schwittr.jpg" width="183" height="191">

tags { and the anatomy of } most tags look
like this, though <p>a brand new website</p> i always think of ripples when i think of tags

homework

Introduction to Web Design — Week 1, Dip your t...

Introduction to Web Design — Week 1, Dip your toes in

lou suSi

More Decks by lou suSi

Other Decks in Education

Featured

Transcript

introduction to WEB DESIGN brookline adult and community education SPRING

what we’ll cover HTML, CSS and some light JavaScript in

what we won’t cover in this class Flash or any