Website Design By Using Basic HTML




How to website design in HTML:

If you have the Windows Explorer, you can save your current HTML outline as a website design. So when you want to make a new webpage so you don’t have a need you make it again and again.

In your text editor, delete any text between your two title tags. Now click File and then click on the option of Save As. From the Save As dialogue box change the name of your web page to design.txt.

Then click Save to save the code as a text file. You will be come back to your text editor. Click File > Save As again. Now change the name of the file to newpage.html. In the Save As Type box in Windows, change it to All Files.

Save the file and switch to Windows Explorer. You must have three pages now:

First File:  The website design is a text file rather than a HTML file. From now on, you can open the design text file and do the process again which is as given:

Click File > Save As, change the Save As Type box to All Files, then type a new name for your web page and remember the html ending.

Moreover, there is an issue. If you were to double click your newpage.html file it would open up in your browser but you will want to open it up in Notepad so that you can edit the file and make changes.

For the overcome this issue, you can add an item to the Send to menu in Windows (Macs will have an Open With right click menu. Your text editor should be on there). This shows when you right click the file.

Now, we have Notepad on the Send to menu. Choosing this item means that we can open up the code in Notepad as soon as possible.

To add an item to the Send to menu, come back to your Explorer window. Put the following address in the address bar at the top:

%APPDATA%\Microsoft\Windows\SendTo

Press the Enter key on your keyboard and you will be taken to the Send to folder.

You can now drag and drop items from your Start menu to this folder. (Make sure Windows Explorer doesn’t fill the whole of your screen by clicking the Restore Down icon just to the left of the Red X.)

Click your Windows Start button. From the All Programs > Accessories menu, locate Notepad again. Hold down your left mouse button on Notepad. Keep it held down and drag across to your Windows Explorer and your Send To folder:

Let go of your left mouse button and Notepad will be on your Send To menu when you right click a file in Windows Explorer.

Now you can open up your HTML code in Notepad and makes changes to it easily.

There are some important points to rehearse the whole process, which you have to must remember.

  1. The HTML outline is the foundation on which most internet pages are based
  2. HTML is written in Tags
  3. Tags mostly come in pairs
  4. A Tag is a word determined by angle brackets. Like.: <HTML> </HTML>, <HEAD> </HEAD>, <TITLE> </TITLE>
  5. A pair of tags has as a beginning Tag and an ending Tag. The ending Tag is leading by a forward slash
  6. Add <! DOCTYPE HTML> to the top of all your HTML pages.