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. If 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
I strongly advise you to avoid spaces in file name. "My_web_page" is a good file name. "My web page" is not. Though it will not always cause a problem, there are situations where it will cause a problem.
Be safe rather than sorry... no spaces in file names!
If a user types in the "full path" of a file in your website, the browser will open it. For example, if you have a 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 the HTML code for this web page:
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" inside the link tag 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. I plan to
explain paths in links in a later message.
Filezilla
I think you have learned how to use Filezilla to transfer files to your web site. You can also transfer files in the opposite direction, from the server to your computer. YWhen Filezilla is connected to your website you
can drag files from your server folder to the left to you computer hard disk directory. 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.