Your SlideShare is downloading. ×

Introduction to Web Design, Week 1

598

Published on

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 …

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.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
598
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. introduction toWEB DESIGN brookline adult and community education SPRING 2012 taught by lou suSi
  • 2. HTML, CSS and some light JavaScript in Dreamweaverand Visual Design in PhotoshopDesigning for the Web as presented in a Browser what we’ll cover
  • 3. Flash or any ‘Multimedia’ Production what we won’t cover in this class Designing for All Devices
  • 4. my goals
  • 5. week 1 dip your toes in
  • 6. life in a browser
  • 7. anatomy of a browser
  • 8. html { hypertext markup language }<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" xhtml1-transitional.dtd"><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... ofthe North Shore on Massachusetts”>of Massachusetts"> ... design, designer, fun"><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”>type=text/css><link href=http://fonts.googleapis.com/css?family=Tangerine rel=stylesheet type=text/css> ... 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>
  • 9. but that’s not what we’re covering here tonight
  • 10. html { hypertext markup language }<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" xhtml1-transitional.dtd"><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... ofthe North Shore on Massachusetts”>of Massachusetts"> ... design, designer, fun"><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”>type=text/css><link href=http://fonts.googleapis.com/css?family=Tangerine rel=stylesheet type=text/css> ... 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>
  • 11. 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">
  • 12. 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
  • 13. homework

×