*Review Commenting <!-- HTML CODE -->
Spéciäl · chara©ters · dev.w3.org/html5/html-author/charref
*Check Homework
TALK ABOUT "BOOTSTRAP"
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
BOOTSTRAP
LINKS:
What are media queries?
Responsive Webdesign (beginers guide) Responsive Webdesign: article
Fun with media queries...
getBootStrap.com
Beginners Guide (video)
youtube.com/watch?v=WpzT-pTImyo
Bootstrap Grid (video)
youtube.com/watch?v=ceNe37KIjPY (12 columns)
getbootstrap.com/docs/5.1/examples/jumbotron/
getbootstrap.com/docs/5.1/examples/carousel/
FUN STUFF:
Responsive Layout (Template)
jQuery "Slit Slider"
Added CSS
CODE:
<style>
.navbar{
position:fixed;
width:100%;
top:0;
z-index:7000;
background-color:black;
}
h1{
font-family: 'Tapestry', Helvetica, Arial, sans-serif;
color:#00D9E9;
padding-top:30px;
}
</style>
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 for Quiz:
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