(Wednesday) February 23
Weather forecast Towson : "a mix of clouds & sun", 68°F - 31°F
*CHECK HOMEWORK*
NOTE: Let's open up Adobe Dreamweaver & Photoshop
What's WeTransfer ?
(Review)
***
External Style Sheets
<link href="466.css" rel="stylesheet" type="text/css" >
an example of a CSS page
body{background-color:black;}
CSS:
HOW TO &
hyperlinks
here's my notes:
CSS STYLES
CHANGING HYPERLINK COLOR
(Review)
*LINK 2 PAGES TOGETHER*
Headings:
<h1> </h1>
<em>, <
i>,
<strong>, & <
b>
Div
tags:
<div id="name">
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;
}
File formats:
.
jpg, gif, png, pdf, txt, html
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
****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;
}
helpful links:
Google fonts
CSS OPACITY AND TRANSPARENCY
CSS Class and ID
CSS Navigation
Try it yourself
EXHIBITIONS & ARTISTS:
AVAM
BMA
THE WALTERS
TOWSON
MICA
AIC (chicago)
Chambers Project (CA)
(HIRSHHORN)Yayoi Kusama
Rafaël Rozendaal
Alex Heilner
Carrie Fucile
HOMEWORK:
(
If you haven’t done so already… )
Start by picking a subject and/or artists.
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.
- familiarize yourself with HTML & CSS, start planning the website
- do some research
- get (or make) digital images of artwork
This week:
- finish a draft of the project (that means completed html pages w/ css)