WEEK 6
(Tuesday) March 8
*CHECK HOMEWORK*
Talk about Student Pages:
https://ryansmithart.com/2022/365/students.html
NOTE: Let's download FileZilla:
https://filezilla-project.org
* HOW THE WEB WORKS
* UPLOADING
Ira Glass on Storytelling on Vimeo.
****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;
}
(Review)
***External Style Sheets
<link href="365.css" rel="stylesheet" type="text/css" >
an example of a CSS page
CSS: HOW TO & hyperlinks
CHANGING HYPERLINK COLOR
NOTE: I would like you to start playing around with your .css code.
*Double check your hyperlinks, make sure you are NOT linking to URL addresses starting with:
file:///C:/Users/
or
file:///Users/Desktop/...
instead you want to link directly to: art.html
or
a .html page that's in the same folder.
*Make sure that all your pages have titles, and don't say "Untitled Document"
Try changing the colors of your hyperlinks, add a hover effect or 2
* Google fonts *
helpful links:
CSS OPACITY AND TRANSPARENCYCSS Class and ID
CSS Navigation
Try it yourself
More CSS:
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;
}
talk about Project #1
Some examples:- Chuck Close
- Loish
- Beatriz Martin Vidal
Artist/portfolio Websites:
- SamLacombe.com
- Alex Heilner
- Rafaël Rozendaal
- BzSullivan.com
- ReneTrevino.com
HOMEWORK:
FINISH "PROJECT #1"
NEW project due date: Tuesday, March 15th