design for the WWW

back to week #2

HTML:

This is what a boring HTML5 page looks like.
It does not have any CSS, or JavaScript, just html. This will be part of your homework this week. So, pay attention.

1st -
you will notice that the URL of this webpage is: ryansmithart.com/courses/fall2017/page1.html

My website is: ryansmithart.com
If you want to see every class I have taught since 2009:
ryansmithart.com/courses

These are called URL addresses (uniform, or universal, resource locator), and each forward slash indicates a separate folder. These folders are called directories. So, the "2017" directory, is saved in a "courses" directory (like folders inside folders). All of these are stored on a server, connected to the domain name "ryansmithart.com". I will talk more about this some other day, when we talk about uploading.

2nd -
If you add index.html to the end of the URL "ryansmithart.com", it will take you to the same page. The 1st page of most websites is titled index.html (or if you are using some other language it might be index.php). For example, if I type in "npr.org" my web browser will automatically take me to npr.org/index.html

3rd -
You will notice that there are no capital letters, and no spaces in the file names or directories.

Let's all say this out loud, and repeat:

"WHEN CREATING FOLDERS AND FILE NAMES, I WILL NOT USE CAPITAL LETTERS OR SPACES."

For example if I wanted to save an image, I would save it as dalai_lama.jpg in a directory called images
NOT:       Dalai Lammma.JPG in a folder called Images


Let's review:

rtf vs. txt
we will be using plain text
w/ a .html extension



<!doctype html>
<html>
<head>
<title> 365 </title>
</head>
<body>
<p>
some text
<br>
<img src="me.jpg">
or <img src="http://ryansmithart.com/courses/382/1/me.jpg">
me
</p>
</body>
</html>


*view page source

About me:

My name is Ryan Smith, I've been teaching Interactive Media & Web Design classes at UMBC since 2009. I have also taught a variety of Digital Art classes at Towson University.

In addition to teaching, I also get paid to make music videos, video projections, etc. I'm a freelance photographer, graphic designer, and I build websites for people. I enjoy making music with my friends, and when I'm not in front of a computer, I'm making art outside, doing installation projects, or drawing & painting.

Also, I think it's important to spend time outside everyday.

This semester, in addition to teaching you how to code, I want to help you make the art that YOU want to make. This is easier said than done. Most teachers expect their class to be good students. I will be expecting you to be great artists. This means you need to be creative, think for yourself, and take some responsibility for your own education. Do not expect to follow a checklist of what you should or shouldn't do. Do not expect your work to be the same as the person sitting next to you. I'm here to teach you how things work, but I will not hold your hand or build things for you. My classes are hard and challenging. I will make it easy for you to pass this class, but getting an "A" grade is hard.

If you need my help, then ask for it. Don't be afraid of emailing me at anytime, or talk to me before/during class.