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
Tuesday, October 27
PLEASE REVIEW:
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
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>
Here's something new:
https://fontsplugin.com/google-fonts-css/
how to embed youTube videos:
** The
code should look something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/1M2OkT_I6LM" frameborder="0" allowfullscreen>
</iframe>
helpful links:
CSS OPACITY AND TRANSPARENCY
Branding, identity, and logo-design explained
HOMEWORK:
FINISH Project #2 (Website, HTML & CSS, Branding)
Please email me with any questions: rtsmith@towson.edu