STEP 2 - Creating A Simple 2 Page WebSite

Let us first create our 2 page website. Its very easy. Follow the steps shown below and you have your 2 page website ready.

STEP 1 (Creating Our 2 Page Website folder)
Create a folder by name "Simple" on your C:\ drive. That is your folder path will be "C:\Simple".
(Note: Folder name and path can be anything you want it to be on your system.)


STEP 2 (Copying any one image that we have in the Website folder)
If you have any image with you copy it in the website folder and rename it to Circle , i.e the image path would be C:\Simple\Circle.jpg.


STEP 3 (Creating 2 separate .txt files which will subsequently be the 2 web pages for our website.)
We have created the necessary structure to create our website, no let us start the process of creating the 2 would be web pages for our website.
  • First let us create two .txt files by name Index.txt and Page2.txt in our website folder "Simple".
Create a New Text Document.

Rename the file to Index.txt

Create Page2.txt file in the same way as we created Index.txt


STEP 4 (Adding HTML Code To Our Would Be Web Pages)
Till now we have created and accumulated all the necessary folders and files required for our website. Its now time to add HTML code to our would be Web Pages.

  • Open Index.txt file and add the code as displayed in the image below.

(Note: We all know that if we have to build a house we first need to put a foundation, in similar fashion if we have to build a web page we need to create a foundation. The image above displays the foundation of a web page. You will find this foundation piece of code in almost all the web pages you see on the internet. But since a Professional Web pages have so much HTML code in it, that it becomes difficult to see this foundation. But believe me this foundation exists in almost all the Web Pages you can find on internet.)

  • Modify the above Index.txt file to add your name and web page title to our first would be Web Page.

  • Modify the above code to change your name to a hyperlink. (Hyperlinks are HTML tags which allow us to navigate between the web pages.)

Note: Code should be exactly same as shown above

  • Alright coding part for "Index.txt" is over now lets start coding for "Page2.txt" which is our second page in the website. Open Page2.txt and add the code shown in the image below and save the file.
Note: Code should be exactly same as shown above.

  • After writing our code in both the .txt files its time now to convert these files into Web Pages. To convert them into Web Pages rename the files to "Index.html" and "Page2.html". Once you rename them an Internet Explorer images will appear on both the files. The image below shows both the files after they are converted to Web Pages.
Note: These are the final contents of our 2Page website

Congratulations we have just finished creating our 2Page website.