Week #4
Weather forecast Towson
"Plentiful sunshine. Winds NW at 10 to 15 mph."
82°F - 60°F
*CHECK HOMEWORK*
NOTE: Let's open up Adobe Dreamweaver & Photoshop
Talk about Student Pages:
https://ryansmithart.com/2022/466/students.html
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
* Towson OTS
(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
(Review)
*LINK 2 PAGES TOGETHER*
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;
}
****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
- <ul> & <li>
- Navigation bars
- CSS Navigation
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
* z-index
CSS POSITIONING
-Positioning: W3schools
HOMEWORK:
Project #1
** EDIT: WIRE FRAMES & SITE STRUCTURE **
this week:
- familiarize yourself with HTML & CSS, start planning the website
- make your webpages look better
- finish a draft of the project (that means completed html pages w/ css)
...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.
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