design for the WWW

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/2020/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 "2020" 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



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">

me
</p>
</body>
</html>


*view page source