• Things you probably already know:
  • What is the Internet?
  • What is the Web?
• What is the URL?
• What is html?
• What is the basic minimum html required to make a web page (not very pretty, but still a web page)?
• The building blocks: TAGS (the basic elements) and their attributes
• the link tag
• Differences in Operating Systems, Screens, etc.

• How to put an image in your page

Homework: Add an image to your page.

A tutorial link:

• http://www.w3schools.com (my favorite)

a file to play with

Week 3:

• The difference between style and content: css and html
• What other elements contribute to a web page?
• What is a well designed web page?
• What is a well-made document?
• What are the principles of Universal Design?
• Fonts
  • the old (and not recomended) way
  • variation 1 - using css inline
  • variation 2 - using css in the header
• What is good design ?

• What makes a good web page good?
• What makes a bad web page bad?
• More tags and properties.
• Let's talk about design
• Did the colors you selected for your page work well for people with low vision or color-blindness?
• Basic usability and accessibility rules

a fun site for bad design

• The acceptable types of images
• Placing your image (the old-fashioned basic html way)
• Background Images: Some things to Look Out for
• Introduction to background images
• Background tiles
  • seamless
  • not

• one excellent example of css to make just about any layout
• listamatic -- a great way to make stylish menus
• Another great source of layout with css for various columns

• absolute, relative, fixed

Redesigning the Media Arts and Technology web site

• Do a total redesign, but using the text provided in the materials
• First part is to submit your design as a drawing, or a photoshop file; and do a style guide. (not CSS but a description of what your design requirements are, we'll discuss in class).
• This is what you need to use:
  • Instructions for basic redesign
  • Information about the bmcc Logo
  • The traditional style guide to download
  • Materials, in a zip file (right click to download and unzip)

1. a jpg of your design or designs
2. A completed WebStyleGuide-midterm.doc describing your design, including your colors in hexadecimal

• Cascading Style Sheets: What does that really mean?
• An introduction pdf on css
• The format for style statements in a pdf
• The box model and display options in a pdf

You have to practice with as many different layouts as you can.

• Experiment with the different templates in Dreamweaver.
• Try out the grid template at the website for our textbook.
• Use google to find tutorials on youtube.
• Practice as much as you can.
• Check back with CSS Zen Garden.
• Keep at it. You will get it!

• Some basic information about audio
• Some basic information about video
• Some Examples of audio, flash and video in a page.
• Learn about putting audio in your page
• Learn about Plug-ins and the Object tag
• And my favorite: the embed tag

• Learn the process of Project Management
• Create a Creative project brief
• Write up your style issues.