ryanSmithART.com/courses/2015/365



- week 12-


Homework was to:
* Research 3 products online
* Make 1 wireframe drawing

- talk about "Project D"

Student Work:
Neck Basket | Game Boy | ??? | Dream Catcher | "Man-Stache" | "SolaFeet"

solafeet.com

- branding, identity, & logo design
example: lowdi.com

**TALK ABOUT GRADES**

Talk about : ryansmithart.com/installations

* Talk about getting audio from iTunes to your website
http://www.animal-sounds.org/

audio (html 5):
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


CSS:

audio { display:none; }

what's a favicon?


Things to study for the test/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/other/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 them?
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>

other web design stuff:

What's a favicon?

What's the hexadecimal code for:
red, green, blue, yellow, magenta, cyan, white, black, light & dark grey




More with JavaScript:


a little more javascript?

<script type="text/javascript">
alert("this is an alert box!");
alert("this is also an alert box!");
</script>

<p>
<a href= "javascript:void(0)"onclick="window.open('http://www.htmlgoodies.com/primers/jsp/article.php/3586411'
,'linkname','width=800,scrollbars=yes')" >
<input type="submit" name="button" id="button" value="blah blah" /></a>
</p>


Fun Stuff:


HELLO

<a href="#"onMouseOver="alert('HELLO!')";>HELLO</a>

BG Color: Green Yellow Red Brown White
<a href=""onmouseover="document.bgColor='green'">Green</a>

http://www.mica.edu/


Another jQuery Slideshow

HOME WORK

continue working on "Project D"