art365 : design_for_the_WWW


webpage:
ryanSmithArt.com/courses/fall2020


SYLLABUS:
syllabusFall2020.pdf


DESIGN FOR THE WWW
ART 365
FALL 2020

TOWSON UNIVERSITY
Tuesdays
mostly at home or CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu






Week#9

Tuesday, October 20







Look at: Week9 - Skull website

open: week9.zip



PLEASE REVIEW:
HTML HYPERLINKS



PLEASE REVIEW:
CSS STYLES
CHANGING HYPERLINK COLOR



HOW THE WEB WORKS




























What's jQuery?



Lightbox

http://lokeshdhakar.com/projects/lightbox2/

Things you need:

css: ( put this in your <head> )
<link href="css/lightbox.css" rel="stylesheet">

js: ( put this above your "closing" </body> tag! )
<script src="js/lightbox-plus-jquery.min.js"></script>

images:
<a href="images/1.jpg" data-lightbox="snoopy" data-title="Ocean Pines">><img src="images/01.JPG"></a>
&
<a href="images/2.jpg" data-lightbox="snoopy" data-title="Image #2"><img src="images/02.JPG"></a>

PHOTO PHOTO PHOTO PHOTO

OR :
<a href="images/cat3.jpg" data-lightbox="roadtrip" data-title="cat#3">
<img src="images/thumbs/cat03.jpg" width="75" height="75" alt="cat">
</a>











helpful links:

CSS OPACITY AND TRANSPARENCY

CSS Class and ID

Branding, identity, and logo-design explained

- UPLOADING






HOMEWORK:



Project #2 (Website, HTML & CSS, Branding)



*Note: Always put all of your images, HTML pages, and CSS in 1 folder

Please email me with any questions: rtsmith@towson.edu









updated 2020
© ryanSmith