Week#13 with ryanSmith


Build your page using the Bootstrap components.

*Review Commenting <!-- HTML CODE -->
Spéciäl · chara©ters · ¬†dev.w3.org/html5/html-author/charref¬†
*Check Homework
TALK ABOUT "BOOTSTRAP"




Card image cap

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


Card image cap

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


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>

Card image cap
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.

website: ryanSmithArt.com/soundNest









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







rS

contact: rtsmith@towson.edu

Copyright © 2022 · All Rights Reserved · ryanSmithArt.com