TOWSON WEATHER :
83° - 68°, Showers and thunderstorms likely

---

Let's open up Adobe Photoshop & Dreamweaver

NOTE: We might start using WeTransfer

Quiz Questions for Week #3: 
1) What is typically the first file of your website saved as?
2) Name 3 “Required materials” for your ART466 class.
3) There are many programming languages, and different types of code; 
      name 3 coding languages that we will cover in this class. 
4) Name 2 webbrowsers. 
5) Name 2 search engines. 

---

(Review) HTML basics: 

*LINK 2 PAGES TOGETHER*

Headings:
<h1> </h1>

**File formats: 

. jpg, gif, png, pdf, txt, html 

div tags:
<div id="name">

CSS 

-CSS Syntax

***External Style Sheets

<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 */

---

talk about Project #1

EXHIBITIONS & ARTISTS:

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

Rafaël Rozendaal 
Alex Heilner 
Carrie Fucile

---

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 

ID vs. Classes
* htmldog.com


* CSS styles can be applied to general page elements, CSS Classes, and specific items: 

img { border: solid #000 10px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span> 

#about{background-color:#ccc;} 
This rule applies to just the specific element that has an ID value of about:

---

HOMEWORK:

Get started on Project #1 

[part 1] 

- Draw your site structure diagram. 

- Create a wireframe for your 1st project

- Find or make a logo for your website. 

[part2] 

Using one exernal style sheet, start making a navigation bar for "Project #1". 
- Example
...all due next class

- Put all of your images, HTML, & CSS page in 1 folder 
- You can compress it into a .zip file 

Remember...

Required materials for this class:

(1) a flash drive or hard drive: 2GB or more
(some external device to store your work on)

(2) *Personal Web Space (Towson user accounts are fine)

(3) a sketchbook, something not too big, about 8x10 inches 
(for notes and sketches) 

(4) something to write & make drawings with

---