Tag Archives: web design

Week #7 – Image Maps and Organizing Site Layouts

What we talked about in class today:

How to create an image map with Adobe Dreamweaver. What types of images work best. Photographs vs. artist created images. Using 3D tools to create graphics.

Adobe Image Map

3D graphics tutorial

Image Map

CSS Tutorials:

Advanced selectors

Block quote and corresponding CSS

Display Block to center an image

Box Shadow CSS for drop shadows effect

choc-waffle-cookie
Screen Shot 2014-10-16 at 8.14.07 PM

Homework:

  1. Ten (10) images (at least 1000 px wide) on your USB drive OR in Dropbox.

Required Reading:

Advertisements

Comments Off on Week #7 – Image Maps and Organizing Site Layouts

Filed under Classes