The Anatomy of a Website section 3 | The Anatomy of a Website section 3 |
| CREATING THE INDEX PAGE This first step may be one of the most important tips that I can share with you. I have found that many people do not use the technique of tiling two or more windows on their desktop. This enables you to display both the actual webpage, and the html code that you are writting to create that page.This can really make using Notpad or any other text editor, so much more productive. We'll cover the details of tiling after the basic index page is created and saved to the desktop as covered in the following steps.  Open Notepad now and we will enter the minimum amount of html tags that we need to get the page created and saved.Type in the following html code. ( There can be no spaces inside the tags. ) < html > < head > < title > Our index page < /title >< /head >< body >< p > Our Index Page < /p > < /body > < /html > Now click save and name the file index.html and save it to your desktop as shown in the diagram below. At this point you can open the CODE VIEWER page and check out Lesson 1 .   Creating the index page:Now that we have the index page saved to the desktop, go ahead and close Notepad. You should now have your root folder with the images folder inside of it, and the index page on the desktop as shown in the figure below.   Here you see the index page and the root folder named first site which has the images folder inside of it. Drag and drop the index page inside your root folder. When you double click the folder you should see the page, and the images folder as shown in the figure below. As I mentioned earlier, Tiling two or more windows on your desktop at once allows you to view both your code and the results at the same time, without having to keep switching back and fourth from one window to the other. “In the next section, we will cover this very important topic, so try not to blink!” |
|