Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° Bookidrom.ru! БСсплатныС ΠΊΠ½ΠΈΠ³ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ»ΠΈΠΊΠ΅

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ Β«Π’Π΅Π±-Π‘Π°ΠΌΠΎΠ΄Π΅Π»ΠΊΠΈΠ½. Как самому ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт быстро ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΒ». Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 16

Автор АлСксСй Π“Π»Π°Π΄ΠΊΠΈΠΉ

ΠšΡ€ΠΎΠΌΠ΅ этого, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° align Ρ‚Π΅Π³Π° <table> ΠΌΡ‹ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅ΠΌ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ ΠΏΠΎ сСрСдинС Π²Π΅Π±-страницы, Π° этот ΠΆΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π² ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ с Ρ‚Π΅Π³Π°ΠΌΠΈ <td> ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π½Π°ΠΌ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ содСрТимоС ячССк ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ.

Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ нашСй страницы Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² листингС 1.8.


Листинг 1.8. Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ ячССк

<html>

<head>

<title>Компания "Π’ΠΎΡ€Π³ΠΎΠ²Ρ‹ΠΉ ΠΌΠΈΡ€"</title>

</head>

<body>

<h1>Π”ΠΎΠ±Ρ€ΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°Ρ‚ΡŒ!</h1>

<i>ΠœΡ‹ Ρ€Π°Π΄Ρ‹ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ вас Π½Π° сайтС нашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ООО Β«ΠœΠΈΡ€ Ρ‚ΠΎΡ€Π³ΠΎΠ²Π»ΠΈΒ»</i>. Π£ΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ <u>пяти Π»Π΅Ρ‚</u> ΠΌΡ‹ занимаСтся ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ΠΉ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ ΠΎΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ услуг. <b>НиТС прСдставлСны списки основных ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Ρ€Π°Π΄Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ</b>.<br>

<table border="2" align="center" cellpadding="10">

<tr>

<td bgcolor="yellow" align="center"><b>Π’ΠΎΠ²Π°Ρ€Ρ‹</b></td>

<td bgcolor="yellow" align="center"><b>Услуги</b></td>

</tr>

<tr>

<td align="center">ΠΏΡ€ΠΎΠΌΡ‚ΠΎΠ²Π°Ρ€Ρ‹</td>

<td align="center">Π³Ρ€ΡƒΠ·ΠΎΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·ΠΊΠΈ</td>

</tr>

<tr>

<td align="center">стройматСриалы</td>

<td align="center">отвСтствСнноС Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅</td>

</tr>

<tr>

<td align="center">ΠΎΠ΄Π΅ΠΆΠ΄Π°, ΠΎΠ±ΡƒΠ²ΡŒ</td>

<td align="center">ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅</td>

</tr>

<tr>

<td align="center">дСтскиС ΠΈΠ³Ρ€ΡƒΡˆΠΊΠΈ</td>

<td align="center">ΠΊΡ€Π΅Π΄ΠΈΡ‚ΠΎΠ²Π°Π½ΠΈΠ΅</td>

</tr>

</table>

Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΠ± ассортимСнтС Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ услуг Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² нашСм ΠΎΡ‚Π΄Π΅Π»Π΅ сбыта.

</body>

</html>


Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ наша страница Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° рис. 2.22.

Рис. 2.22. Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ содСрТимого ячССк


Π”Π°Π»Π΅Π΅ вставим Π² наш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Об этом Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅.

Вставка ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Напомним, Ρ‡Ρ‚ΠΎ для вставки ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² языкС HTML ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π΅Π³ <img>. Π­Ρ‚ΠΎΡ‚ Ρ‚Π΅Π³ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ для указания адрСса изобраТСния. Если Ρ„Π°ΠΉΠ» с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ находится Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎ ΠΈ Ρ„Π°ΠΉΠ» Π²Π΅Π±-страницы, Ρ‚ΠΎ Π² качСствС адрСса изобраТСния достаточно ввСсти имя Π΅Π³ΠΎ Ρ„Π°ΠΉΠ»Π°. Π’Π°ΠΊΠΎΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ изобраТСния называСтся ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Если ΠΆΠ΅ Ρ„Π°ΠΉΠ» изобраТСния находится Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ мСстС (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π²Π΅Π±-ΡƒΠ·Π»Π΅), Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒΡΡ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, http://www.resurs.com/images/file.jpg).

Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ» изобраТСния Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠžΠ±Ρ€Π°Π·Π΅Ρ†.jpg. Π”ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ наш ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² листингС 1.9.


Листинг 1.9. Вставка изобраТСния Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚

<html>

<head>

<title>Компания "Π’ΠΎΡ€Π³ΠΎΠ²Ρ‹ΠΉ ΠΌΠΈΡ€"</title>

</head>

<body>

<h1>Π”ΠΎΠ±Ρ€ΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°Ρ‚ΡŒ!</h1>

<i>ΠœΡ‹ Ρ€Π°Π΄Ρ‹ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ вас Π½Π° сайтС нашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ООО Β«ΠœΠΈΡ€ Ρ‚ΠΎΡ€Π³ΠΎΠ²Π»ΠΈΒ»</i>. Π£ΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ <u>пяти Π»Π΅Ρ‚</u> ΠΌΡ‹ занимаСтся ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ΠΉ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ ΠΎΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ услуг. <b>НиТС прСдставлСны списки основных ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Ρ€Π°Π΄Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ</b>.<br>

<table border="2" align="center" cellpadding="10">

<tr>

<td bgcolor="yellow" align="center"><b>Π’ΠΎΠ²Π°Ρ€Ρ‹</b></td>

<td bgcolor="yellow" align="center"><b>Услуги</b></td>

</tr>

<tr>

<td align="center">ΠΏΡ€ΠΎΠΌΡ‚ΠΎΠ²Π°Ρ€Ρ‹</td>

<td align="center">Π³Ρ€ΡƒΠ·ΠΎΠΏΠ΅Ρ€Π΅Π²ΠΎΠ·ΠΊΠΈ</td>

</tr>

<tr>

<td align="center">стройматСриалы</td>

<td align="center">отвСтствСнноС Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅</td>

</tr>

<tr>

<td align="center">ΠΎΠ΄Π΅ΠΆΠ΄Π°, ΠΎΠ±ΡƒΠ²ΡŒ</td>

<td align="center">ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅</td>

</tr>

<tr>

<td align="center">дСтскиС ΠΈΠ³Ρ€ΡƒΡˆΠΊΠΈ</td>

<td align="center">ΠΊΡ€Π΅Π΄ΠΈΡ‚ΠΎΠ²Π°Π½ΠΈΠ΅</td>

</tr>

</table>

<img src="ΠžΠ±Ρ€Π°Π·Π΅Ρ†.jpg" align="left">

Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΠ± ассортимСнтС Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ услуг Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² нашСм ΠΎΡ‚Π΄Π΅Π»Π΅ сбыта. ΠœΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π±Π΅Π· Π²Ρ‹Ρ…ΠΎΠ΄Π½Ρ‹Ρ…, с 9-00 Π΄ΠΎ 20-00, Π² субботу Π΄ΠΎ 19-00, Π² воскрСсСниС Π΄ΠΎ 18-00. Π’ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ отпуск Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ услуг Π±Π΅Π· осущСствлСния ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚Ρ‹.

</body>

</html>


Π’Π΅ΠΏΠ΅Ρ€ΡŒ сохраним Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Π΅ измСнСния, ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Π²Π΅Π±-страницу Π² ΠΎΠΊΠ½Π΅ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-обозрСватСля. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Ρ… дСйствий прСдставлСн Π½Π° рис. 2.23.

Рис. 2.23. Вставка графичСского ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°


Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ для Ρ‚Π΅Π³Π° <img> использовали Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src, Π½ΠΎ ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ align, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ присвоили Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ left. Благодаря этому ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΎ слСва Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ΄ΡƒΡ‰ΠΈΠΉ послС Π½Π΅Π³ΠΎ тСкст ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅Ρ‚ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ справа ΠΎΡ‚ Π½Π΅Π³ΠΎ. ΠžΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ само ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΎ Ρ‚Π΅Π³Π°ΠΌΠΈ Π°Π±Π·Π°Ρ†Π°

.

Π˜Ρ‚Π°ΠΊ, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… Π·Π½Π°Π½ΠΈΠΉ Π²ΠΏΠΎΠ»Π½Π΅ достаточно для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ±Ρ‰Π΅Π΅ прСдставлСниС ΠΎ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΈ, Π² частности, ΠΎ языкС программирования HTML, Π½ΠΎ ΠΈ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-страницы. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ² Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ любоС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ Π²Π΅Π±-страниц, Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ элСмСнты (Π±Π΅Π³ΡƒΡ‰ΠΈΠ΅ строки, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ изобраТСния, ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΈ Ρ‚.Π΄.), ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡΠΈΡΡ‚Π΅ΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΈ Ρ‚. Π΄.

Однако Ρ€Π°Π½Π΅Π΅ ΠΌΡ‹ ΡƒΠΆΠ΅ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°Π»ΠΈ, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ этим Π½Π΅ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, Π° с ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… срСдств, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ знания HTML-языка лишь для внСсСния ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΎΠΊ, ΠΏΡ€Π°Π²ΠΎΠΊ ΠΈ Ρ‚. ΠΏ. Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π³Π»Π°Π²Π°Ρ… ΠΊΠ½ΠΈΠ³ΠΈ ΠΌΡ‹ рассмотрим нСсколько Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для создания ΠΈ администрирования сайтов.

Π“Π»Π°Π²Π° 3.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ CatsHtml

Π’ Π΄Π°Π½Π½ΠΎΠΉ Π³Π»Π°Π²Π΅ ΠΌΡ‹ расскаТСм ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ ΠΈ администрированиСм Π²Π΅Π±-сайтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ CatsHtml. Π­Ρ‚ΠΎΡ‚ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ создан отСчСствСнными Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, ΠΈ распространяСтся бСсплатно. Дистрибутив ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡ‚ΠΈ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅; ΠΊ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Π½ΠΈΡŽ прСдлагаСтся rar-Π°Ρ€Ρ…ΠΈΠ² объСмом Ρ‡ΡƒΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 2 Мб.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, запуститС инсталляционный Ρ„Π°ΠΉΠ» ΠΈ слСдуйтС указаниям ΠœΠ°ΡΡ‚Π΅Ρ€Π° установки.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° CatsHtml ΠΎΡ‡Π΅Π½ΡŒ проста ΠΈ ΡƒΠ΄ΠΎΠ±Π½Π° Π² использовании, ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ друТСствСнным, ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ инструмСнтариСм. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²Ρƒ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Π΅Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

ОписаниС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса

ПослС установки ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Π² мСню ΠŸΡƒΡΠΊ Π±ΡƒΠ΄Π΅Ρ‚ сформирована Π΅Π΅ программная ΠΏΠ°ΠΏΠΊΠ°, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π°Ρ Π² сСбя Π΄Π²Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹: для запуска CatsHtml ΠΈ для Π΅Π΅ дСинсталляции. ΠšΡ€ΠΎΠΌΠ΅ этого, Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС появится ярлык запуска ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

ПослС запуска CatsHtml Π½Π° экранС отобраТаСтся Π΅Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° рис. 3.1.

Рис. 3.1. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ CatsHtml


Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ находится Π΅Π΅ Π³Π»Π°Π²Π½ΠΎΠ΅ мСню, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½ΠΎΠ΅ для Π²Ρ‹Π±ΠΎΡ€Π° Ρ€Π΅ΠΆΠΈΠΌΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΠ·Π°Ρ†ΠΈΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

Π‘Ρ€Π°Π·Ρƒ ΠΏΠΎΠ΄ Π³Π»Π°Π²Π½Ρ‹ΠΌ мСню располоТСна ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Π°Ρ панСль, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΄ΡƒΠ±Π»ΠΈΡ€ΡƒΡŽΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню. Названия ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ отобраТаСтся Π² Π²ΠΈΠ΄Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊ Π½ΠΈΠΌ указатСля ΠΌΡ‹ΡˆΠΈ.

Π‘Π°ΠΌΡƒΡŽ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ интСрфСйса Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ, собствСнно, ΠΈ вСдСтся вся Ρ€Π°Π±ΠΎΡ‚Π° ΠΏΠΎ созданию ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π²Π΅Π±-страниц. На рис. 3.1 Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области ΠΏΠΎΠΊΠ°Π·Π°Π½Π° ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, которая формируСтся автоматичСски ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈ запускС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹Π΅ Π½Π°ΠΌ Ρ‚Π΅Π³ΠΈ: <html> </html>, <title> </title>, ΠΈ Π΄Ρ€.

НаТатиСм ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ Π² любом мСстС Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области вызываСтся контСкстноС мСню, ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π±ΡƒΡ„Π΅Ρ€ΠΎΠΌ ΠΎΠ±ΠΌΠ΅Π½Π°, выдСлСния Π΄Π°Π½Π½Ρ‹Ρ…, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΌΠ΅Π½Ρ‹ ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π° послСдних дСйствий.

Π’Π½ΠΈΠ·Ρƒ ΠΎΠΊΠ½Π° находится панСль, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ отобраТаСтся Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ элСмСнтов ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° (ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, ссылка, ΠΈ Π΄Ρ€.). Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ это ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, Π½ΡƒΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΌΡ‹ΡˆΡŒΡŽ Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌ Π·Π½Π°Ρ‡ΠΊΠ΅ Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ – Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π½Π° экранС отобразится ΠΎΠΊΠ½ΠΎ настройки, описаниС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ΠΎ Π½ΠΈΠΆΠ΅.

Под ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ панСлью находится сСмь Π²ΠΊΠ»Π°Π΄ΠΎΠΊ: ΠžΠ±Ρ‰ΠΈΠ΅ (данная Π²ΠΊΠ»Π°Π΄ΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° Π½Π° рис. 3.1), Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅, Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹, Π’Π°Π±Π»ΠΈΡ†Ρ‹, Π€ΠΎΡ€ΠΌΡ‹, Π¦Π²Π΅Ρ‚Π° ΠΈ Π‘ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π°. КаТдая ΠΈΠ· этих Π²ΠΊΠ»Π°Π΄ΠΎΠΊ содСрТит Π½Π°Π±ΠΎΡ€ инструмСнтов, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для выполнСния ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€. Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ порядок Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π½ΠΈΠΆΠ΅, ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ знакомства с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ.

Настройка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ эксплуатации ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, рСкомСндуСтся ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ, ΠΏΡ€ΠΈ нСобходимости – ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π΅Π΅ настройки. ΠžΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° всС ΠΆΠ΅ приходится внСсти Π² настройки ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠΈ.