How To Write A Web Page

Table of contents:

How To Write A Web Page
How To Write A Web Page

Video: How To Write A Web Page

Video: How To Write A Web Page
Video: HTML Tutorial - How to Make a Super Simple Website 2024, May
Anonim

Everyone can write websites, and learning the craft starts with creating simple web pages. No special equipment is required for work - a standard software package is enough.

How to write a web page
How to write a web page

It is necessary

  • - the "Notepad" program;
  • - Adobe Photoshop.

Instructions

Step 1

On a local drive, create a folder where your site will be saved. It is impractical to keep documents on the desktop; when the system is rearranged, the files will be destroyed. And if you transfer the created web pages later, you will need to change the paths to all links.

Step 2

Open Notepad, select the "Save As" menu command, write down the file name with the html extension, for example, Moi_sail.html. It is better to write the names in Latin letters so that they are displayed correctly. Select the folder on your computer created for the site where you want to save the page.

Step 3

Close notepad - a browser icon should appear in its place, otherwise double-check the extension is correct. If it is incorrect, delete the file and create a new one in its place.

Step 4

Right-click on the icon and select the "Open As" command, find "Notepad" in the drop-down list.

Step 5

Write down the main tags that are the basis for any web page. You must have the following: site head site body

Step 6

Remember the main tags, or better prepare a cheat sheet for the first time. Such information can be found on many sites, for example, at https://htmlbook.ru/ or https://html.manual.ru/. Most tags should be "closed", ie. duplicate with a slash: This section of text will be bold, but this will not.

Step 7

The visible part of the page is written between the tags, styles are included in the head, some design elements for browsers and other attributes. You will most likely need the following tags: - - icon in the browser window; -

- table,

- column,

- string, background - background image; - - insert images; - - insert links.

Step 8

You will need a separate folder for pictures. Pass all illustrations through the graphics editor Adobe Photoshop and select the "Save for web" command in the Images folder, which will be created automatically.

Recommended: