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



DATES:
Today, September 14th Assign "Project #1"

Week#4

Tuesday, September 14th

Weather forecast Towson : Sunny, 71°F - 54°F

If you have not yet emailed me homework from the 1st two weeks, please do

Assign "project #1"



EXAMPLES:

- Beatriz Martin Vidal
- Alex Grey
- Chuck Close
- "Loish"
- Feng Zhu


REVIEW CSS

-Example #1: (W3 schools)

-CSS Syntax

***External Style Sheets

<link href="365.css" rel="stylesheet" type="text/css" >


Hexadecimal System (RGB)



More CSS

Center divs using CSS:

#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}

****changing the background with CSS

Example:
https://tigerweb.towson.edu/rtsmith/









....... CSS3:

html{
height:100%;
overflow-y: scroll;
background: url(images/bg.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Google fonts

ID vs. Classes
* htmldog.com


* CSS styles can be applied to general page elements, CSS Classes, and specific items:

img { border: solid #000 10px; }
this applies to every image tag in the HTML document

.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span>

#about { background-color: #ccc; }
This rule applies to just the specific element that has an ID value of about:

<div id="about"> About stuff goes here </div>





HOMEWORK:


Start your 1st project:

- familiarize yourself with HTML & CSS, start planning the artist's website
- do some research
- complete 2 webpages with at least 1 image
- create a working link between those 2 pages

*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