Message to Juda and Colt - Friday, Oct 28, 2016

We can use web pages to exchange messages until I write a simple program to use JavaScript and PHP to share messages that we will enter in a form on a web page.

I would like you to read the messages like this one and then put an HTML file in your website with your reply.

I am typing out this web page using Notepad++. I would like you to be able to look at the HTML for this message. I plan to put a link in to a page showing how to do that.

My thought is that you could copy the code from this file and paste it in a Notepad++ file which you could save as an HTML file and upload to your website. I could find it and view it there.

I especially want you to notice first 4 lines of code (from"Doctype" through the "meta" lines of HTML code) in the HTML file for this page. I strongly encourage you to include these lines at the start of any HTML file you create. Some browsers will not open a file correctly without these lines of code.

I am going to write out some things I want you to know about HTML. You may already know some of them.

Your website and HTML files:

If a user enters your website URL as "judah.ssweb.us" or "colt.ssweb.us" the browser will look for a file called index.html. If it finds one, it will open it. MIf it does not find one, most servers will then do nothing, but this server is set to list the files in your website folder. Users can click on any of the files and the browser will open it if possible.

Browsers can open several different formats, including : .html, .pdf, .mp3, and .mp4

If a user types in the "full path" of a file in your website, the browser will open it. For example, if you have an file titled myPage.html in your web site. The full path for that file would be "judah.ssweb.us/myPage.html". (similarly for Colt)

Other things to notice in this file:

Notice the use of CSS classes like "pg_title" and "paragrph_title". If you do not know CSS, I strongly encourage you to take the CSS tutorial (click here)

Notice the use of HTML code for the link to "click here" above. Notice the use of "target=_blank" in the link to cause it to open a new window rather than replacing the current window. If that "target=_blank" were not there, the page opened by the link would replace this page.

Filezilla

I think you have learned how to use Filezilla to transfer files to your web site. You can also drag files from your website to your computer. You can also right-click files listed in Filezilla and use the commands offered by that (e.g. delete)

If I put a file in your website, you can drag it to your computer and open it with Notepad++ to see the HTML code for that file. I plan to put a copy of this HTML file (message_1.html) in your website.