Welcome to Thompson Graphic Design. On this tutorial, we will learn how to design a simple website with interactive menu systems. The tools that you will need are simple and can be found on most computers. On Windows machines, the programs that you will use will most likely be Internet Explorer or Mozilla Firefox and Notepad. On Macs, you will use Safari and Textedit. DO NOT, UNDER ANY CIRCUMSTANCES, USE WORD OR APPLEWORKS. The code that you will write will come out as a mispelling.
The first bit of code that we will look at is the simple <html> tag.
This tag is the simplest and first tag used in even the most difficult to program html websites. When starting an html page, you input the html code and it tells the computer that the next document is in html code. At the end of the document you enter a stop command that looks like this: </html>
<html>
</html>
The next important code that we will look at are the "head" and "body" codes. Like any great essay, html codes will have a head or beginning . Those codes are shown as <head> and <body>. The reason why these codes were important is because the document can't distinguish between what to preload and what not to preload. Preloading is important for the end users page to load faster on their computers. Again, like the html tag, the head and body tags need a place to stop so add them in just like the end html tag.
So far, you should have this:
<html>
<head>
</head>
<body>
</body>
</html>
If you have followed us this far, you should have the basic framework of a simple site. The next thing you need would be some text on your page. Without text, well, there really is no need for a page. The text is the core of your site and knowing how to use it is crucial to your success as a new webmaster.
In order to use the power of text, you need to learn some simple codes.
These codes are simple to use and have