week_5

- talk about "Project A"

Project A Examples:

- Alex Grey - Beatriz Martin Vidal - Krzysztof Nowak - Andy Ristaino

*Check Homework



Ira Glass on Storytelling


Review some HTML

div tags:
<div id="name">

Why not use tables?

** LET'S MAKE AN IMAGE GALLERY **

- Open up Photoshop: FILE > AUTOMATE > BATCH...

How to insert a "Rollover Image" (using Dreamweaver)?

#gal{
width:200px;
background-color:#000;
float:left;
color:white;
text-align:center;
margin-bottom:10px;
}

#gal img{
padding:5px;
}

#bigimg{
float:right;
background-color:black;
width:350px;
color:white;
text-align:center;
margin-right:10px;
}

CSS

<link href="365.css" rel="stylesheet" type="text/css" />
* using an external style sheet

....... CSS3:

OPACITY
CSS : image transparency



a img{
opacity:0.4;
filter:alpha(opacity=40);
}

img:hover{
opacity:1.0;
filter:alpha(opacity=100); /*For IE8 and earlier */
}

---

WWW : History

---

How the Web Works

---

REVIEW : Uploading to a Server

FUGU (FTP) Free Download
Step by step FUGU instructions(Towson)

Towson Server name : TU Server
sFTP
tiger.towson.edu
Port : 22

{ If you have not yet done this already... }
1) Save your homework as index.html, then save it in a 365 folder in a Towson directory
2) Upload the 365 folder (with your images, and index.html page) to Towson's server
3) Check to make sure it worked: http://tiger.towson.edu/~username/365/index.html
*4) Email me a link to the URL address

---

HOME WORK (due at the beginning of class, next week)

this week:
- make your webpages [from last week] look better
- finish a rough draft (that means completed html pages w/ css)

NOTE: failure to have a rough draft turned in (1 week before the due date), will result in a 10% drop in your project grade

---