clouds


TOWSON WEATHER :
52° - 45°, Partly cloudy skies this evening..  

UPLOADING


How the web works



NOTE:
This week, move homework (HTML, CSS, & image) files to your desktop.
Prepare to upload your homework(student bio pages) to the WWW

Let's open up Adobe Photoshop & Dreamweaver



CSS

- CSS Positioning & other fun stuff:

*z-index
CSS POSITIONING 
Positioning: W3schools



<link href="466.css" rel="stylesheet" >

styling links

a:link {color:#FF0000;}

h1{
background-color:#CC0;
padding:.5em;
text-align:center;
}


/*this is a comment in CSS code */



Center divs using CSS:

#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;

width:60%;
background-color:white;
padding:10px;
}

****changing the background with CSS 



....... CSS3:

html{
height:100%;
overflow-y: scroll;
background: url(images/bg.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


Google fonts 

talk about Project #1


EXHIBITIONS & ARTISTS:

AVAM
BMA
THE WALTERS
TOWSON
MICA
AIC (chicago)
Chambers Project (CA)
(HIRSHHORN)Yayoi Kusama

Rafaël Rozendaal
Alex Heilner
Carrie Fucile





Here's something new: 

ACTIONS...
- You can try using the Actions Window in Photoshop to record what you do.
- After recording any image size changes, you can replay them...
- Then you can go to: File, Automate, Batch... 
- You can apply these actions to a folder filled with images files 
- And, save yourself hours of time, by not having to reopen, resize, rename, and re-save all your images



HOMEWORK:


Keep working on Project #1


...if you haven't already done so:
Choose a title for the exhibition, find or make up a location, and start making sketches for the website. 
Please have some (approximately 10) images to work with. 
You could also find a video or two (on YouTube or Vimeo). 

When planning your CSS styles, start by coming up with a limited color palette. 
Think about how the overall color scheme can complement the artwork that you will be displaying on the webpage.