*Review: File Management
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
Today...
Talk about:
your class web page
**TALK ABOUT GRADES**
- GPA
-Your Portfolio?
Talk about "PROJECT #2"
* Branding, identity, & logo design
& Brand, branding, identity...
examples:
- christhurman.com
- studioix.com
- whirlpool.com
LINKS:
HOTDOG.HTML
TALK ABOUT NET.ART
What is net art?
Examples of net art
Student Work:
~ChrisGipple_Project%20C/
~ewillia1/388/Net_Art
What is inappropriate for a college classroom?
- buttons
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.
smoothScrolling
<!-- HTML FOR <BODY> SECTION -->
<div class="main" id="section1">
<h2>Section 1</h2>
<p>Click on the link to see the "smooth" scrolling effect.</p>
<a href="#section2">Click Me to Smooth Scroll to Section 2 Below</a>
<p>Note: Remove the scroll-behavior property to remove smooth scrolling.</p>
</div>
<div class="main" id="section2">
<h2>Section 2</h2>
<a href="#section1">Click Me to Smooth Scroll to Section 1 Above</a>
</div>
/*CSS FOR SMOOTH SCROLL */
<style>
#section1 {
height: 600px;
background-color: pink;
}
#section2 {
height: 600px;
background-color: yellow;
}
</style>
//JAVASCRIPT & JQUERY:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
Adding sound to a Btn. (youtube.com)
HOMEWORK:
Write 2 paragraphs about your final project.
- Think of how to apply user experience design to a website.
* Create a Mock-Up of the website using Photoshop, InDesign or Figma