*Check Homework
FUN STUFF:
https://gifrun.com
https://tigerweb.towson.edu/sblack18/proj2/games.html
Chakras
Since 2019, ryanSmith has been creating large-scale, mixed-media, paintings on wood doors. Originally, the doors were on the closets of Smith's home. After removing the doors, Smith began painting on the backs of these 77-inch wood panels. Starting with the "Root Chakra", each door is based on a Chakra.
"Chakras" (7 Doors), Mixed media paintings, 2019-2022
by Ryan Smith
View More
ryanSmith:
ryanSmith is a multimedia artist from Baltimore, Maryland. Currently, Smith works professionally as an installation artist, freelance photographer, web designer, graphic designer, musician, and video specialist.
Since 2001, he has been creating a body of work, in a variety of media that focuses on the contrasting sides of human emotion, and how to cope with the extremes of our natural instincts. Playing with the physics of reflected and refracted light, he constructs installations using photography, video projections, and mixed media to create a psychologically stimulating atmosphere...
View Website
Today...
Talk about:
your class web page
**TALK ABOUT GRADES**
- GPA
-Your Portfolio?
links:
ARTISTS' WEBSITES:Rafaël Rozendaal
http://www.jasonsloan.com (wordPress)
https://www.hatcherdesignoffice.com (squareSpace)
https://heilner.net
STUDENT WEBSITES:
https://deannac713.wixsite.com/dcdesign
PROFESIONAL WEBSITES:
biomedicalodyssey.blogs.hopkinsmedicine.org/2019/05/left-vs-right-brained...
https://ryansmithart.com/soundNest
https://www.egressescaperoom.com (not responsive/Wix)
https://sacred-flower.com (goDaddy)
https://aliflailasitar.com (goDaddy)
https://www.carriefucile.net (SquareSpace)
HOSTING:
https://www.godaddy.com
& BlueHost (w/ WordPress)
soundNest
SOUNDNEST was a wildly colorful large outdoor installation, in Baltimore, MD, approximately 60x30 feet. Sound artists, Justin Miller, and ryanSmith, constructed dozens of handmade instruments for the public to play inside "soundNest". These instruments included: bells, gongs, drums, wind chimes, cymbals, and handmade kalimbas.
During the three days of Artscape, over 20 experimental musicians played onstage, inside "Sound Nest". Blurring the borderline between audience and performer, the musicians were to harmoniously perform with the cacophony of sounds made by the random, public participants.
Review:
File management:
What should you save the first page of your website as?
What's a server?
What's a directory?
What's an IP Address?
What's a DNS?
What's FTP?
In the following URL, what's the domain name, and what's the file name?
http://ryansmithart.com/photos/Philly.html
What's the difference between a web browser & a search engine?
<!-- HTML-->
<html>
<head>
<title> my title </title>
</head>
<body>
stuff
</body>
</html>
Paragraph tags
Line Breaks
Emphasis tags
Strong tags
Inserting an image
<img src="images/flower.jpg">
How to create a link
<a href="http://www.npr.org"> NPR News </a>
/ * CSS */
CSS Syntax:
p {color:red; font-family: Arial, Helvetica; }
How to Change the color of your links:
a:link {text-decoration: underline; color: #000;}
a:visited {text-decoration: underline; color: #000;}
a:hover {text-decoration: none; color: #FFF; background-color:#0F0}
a:active {text-decoration: none; color: #000;}
CSS styles can be applied to:
general page elements, CSS Classes, and specific items (ID values).
How do you code CSS Classes and ID values?
p{color:red; }
.title{font-family:Arial Black; background-color:#CCC; }
#footy{height:20px; position:fixed; bottom:0px; width:100%;}
<span class="title"> This is the title </span>
<p>Red Text</p>
<div id="footy"> Footer </div>
What's the difference:
{position:fixed;} & {position:relative;}
What's "z-index"?
What's a Favicon?
What's the hexadecimal code for:
red, green, blue, yellow, magenta, cyan, white, black, light & dark grey
Adding sound to a Btn. (youtube.com)
https://freeanimalsounds.org
This can go in the <body> of your .html code:
<button id="btn" onclick="audio.play();"> Click for <br>
Quacks </button>
<script type="text/javascript">
const audio = new Audio();
audio.src="duck.mp3"
</script>
This can go in the <head> section:
<style>
body{
color:red;
width:100%;
height:100vh;
background:#000;
display:flex;
justify-content:center;
align-items:center;
}
#btn{
width: 200px;
height:70px;
border-width:4px;
border-radius:35px;
font-size: 25px;
font-weight:bold;
color:red;
cursor:pointer;
}
#btn:active{
font-size:23px;
}
</style>
Gradient Backgrounds
Linear Gradient
Video Background
CSS SlideShow
Automatic SlideShow
CSS background-position:
body {
/* images size: 200px */
background-image: url("pup.png");
background-repeat: no-repeat;
background-position: right bottom;
}
HOMEWORK:
Get started on your final project!
- Think of how to apply user experience design to a website.
& Study for your quiz :)
