The Anatomy of a Website section 2

GETTING STARTED   Lets start out by getting our Root folder set up on our desktop, and then create the images folder and index page to place inside of it. We will be using Microsoft's Notepad to create all of our html documents. When saving the html files, make sure that you have the .html extension after the file name, in the file name box. In this case we will name the document index.html.   We will create the root folder on our desktop now by right clicking on the desk top and selecting New folder from the menu. Now rename the folder first_site and then repeat the same steps to create the second folder, and name it images. Drag the images folder to the root folder and just drop it in. Now that our two main folders are created, we can move on to the index page!   Open Notepad now and we can get started on the index page. Figure 6 below shows a screen shot of the desktop with Notepad open. I have placed a shortcut to Notepad on my task bar (circled in red.). If you have never created a shortcut before, then this is the time to start. Instead of clicking on Notepad to start the program, right click on it and hold and drag to the desktop. When you release it, a menu will appear. Select create shortcuts here. You can leave it on your desktop or drag and drop it to the task bar like in figure 6. I suggest that you create shortcuts to all of the programs that you will be using to build your website. Creating the index page: Notice that we are naming the page Our index page.. This is only to keep things simple, and less confusing as we progress through the lessons. We would give the page a much more de-scriptive name if it were  real. Place the .html at the end of the file name. Always save files to the desktop first, and then drag and drop them into the root folder. “Trust me, after the next few sections, everything should start to become less confusing, so don't run away yet!”

NEXT Copyright © 2011 RikkP.com all rights Reserved