TOWSON WEATHER : 78° - 66°, Cloudy. Chance of a rain
Takashi Kokubo (小久保隆) - Oasis Of The Wind II
* Let's open up Adobe Photoshop & Dreamweaver

Quiz Questions: 
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

---

- Hexadecimal System

---

*LINK 2 PAGES TOGETHER*

Headings:
<h1> </h1>


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

AVAM
BMA
the Walters
Towson
MICA

AIC (Chicago)
HIRSHHORN (DC)
the Chambers Project (CA)

---

- Using an exernal style sheet, start making a navigation bar.

- Example

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 

.... More CSS:

- CSS Positioning & other fun stuff:

*z-index
CSS POSITIONING 
Positioning: W3schools

---

....... CSS3:

Google fonts 

ID vs. Classes
* htmldog.com

---

HOMEWORK:

Get started on Project #1 

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


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

---