How To Create A Website In Notepad

Table of contents:

How To Create A Website In Notepad
How To Create A Website In Notepad

Video: How To Create A Website In Notepad

Video: How To Create A Website In Notepad
Video: How to make a website using notepad | Beginner's Tutorial 2024, December
Anonim

If you think that building websites is difficult, you are wrong. To do this, you absolutely do not need to study mountains of literature and memorize thousands of specific codes. It is enough to do a number of simple steps, and you will have the very first website that you made with your own hands. We suggest that you make sure of this by creating the simplest website according to the step-by-step instructions, it will take you only a few minutes.

How to create a website in notepad
How to create a website in notepad

Instructions

Step 1

Create a text document on your desktop: "Start" - "Programs" - "Accessories" - "Notepad".

Step 2

Copy the tags below into notepad, they are necessary to create any site.

Step 3

In the title tags, write a theme for your site, for example "Website development". It will look like this: Website creation.

Step 4

Move on to creating the site skeleton. The wireframe is created using an html table. Now we will use the following frame: a header at the top, a similar strip at the bottom, and the main sheet will be divided into two halves. Copy the wireframe code to your notebook.

site menu

Content area

Site header
Site footer

Step 5

Specify the sizes of the cells. Try to make the sizes that we indicated, and then decide what sizes you need. Enter the dimensions in the wireframe codes (these are the parameters height - height and width - width).

Step 6

Select the images of the header, background and footer of the site, insert them into the necessary tags. Pictures are inserted using a tag

… Now the labels "Slide Header" and "Site Footer" should disappear.

Step 7

Connect all the inserted pictures together. To do this, in the tag

in the main table, insert the space between the header and the main space of the site. To do this, paste the alignment parameter in, this is how it should look

Step 9

Save the first page of the site under the index.html code. Re-save the first page of the site, but under a different code: page2.html.

Step 10

Edit the second page, let's say you have links to a site there. Insert link addresses into tags.

Step 11

Don't forget to mark in the code which page is the main page and which page is linked. This will help link the pages together. This is how it should look

The main, Links.

Step 12

Don't forget to add tags, they are needed to move to another line.

Your first two-page website is ready!

Recommended: