Building a better web page


Welcome the the new iteration of my notes on building a web page. These are my notes on how a page should be built when I do it for class, or (someday soon, I hope ) a job. I hope other people will read these, comment on them and find them useful

Web pages have become an orchestra of technologies working together. What started out as just a list of resources has gown in the manner of kudzu to include many subsidiary technologies. This particular website will cover how things are done using

There are lots of other cool web page technologies out there. They all work great, and several of them are better for particular tasks than the general tools I have here. Among other things there are

The point of all these technologies is to make web pages dynamic. To make them respond to the user. An example of how to make a page more dynamic is to allow the user to change the page so it is easier for the user to read. At the top of the page are some tools to change the type size and the font. This is handled through basic Javascript and allows the user to adjust things for their comfort. You should play around with the comfort tools. I will use them to explain javascript later on.

A definition

Javascript is an Object Oriented scripting language that allows you to change parts of the page from within the browser

Click here to put this away

The Structure

This web page is going to go through the process of building a web page using various technologies. It will be an iterative process, as each technology depends on the others.

    The process will look like:
  1. basic HTML
  2. some basic CSS
  3. An introduction to scripting
  4. an introduction to PHP
  5. A lot of discussion of MySQL
  6. a bunch more PHP
  7. Some more HTML stuff
  8. more PHP
  9. More MySQL

The Web application I will show you the process of building is a simple library. A few books, a few authors a few employees, and a lot of organization.

Back in the days before computers were ubiquitous, there was a large cabinet full of small cards called the Card Catalog. You could look up books by subject, author or title. I am going to model the web page here after the card catalog.

If you did a search, several things happened. First, The PHP engine parsed your request, translated it into MySQL, retrieved the result, then translated the result from the MySQL request into HTML code and then rendered a new web page using the information you requested. In a real library, you would have been given the Dewey number as a reference to where to find the book on the shelves as part of the output. If you want to find out what all that means, click on page two below or the link to the next page and begin the process of finding out by starting out with HTML.