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/2020/365/page1.html

My website is: ryansmithart.com

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 "365" directory, is saved in a "2020" 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 -
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




This is what a basic .html page looks like. It has a head, with a title. And, a body, where most of your images and paragraphs go.
* Note: Images must be saved in the same folder with your .html page.



<!doctype html>
<html>
<head>
<title> 365 </title>
</head>
<body>
<p>
some text
<br>
<img src="me.jpg">

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



You can use text editors to create the .html pages ( - BB Edit or Brackets )

After your page is edited/saved, you can open it in a webbrowser (Safari, Google Chrome, etc.)