Monday, March 5, 2012

editor

Here's the editor. You have to type in a file name. It has to end with .html (or .htm, or it could be other things, like .js, or .somethingelse, but we're creating a new web page, using html, and that's done with an html file).

On the page you can see what are, if you understand them properly, a number of boxes. Look where it says "Untitled". That word is inside a "title" box. The box is made of two "title" thingies. The one on the left and the one on the right are a little different.

What goes in the title box is a word, which the browser displays in the TAB. You can replace "Untitled" with any word you like. You can also display a little picture in the tab, but I don't know how it's done.

The title box is in a head box, and the head box is inside an html box. There can be more than one box in a box, so the html box has a head box and a body box in it.

These boxes are just a bunch of garbage that's left over from another day, but computers still understand them, and it's a pretty simple way to organize things that still works OK, for very simple things. In order to make more complicated pages, we'll start with the boxes, but we'll expand into other kinds of things. (I think.)

folder

Here we are inside the jsx folder. I'm going to use the HTML link to create a new file.

next ..

files

Further down the page, beneath the folders, is files ... hundreds and hundreds of them. We probably want to avoid such a situation. We'll see how that develops. But we'll be using files. There are buttons at the top of the page that allow you to create new files: html files, other kinds of files.

In order to create web pages, and put things on them, we create files. Then people can open those files with their browsers, and the pages display. next ..

jsx

Further down the list of folders, here, is a jsx folder. Jsx stands for JavaScript Experiment.

I just used the Add Directory button to create the new folder.

next ..

file manager

If I'm going to fix this, I had better get started right away. This is web hosting file manager. In order to get this page (with your own folders and files on it), you would have to sign up for a Yahoo! Small Business account. I don't know why you can't just get a web site, but there you have it. Or you could try any of the one billion other web hosting providers ... such as Tripod. (Not affiliate links.)

Web hosting always comes with lots of gimmicks and gizmos that you have to avoid ... or you could try them out ... web site builders, and the like. What you want, when you get an account set up, is the file manager. They all have one, I'm pretty sure.
next ..

ridiculous jQuery

If the whole web is built like this, then it's all going to have to be built by a few people. That's ridiculous.

Another useless product from AppSumo.

But these guys are doing one thing right. We need to post a TON of slides showing how things are done. next ..

Layer 3

Here it is already! I'm starting another layer! The first layer was a list of posts. That made those posts into a group. They were about coffee making, literally and metaphorically. The second layer was some loops that take off from that list ... and return to it.
This third layer is a list of groups of posts. For now, there's only one: