introduction to web design, week 1
DESCRIPTION
Although the presentation on its own sans live talk may provide little value after the event, I thought I'd post this series of PDF presentations as a current example of my presentation design chops and to show the slideshare community what I'm up to in the after-hours wile working at Mobiquity.TRANSCRIPT
introduction to WEB DESIGN
brookline adult andcommunity education
SPRING 2012 taught by lou suSi
what we’ll coverHTML, CSS and some light JavaScript in Dreamweaver and Visual Design in PhotoshopDesigning for the Web as presented in a Browser
what we won’t cover in this classFlash 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=Josefin+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=Josefin+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