That visitors did not get lost on the website and from any page could refer to the necessary section of a resource, it is necessary to make the menu of navigation. The specifying elements should be placed on web pages so that they did not prevent reading the text and at the same time them it was possible to find without effort on the website. Visitors can get to the necessary parts of a resource at clique on corresponding words or to images. For supply of a resource with such menu it is enough to enter the simple code in the necessary parts of the website.
It is required to you
- - existence on own website of several pages or sections
- - several small icons on a website subject
- - the nobility how to fill in pictures on the website
Instruction
1. That the menu bar was the link, write it as follows:
<http: href= "" ⁄ ⁄website.ru""> HOMEPAGE </a>
In this record replace http: ⁄ with ⁄website.ru with the address of the necessary page.
2. The code of the horizontal menu consisting of text references registers so:
<http: href= "" ⁄ ⁄website.ru""> HOMEPAGE </a>
|
<http: href= "" ⁄ ⁄website.ru/gallery""> GALLERY </a>
|
<http: href= "" ⁄ ⁄website.ru/forum""> FORUM </a>
|
<http: href= "" ⁄ ⁄website.ru/guestbook""> GUEST BOOK </a>
3. As dividers between items of menu which is located to the line serve vertical strokes. For a set of a character"" |"" from the keyboard it is necessary to click and hold on the English layout one finger the SHIFT key, and to others - to select the button"" | / \"" which is to the right of a letter of Kommersant. Surely to a stroke and after it put a space that menu items were at distance from each other.
4. It is possible to create the vertical menu from links by means of such record:
<http: href= "" ⁄ ⁄website.ru""> HOMEPAGE </a>
<br>
<http: href= "" ⁄ ⁄website.ru/gallery""> GALLERY </a>
<br>
<http: href= "" ⁄ ⁄website.ru/forum""> FORUM </a>
<br>
<http: href= "" ⁄ ⁄website.ru/guestbook""> GUEST BOOK </a>
5. In this case acts as a divider of parts of the menu the <br> tag which transfers the text following it to a new line.
6. If you want to make menu items not in the form of words or phrases, and in the form of images which will serve as links, then at first fill in all pictures which will be used in navigation of a resource on the website.
7. To place the picture on the web page, neokhodimo in the right place to place this code: For placement of own image instead of http: ⁄ ⁄website/images/1.png write path to the necessary picture which is filled in on your website.
8. Register each paragraph of the graphic menu thus:
<http: href= "" ⁄ ⁄website.ru""> <http: img src= "" ⁄ ⁄website/images/1.png""> </a>
In this code replace http: ⁄ with ⁄website.ru with the necessary address, and <http: img src= "" ⁄ ⁄website/images/1.png""> with the code of the necessary picture.
9. It is possible create the horizontal menu consisting of images thus:
<% table border=0 width=100>
<tr>
<td>
<http: href= "" ⁄ ⁄website.ru""> <http: img src= "" ⁄ ⁄website/images/1.png""> </a>
</td>
<td>
<http: href= "" ⁄ ⁄website.ru/gallery""> <http: img src= "" ⁄ ⁄website/images/2.png""> </a>
</td>
<td>
<http: href= "" ⁄ ⁄website.ru/forum""> <http: img src= "" ⁄ ⁄website/images/3.png""> </a>
</td>
<td>
<http: href= "" ⁄ ⁄website.ru/guestbook""> <http: img src= "" ⁄ ⁄website/images/4.png""> </a>
</td>
</tr>
</table>
10. In this code all pictures which are in cells are located in one line of the table. The table width set not in pixels, and as a percentage allows to stretch table contents on all width of a window irrespective of display resolution. The <tr> tags and </tr> form a line of the table, and <td> and </td> - one of cells.
11. To place such graphic menu on the website, replace in the code of the link, path to images and names of sections of a resource with own.