art365 : design_for_the_WWW

week:   1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |

webpage:
ryanSmithArt.com/courses/2020


SYLLABUS:
 syllabus2020.pdf


DESIGN FOR THE WWW
ART 365
SPRING 2020
TOWSON UNIVERSITY
Tuesdays
CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu




Week#13



ANSWER THE FOLLOWING QUESTIONS:
https://ryansmithart.com/courses/2020/week12.pdf
and email the answers to me, if you haven't done so already...



HOW TO UPLOAD FILES TO TIGERWEB!





PLEASE REVIEW:


<!-- this is a comment in HTML -->


<a href="name_of_page.html"> Link to a webpage </a>


Headings:
<h1> </h1>

<em>, <i>, <strong>, & <b>


div tags:
<div id="name">





PLEASE REVIEW:
CSS:

-Example #1: (W3 schools)

-CSS Syntax

***External Style Sheets

<link href="365.css" rel="stylesheet" type="text/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:

Google fonts


https://fontsplugin.com/google-fonts-css/



how to embed youTube videos:


code should look something like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/1M2OkT_I6LM" frameborder="0" allowfullscreen>
</iframe>




Here's a project I put together:

https://tigerweb.towson.edu/rtsmith/index.html

You can download my .zip file
https://ryansmithart.com/courses/2020/www_rs.zip
- Look at my code, open up the .css page
- And, see how I've organized my local files.

This week...
- Try making a webpage about yourself.
- Use HTML and CSS code.
- Practice uploading files to tigerweb.


HOMEWORK:


-Using external CSS, design 1 HTML page about yourself and your art/work.
*SAVE IT AS: index.html
-Please use 1 image of your face
-Add in working links to 3 other websites (these can be any websites online, anything you are a fan of).
-Try embedding a youTube and/or a Vimeo video, or 2.
-Write a paragraph or 2 about yourself
-Please use your name has a header
-Practice good onscreen typography
-You can experiment with "Google Fonts"
https://fonts.google.com


You may use the designs you created during the first couple weeks of class.
Or, you can create a completely new color scheme & design.
It's up to you.
And, you will be adding things to this webpage in the future.

Note:
- You can try to upload your homework this week : )
-And, you can try uploading "project2" to your server space:
"ARTIST WEBSITE": "project#2"














updated 2020
© ryanSmith