The Web

Building a Web Site

Setup Your Web Site on a Local Server

Configure a Web server on your local network to store your Web site while you create it.

If you plan to use a Text Editor as suggested in the information panel on the right. Then you will need to prepare your computer for the development and publishing process. Below you will find an explanation for this process on a Windows 7 platform.

The process of editing and uploading to your Web server can be done with the UltraEdit editor. Later we will show you a more powerful method that can be used to maintain large Web sites with hundreds or even thousands of pages. But, for now, we will do all the work from within this Editor.

First thing we must do, is to create a directory structure to hold your Web pages. This will be an exact model of your Web site that can be viewed on your local computer.

With your mouse click on the Start button and choose Computer. This will open a new Windows Explorer window. In the panel on the right double-click on the (C:) Drive.

This will take you the C: drive. For some, this will be the only disk drive on their system. The C: drive is normally the default drive where all permanent storage of data takes place. This drive also holds the Operating System (in this case Windows 7) and all installed software.

If Windows Explorer has two panels, the one on the right will have a list of directories on your C: drive. At the top of Windows Explorer should be an option to create a New folder (new directory). If so click on that - if not, right-click on the white space in the folder panel (on the right) and choose New > Folder. A new folder will be created and the default name “New folder” will be highlighted - you must type the name of your folder in this space. On my system I typed w3 for the folder name. All of our Web site files will be stored under this w3 folder.

Now double-click on the w3 folder. This will take you into the folder - it will be empty. This is where we will create another folder with a name similar in name to the domain name you have chosen. For example if your domain name is, I would name this folder MyDomainCom. In the case of the folder was named CodeAxCom. You can call these folders anything you like, but this naming method works well when you have more than one Web site. I will be using the CodeAxCom file folder - your folder name will be different. All of the files for your Web site will go into this folder.

Now start your text editor (UltraEdit) and copy the following HTML code (on the right) into a new file. Save this file into the w3/CodeAxCom folder. Remember your folder name will be something other than CodeAxCom. Give your new file the name of: index.html and save it. Now from Windows Explorer click on the index.html file you just saved. This should open your default Web browser with your new web page. Congratulations!

Next time we will look at setting up the 1and1 account, and moving your HTML files to the Server.

You will need a domain name

Get a domain name and a company to host your site.

We are using 1and1 for our hosting and domain registration.

Once you have your account: if you choose the 1&1 Business package, you can download from your Control Panel a copy of Adobe® Dreamweaver® CS5.5 to help you design your Web site.

There are many good books on Adobe® Dreamweaver® if you choose to go that route.

Another possibility is to learn HTML, CSS and other coding technologies that can give you complete control over the look and the functionality of your Web site.

We use UltraEdit as our text editor from IDM Computer Solutions.

UltraEdit is a powerful tool for writing code and developing Web sites.

You can download (this is the Windows version) and try UltraEdit before you buy it! This download is the fully-functional version of the application and includes all features. UltraEdit is available in the following languages: English, French, German, Italian, Korean, Simplified Chinese, Japanese, and Spanish.

There is a 30 day trial period. After this period expires, you must purchase a license to continue using UltraEdit.

HTML Code:

<!DOCTYPE html> <html lang="en"> <head> <title></title> </head> <body> <h1>Hello World</h1> <p>This is my first Web page!</p> </body> </html>