ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с html ΠΈ css: Какой Π»ΡƒΡ‡ΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML, PHP, CSS, JS ΠΊΠΎΠ΄Π°?


28.04.2019 Facebook Twitter LinkedIn Google+ Π Π°Π·Π½ΠΎΠ΅


Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ HTML Π½Π°Β ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅? β€” Π‘Π»ΠΎΠ³ HTML Academy

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ, Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ инструмСнтами. В этом выпускС разбСрёмся, ΠΊΠ°ΠΊ ΠΈΒ Π²Β Ρ‡Ρ‘ΠΌ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈΒ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ HTML-ΠΊΠΎΠ΄ на своём ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

Π¨Π°Π³Β 1. ΠšΠ°Ρ‡Π°Π΅ΠΌ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄, сгодится Π²ΠΎΠΎΠ±Ρ‰Π΅ любой тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. ΠŸΠΎΠ΄ΠΎΠΉΠ΄Ρ‘Ρ‚ Π΄Π°ΠΆΠ΅ Β«Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Β» на вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ (Π½ΠΎΒ Π²Β Π½Ρ‘ΠΌ ΠΎΡ‡Π΅Π½ΡŒ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ всё Π΄Π΅Π»Π°Ρ‚ΡŒ). ΠœΡ‹Β ΡΠΊΠ°Ρ‡Π°Π΅ΠΌ и установим Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π·Π°Ρ‚ΠΎΡ‡Π΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. ПокаТСм всё Π½Π°Β ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Visual Studio Code.

Π—Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π°Β https://code.visualstudio.com/ и скачайтС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Если у вас Windows, Ρ‚ΠΎΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°Β Π»ΡŽΠ±ΡƒΡŽ из синих ΠΊΠ½ΠΎΠΏΠΎΠΊ. Если OSΒ XΒ ΠΈΠ»ΠΈ LinuxΒ β€” Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Other platforms.

Установка ΠΏΡ€ΠΎΠΉΠ΄Ρ‘Ρ‚ ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΒ β€” Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» VSCodeUserSetup, ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π· Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«Π”Π°Π»Π΅Π΅Β» ΠΈΒ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ Π³Π°Π»ΠΎΡ‡Π΅ΠΊ.

Π¨Π°Π³Β 2. ЗапускаСм Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ и осматриваСмся

БвСТСустановлСнный VSΒ Code встрСчаСт нас экраном с большим количСством ссылок. Π‘Β Π½ΠΈΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ ΠΏΠΎΠ·ΠΆΠ΅, а сСйчас Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ всё для Ρ€Π°Π±ΠΎΡ‚Ρ‹.

Π₯ΠΎΡ€ΠΎΡˆΠΎΒ Π±Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ во врСмя Ρ€Π°Π±ΠΎΡ‚Ρ‹ всС Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π»Π΅ΠΆΠ°Π»ΠΈ Π²Β ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ (ΠΏΠΎΠΊΠ° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ малСнький, Ρ‚Π°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ). Для этого Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ VSΒ Code ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π» Π½Π°ΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Сё содСрТимоС.

По шагам Π½Π°Β ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅:

  1. Add workspace folderΒ β€” ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ мСню Π²Ρ‹Π±ΠΎΡ€Π° ΠΏΠ°ΠΏΠΊΠΈ.
  2. Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½ΠΎΠ²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ personal_page в любом ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΌ мСстС ΠΈΒ Π·Π°ΠΉΠ΄Ρ‘ΠΌ Π²Β Π½Π΅Ρ‘.
  3. НаТмём Add.

ПослС этого слСва появится панСль Explorer с пустым Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌ пространством Untitled (Workspace). ΠœΡ‹Β ΡΠΎΠ·Π΄Π°Π»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΅Ρ‘Β Π½Π°ΠΏΠΎΠ»Π½ΠΈΠΌ.

Π¨Π°Π³Β 3. ДобавляСм Ρ„Π°ΠΉΠ»Ρ‹

ПослС создания ΠΏΠ°ΠΏΠΊΠ° пустая. Π©Ρ‘Π»ΠΊΠ½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΏΠΎΒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ personal_page ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Ρ‚Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ понадобятся Π²Β Ρ€Π°Π±ΠΎΡ‚Π΅Β β€” index.html, style.css ΠΈΒ script.js. Для Π½Π°Ρ‡Π°Π»Π° этого Ρ…Π²Π°Ρ‚ΠΈΡ‚.

Π¨Π°Π³Β 4. Π”Π΅Π»Π°Π΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅

БСйчас всС Ρ‚Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ Π²ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, ΠΈΒ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ нС всСгда ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ. Π§Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅, ΠΊΠΎΠ΄ со стилями ΠΌΠΎΠΆΠ½ΠΎ пСрСнСсти Π²Β Π΄Ρ€ΡƒΠ³ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΎΠΊΠ½Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π½ΠΈΠ·. Для этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΏΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ со style.css ΠΈΒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ split down,Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

Π¨Π°Π³Β 5. ДобавляСм ΠΊΠΎΠ΄

Пока ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ index.html (Ρ„Π°ΠΉΠ» с размСткой) ΠΈΒ style.css (Ρ„Π°ΠΉΠ» со стилями), Π°Β script.js оставим Π½Π°Β Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅. Если у вас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΊΠΎΠ΄, Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ, ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉΒ β€” ΠΌΡ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²ΠΎΠ·ΡŒΠΌΡ‘ΠΌ ΠΊΠΎΠ΄ ΠΈΠ·Β ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… курсов.

index.html

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Π‘Π°ΠΉΡ‚ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅Π³ΠΎ Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ°</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <nav>
        На Π³Π»Π°Π²Π½ΡƒΡŽ
      </nav>
    </header>
    <main>
      <article>
        Π”Π΅Π½ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ. Как я Π·Π°Π±Ρ‹Π» ΠΏΠΎΠΊΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΊΠΎΡ‚Π°

        ΠšΡ‚ΠΎ Π±Ρ‹ ΠΌΠΎΠ³ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ сСмантика это Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½ΠΎ, ΠΌΠ½Π΅ срочно Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΠΎΠ± этом ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ.

        Взгляд ΡƒΠΏΠ°Π» Π½Π° ΠΊΠΎΡ‚Π°. ΠšΠΎΡ‚ ΠΈΠ·Π΄Π°Π» настойчивоС Β«ΠœΡΡƒΒ». И я понял β€” ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя для ΠΏΠ΅Ρ€Π²ΠΎΠΉ записи Π² Π±Π»ΠΎΠ³. И ΠΏΠΎΠΊΠΎΡ€ΠΌΠΈΡ‚ΡŒ ΠΊΠΎΡ‚Π°.
      </article>
      <aside>
        Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠ³Π»Π° Π±Ρ‹Ρ‚ΡŒ ваша Ρ€Π΅ΠΊΠ»Π°ΠΌΠ°.
      </aside>
    </main>
    <footer>
      Подвал сайта
    </footer>
  </body>
</html>

style.css

Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅ΠΌ ΠΊΠΎΠ΄ со стилями ΠΈΠ·Β Ρ„Π°ΠΉΠ»Π° https://htmlacademy.ru/assets/courses/299/outlines.cssΒ β€” ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π΅Π³ΠΎ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, скопируйтС всС строки ΠΈΒ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π²Β Ρ„Π°ΠΉΠ» style.css Π²Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅.

Π¨Π°Π³Β 6. ЗапускаСм ΠΊΠΎΠ΄ и смотрим Π½Π°Β Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚

Π‘Π°ΠΌΡ‹ΠΉ простой способ — ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ с файлами Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊ ΠΈΒ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» index.html. Π’Ρ‹Β ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ вёрстки Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, но это нС слишком ΡƒΠ΄ΠΎΠ±Π½ΠΎΒ β€” ΠΏΡ€ΠΈ Π»ΡŽΠ±Ρ‹Ρ… измСнСниях придётся ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΒ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ страницу.

Π”Π°Π²Π°ΠΉΡ‚Π΅ настроим всё Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ наша страничка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π»Π°ΡΡŒ сама и обновлялась, Ссли Π²Ρ‹Β Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ Π²Β Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ ΠΈΠ»ΠΈ стилях.

Для этого Π½Π°ΠΌ понадобится Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Live Server. Найти Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ прямо Π²Β VSΒ Code (пятая ΠΈΠΊΠΎΠ½ΠΊΠ° в мСню слСва)Β β€” Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Install. Π”Ρ€ΡƒΠ³ΠΎΠΉ способ — ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Live Server ΠΈΠ·Β ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, но это ΠΌΠ΅Π½Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

ПослС установки Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Windows ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ на доступ к сСти. Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ сСрвСр, Π Π°Π·Ρ€Π΅ΡˆΠ°ΠΉΡ‚Π΅, это бСзопасно.

Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ GoΒ Live Π½Π°Β Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выглядит Ρ‚Π°ΠΊ. Π‘Π»Π΅Π²Π°Β β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, справа — Π±Ρ€Π°ΡƒΠ·Π΅Ρ€. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΊΠΎΠ΄ Π²Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ и сохранитС Π΅Π³ΠΎ, а он автоматичСски измСнится ΠΈΒ Π²Β ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π§Ρ‚ΠΎ мы сдСлали

  1. Установили и настроили Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°.
  2. Π‘ΠΎΠ·Π΄Π°Π»ΠΈ Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Ρ‚ΡƒΠ΄Π° Ρ„Π°ΠΉΠ»Ρ‹ нашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.
  3. ΠΠ°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΒ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ с кодом.
  4. Установили Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ вёрстки.

Π’Β ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… частях — ΠΎΒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ ΠΈΒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ΅ ΠΊΠΎΠ΄Π° Π½Π°Β JavaScript, ΠΈΒ ΠΎΒ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с кодом Π΅Ρ‰Ρ‘ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅. ΠŸΠΎΠ΄ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π°Β Π½Π°ΡˆΡƒ рассылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅Β ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ выпуски.

НС знаСтС, ΠΊΠ°ΠΊΠΎΠΉ ΠΊΠΎΠ΄ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ?

Знакомство с HTML ΠΈΒ CSS Π½Π°Β ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… курсах — бСсплатно.

РСгистрация

НаТатиС Π½Π°Β ΠΊΠ½ΠΎΠΏΠΊΡƒΒ β€” согласиС Π½Π°Β ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…

ВнСклассноС Ρ‡Ρ‚Π΅Π½ΠΈΠ΅:

HTML5 для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…. Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ основам HTML

пособиС для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΡŒ для профСссионалов

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽ вас Π½Π° сайтС для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π²Π΅Π±-программистов ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² –
Π£Ρ€ΠΎΠΊΠΈ ΠΏΠΎ HTML/CSS/JavaScript/SQL/PHP для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…!

Π”Π°Π½Π½Ρ‹ΠΉ сайт Π£Ρ€ΠΎΠΊΠΈ ΠΏΠΎ HTML/CSS/JavaScript/PHP для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… создан нСпрофСссионалом-Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΌ ΠΈΠ· собствСнным ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΠΈ своими Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π² Ρ‚.Ρ‡.: HTML, CSS, JavaScript, SQL, PHP, Bootstrap, Python, W3.CSS, jQuery ΠΈ Π΄Ρ€. Π’Π°ΠΊ ΠΊΠ°ΠΊ Π² сСти Π½Π΅ сущСствуСт ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ вСрсии сайта W3Schools Π½Π° русском языкС, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ большоС количСство людСй ΡΠΎΠ²Π΅Ρ€ΡˆΠ°ΡŽΡ‚ запрос ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° сайт W3Schools Π² поисках ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ изучСния курсов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π² Ρ‚ΠΎΠΌ числС ΠΏΠΎ HTML, CSS, JavaScript (для frontend) ΠΈ PHP, SQL, Python

(для backend), Π½ΠΎ ΠΏΡ€ΠΈ этом Π½Π΅ всС Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π·Π½Π°ΡŽΡ‚ английский язык, Ρ‚ΠΎ я Ρ€Π΅ΡˆΠΈΠ» Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Тизнь этим людям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ знания ΠΏΠΎ Π²Π΅Π±-вёрсткС ΠΈΠ»ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ, ΠΈ сдСлал ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ Π½Π° русский ΠΈ украинский язык сайта W3Schools. Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ Ρ‡Π°ΡΡ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² взяты ΠΈΠΌΠ΅Π½Π½ΠΎ с этого сайта.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½Ρ‹Π΅ вСрсии сайта ΠΏΠΎ ссылкам:

Оба этих сайта Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π΅Ρ‰Ρ‘ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΈ Π½Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ. Но ΡƒΠΆΠ΅ сСйчас основныС ΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ HTML, CSS, PHP, Python доступны Π½Π° русском языкС.

W3Schools являСтся ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠΌ сайтом, созданный ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Ρ†Π΅Π»Π΅ΠΉ обучСния всСх ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… основам Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΈ основанный Π½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°Ρ… ΠšΠΎΠ½ΡΠΎΡ€Ρ†ΠΈΡƒΠΌΠ° ВсСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Ρ‹ (ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт: https://w3.org/). ИмСнно ΠΈΠ· этого сайта бСрётся вся ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ информация ΠΈ всС измСнСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ происходят Π² Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ спСцификации. На Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ являСтся

спСцификация HTML5, Π½Π° основС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½ΠΎΠ²Ρ‹Ρ… сайтов Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Автор сайта Ρ‚Π°ΠΊΠΆΠ΅ Π΅Ρ‰Ρ‘ учится Π²Π΅Π±-тСхнологиям ΠΈ Π΄Π°Π½Π½Ρ‹ΠΉ сайт создаётся ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ обучСния.

ΠšΡ€ΠΎΠΌΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈΠ· сайта W3Schools, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½Ρ‹ Π½Π° русский язык, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Π½Π° этом сайтС Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΏΠΎ HTML, CSS, JavaScript, PHP, SQL, Bootstrap, Python, W3.CSS, jQuery ΠΈ Π΄Ρ€. Ρ‚Π΅ΠΌΡ‹ для Π²Π΅Π±-вёрстки ΠΈ Π²Π΅Π±-программирования. Π‘Π°ΠΉΡ‚ Π£Ρ€ΠΎΠΊΠΈ ΠΏΠΎ HTML/CSS/JavaScript/PHP для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… создан Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML/CSS ΠΈ Π½Π΅ содСрТит ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтов (ΠΊΡ€ΠΎΠΌΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ΠΎΡ‚ Disqus) ΠΊΠ°ΠΊ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰Π΅Π΅ пособиС ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ для Ρ‚Π΅Ρ… Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ, ΠΊΡ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ для создания Π²Π΅Π±-сайтов HTML/CSS. Благодаря Ρ‡Π΅ΠΌΡƒ Π΄Π°Π½Π½Ρ‹ΠΉ сайт практичСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Π·Π»ΠΎΠΌΠ°Ρ‚ΡŒ! Π‘Π°ΠΉΡ‚ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ разрабатываСтся ΠΈ наполняСтся, поэтому Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ссылки Π΅Ρ‰Ρ‘ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ссли Ρƒ вас Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ трудности ΠΈΠ»ΠΈ вопросы ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρƒ Π²Ρ‹Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… Π½Π° сайтС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ², рСкомСндуСтся ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт

W3Scools для просмотра ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π΅ Π½Π° английском языкС, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ свои ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ поТСлания ΠΏΠΎ наполнСнию ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ сайта.

Π’Π°ΠΊΠΆΠ΅ Π½Π° сайтС Π£Ρ€ΠΎΠΊΠΈ ΠΏΠΎ HTML/CSS/JavaScript/PHP для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ HTML/CSS, получая Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², нСпосрСдствСнно видя всё Π½Π° экранС ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°. Π’ дальнСйшСм Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ HTML, CSS, JavaScript, PHP Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒΡΡ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Книги Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΡƒΡ‡Π΅Π±Π½ΠΎΠΉ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Ρ‹, ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ ΠΈ пособия для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π² Ρ‚.Ρ‡. ΠΏΠΎ HTML, CSS, JavaScript, PHP. Книги ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Ρ‹ для ознакомлСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ pdf, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ нСпосрСдствСнно с Google-диска бСсплатно. ВсС ΠΏΡ€Π°Π²Π° Π½Π° ΠΊΠ½ΠΈΠ³ΠΈ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ ΠΈΡ… Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Ρ‹ для коммСрчСских Ρ†Π΅Π»Π΅ΠΉ Π½ΠΈΠΊΠ΅ΠΌ, ΠΊΡ€ΠΎΠΌΠ΅ самих Π°Π²Ρ‚ΠΎΡ€ΠΎΠ².

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰Π΅ΠΌΡƒ курсу ΠΏΠΎ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ курс, пСрСйдя ΠΏΠΎ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ссылкС Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС сайта. Если Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ-Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹ с Π²Π΅Π±-тСхнологиями Π²ΠΎΠΎΠ±Ρ‰Π΅, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠΊΠ° ΠΈ ΡƒΡ‡ΠΈΡ‚ΡŒ всС Ρ‚Π΅ΠΌΡ‹ Π² Ρ‚ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ΠΈ Π²Ρ‹Π»ΠΎΠΆΠ΅Π½Ρ‹ Π½Π° сайтС. Если ΠΆΠ΅ Π²Ρ‹ ΡƒΠΆΠ΅ частично Π·Π½Π°ΠΊΠΎΠΌΡ‹ с Π²Π΅Π±-тСхнологиями ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ ΠΎΠ±Ρ‰Π΅Π΅ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π²Π΅Π±-сайты, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сразу ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Ρ‚ΠΎΠΉ Ρ‚Π΅ΠΌΠ΅, которая Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° для ознакомлСния ΠΈΠ»ΠΈ изучСния. ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΎΡ‚ ΡˆΠΊΠΎΠ»Ρ‹ W3Scools ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Ρ‹ довольно сТато ΠΈ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ, Π½ΠΎ Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя ΠΎΠ½ΠΈ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ практичСски всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Ρ‚Π΅ΠΌΡ‹ для освоСния Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. Если Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ трудности Π² восприятии ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΈΠΌΠ΅Π½Π½Π½ΠΎ Π² Ρ‚Π°ΠΊΠΎΠΌ сТатом Π²ΠΈΠ΄Π΅, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ рСсурсами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ приводятся Π½Π° сайтС

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ / ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС

БСгодняшняя ΡΡ‚Π°Ρ‚ΡŒΡ Π·Π°Ρ‚Ρ€Π°Π³ΠΈΠ²Π°Π΅Ρ‚ вСсьма Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ срСди Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… программистов ΠΈ Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π΅ΠΌΡƒ Π²Ρ‹Π±ΠΎΡ€Π° HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠ² вСсь список спСциализированного ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, слоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ Π½Π° мСстС — каТдая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° эксклюзивна ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ ряд своих особСнностСй, достоинств ΠΈ нСдостатков. К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, срСди большого числа Π»ΠΈΡ† Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… профСссий, Π·Π° Π³ΠΎΠ΄Ρ‹ ΠΈΡ… ΠΏΠ»ΠΎΠ΄ΠΎΡ‚Π²ΠΎΡ€Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ сформировался «Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ список» Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для создания ΠΈ рСдактирования HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ, Π² частности, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-сайтов. Π”Π°Π½Π½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» посвящСн Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ ΡˆΠ΅ΡΡ‚ΠΈ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Учитывая Π½Π΅ ΠΌΠ°Π»Ρ‹ΠΉ объСм ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠ΅ΠΉΡΡ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ Π·Π°Ρ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ со вступлСниСм ΠΈ сразу приступим ΠΊ Π΄Π΅Π»Ρƒ.

Π˜Ρ‚Π°ΠΊ, ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ°Π» наш Π²Π·ΠΎΡ€, стал Macromedia HomeSite.

Macromedia HomeSite

Macromedia HomeSite, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых распространСнных срСдств рСдактирования HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² срСди ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницы Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. ВмСстС с Ρ‚Π΅ΠΌ, HomeSite позволяСт Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ сам процСсс создания ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

Π Π°Π±ΠΎΡ‡Π΅Π΅ пространство ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ условно ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° Ρ‚Ρ€ΠΈ части: пСрвая, самая большая — собствСнно ΠΎΠΊΠ½ΠΎ с содСрТаниСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, вторая Ρ‡Π°ΡΡ‚ΡŒ, находящаяся Π»Π΅Π²Π΅Π΅, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ содСрТит ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ Π½Π° дискС. И, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, Π²Π²Π΅Ρ€Ρ…Ρƒ, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ мСню, ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ нСсколько ΠΏΠ°Π½Π΅Π»Π΅ΠΉ с Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ функциями, Π²ΠΈΠ΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…, Π²ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π½Π° свой вкус.

Macromedia HomeSite ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΡƒΠ΄ΠΎΠ±Π½ΡƒΡŽ подсвСтку синтаксиса Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ HTML-страниц, Π½ΠΎ ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² PHP, Perl, ASP, MySQL ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… популярных срСдств Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π”Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΊΡ‚ придСтся ΠΏΠΎ Π΄ΡƒΡˆΠ΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ срСдствами языка гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ слоТныС языки Π²Π΅Π±-программирования. Если ΠΆΠ΅ Вас Π½Π΅ устраиваСт тСкущая цвСтовая схСма подсвСтки синтаксиса, Ρ‚ΠΎ это Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° — ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ, ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ схСму оформлСния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². HomeSite ΠΈΠΌΠ΅Π΅Ρ‚ ΠΌΠΎΡ‰Π½ΡƒΡŽ ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ систСму, ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽ ΠΊΡ€ΠΎΠΌΠ΅ описания возмоТностСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ спСцификации языка HTML, справочник Ρ‚Π΅Π³ΠΎΠ² ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π°Ρ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки ΠΏΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌΡƒ дСскриптору — для ΠΈΡ… Π²Ρ‹Π·ΠΎΠ²Π° достаточно Π½Π°ΠΆΠ°Ρ‚ΡŒ F2, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ для Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°.

Для ускорСния доступа ΠΊ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ Π³Ρ€ΡƒΠΏΠΏΠ°ΠΌ Ρ‚Π΅Π³ΠΎΠ² Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ нСсколько ΠΏΠ°Π½Π΅Π»Π΅ΠΉ, Π²ΠΈΠ΄ ΠΈ располоТСниС ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ.

ПанСль Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π° Π½Π° нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… прСдставлСны Ρ‚Π΅Π³ΠΈ, относящиСся ΠΊ ΠΎΠ΄Π½ΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠ΅. НапримСр, Π²ΠΊΠ»Π°Π΄ΠΊΠ° Fonts содСрТит ΠΊΠ½ΠΎΠΏΠΊΠΈ для быстрого увСличСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π°, смСны Π΅Π³ΠΎ начСртания, мСстополоТСния ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ строки ΠΈ для вставки Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Ρ‚Ρ€Π΅Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ.

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ способом Π²Π²ΠΎΠ΄Π° Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ всСх Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ‚Π΅Π³Π° являСтся, Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ, Tag Editor — Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ‚Π΅Π³ΠΎΠ², с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ сущСствСнно ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ процСсс присвоСния Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌ.

ΠžΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ срСдства для создания ΠΈ конфигурирования Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² — Table Wizard ΠΈ Frame Wizard, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ сущСствСнно ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Тизнь Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ ΠΏΡ€ΠΈ создании Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² слоТной структуры.

Волько ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, сколько Π±Ρ‹ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΡƒΡˆΠ»ΠΎ Π½Π° созданиС ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ!

НСобходимо ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Homesite содСрТит встроСнный ΠΌΠΎΠ΄ΡƒΠ»ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡŽΡ‰ΠΈΠΉ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… дСскрипторов, Π½ΠΎ ΠΈ нСпосрСдствСнно ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ самого тСкста, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ„Π°ΠΉΠ»ΠΎΠ² CSS — каскадных листов стилСй ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ TopStyle.

Для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ скорости создания Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π½Ρ‹ΠΌΠΈ сокращСниями — HomeSite прСдоставляСт ΠΎΠ±ΡˆΠΈΡ€Π½ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ для Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. НапримСр, Ρ‚Π΅Π³Ρƒ

соотвСтствуСт комбинация клавиш Ctrl+Break. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²ΠΎΠ»Π΅Π½ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ практичСски любой ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π΅ΠΌΡƒ сочСтаниС клавиш.

ΠŸΠ»ΡŽΡΡ‹. К достоинствам ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ отнСсти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… языков программирования, понятный интСрфСйс, ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности ΠΈ ΠΌΠΎΡ‰Π½ΡƒΡŽ ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ систСму. ΠœΠΈΠ½ΡƒΡΡ‹. ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ русского языка, высокая Ρ†Π΅Π½Π°, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ хотя Π±Ρ‹ повСрхностноС Π·Π½Π°Π½ΠΈΠ΅ языка HTML для создания страничСк, высокая Ρ†Π΅Π½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ послСднюю Π²Π΅Ρ€ΡΠΈΡŽ Macromedia HomeSite ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎ этому адрСсу.

Π Π΅Π·ΡŽΠΌΠΈΡ€ΡƒΡ Π²Ρ‹ΡˆΠ΅ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ Macromedia HomeSite для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ срСднСй ΠΈ высокой ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ возмоТностями языка HTML ΠΏΡ€ΠΈ создании Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

SiteEdit

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° SiteEdit создана российской ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ EdgeStile ΠΈ позиционируСтся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΊΠ°ΠΊ систСма управлСния сайтом. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ HomeSite, SiteEdit относится ΠΊ Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ срСдствам Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ — WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌ (ΠΎΡ‚ Π·Π°Π³Π»Π°Π²Π½Ρ‹Ρ… Π±ΡƒΠΊΠ² выраТСния What You See Is What You Get — «Ρ‡Ρ‚ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅»).

ПослС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ запуска ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ появляСтся Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ шаблон Π²Π΅Π±-ΡƒΠ·Π»Π°.

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° всСго ΡƒΠ·Π»Π° прСдставлСна Π² Π²ΠΈΠ΄Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… страниц, содСрТащих Π² сСбС нСсколько Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ². Π Π°Π·Π΄Π΅Π», Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² сСбС нСсколько записСй ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ². ΠŸΠ΅Ρ€Π΅ΠΉΠ΄Ρ Π² Ρ€Π΅ΠΆΠΈΠΌ рСдактирования (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ F9), Ρƒ нас появляСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΉΡΡ записи ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ запись.

ПослС Ρ‰Π΅Π»Ρ‡ΠΊΠ° ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ «Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»» появляСтся Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ эту Π½Π΅Ρ…ΠΈΡ‚Ρ€ΡƒΡŽ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΡŽ:

ΠšΡ€ΠΎΠΌΠ΅ нСпосрСдствСнного рСдактирования тСкста ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ доступны ΠΊΠ½ΠΎΠΏΠΊΠΈ для измСнСния начСртания ΡˆΡ€ΠΈΡ„Ρ‚Π°, вставки рисунка, Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π΄Π°Ρ‚Ρ‹, добавлСния Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, вставки гипСрссылки, формирования ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ списка — ΠΈ всС это — простым Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΌΡ‹ΡˆΠΈ. Π’Π΅ΠΌ ΠΆΠ΅, ΠΊΡ‚ΠΎ Π·Π½Π°ΠΊΠΎΠΌ с языком HTML, ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΌΠΈ Π²Ρ‹ΡˆΠ΅ функциями, Π° просто Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄. Π’Π°ΠΊ ΠΊΠ°ΠΊ Π² ΠΎΠΊΠ½Π΅ рСдактирования Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΈΠ·Π»ΠΈΡˆΠ΅ΡΡ‚Π² Ρ‚ΠΈΠΏΠ° подсвСтки синтаксиса Π½Π΅ имССтся, ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ внСшний Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠ»ΠΈΠΊΠΎΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ HTML, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ произвСсти всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ измСнСния.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ нСсколько шаблонов оформлСния: book, galeon, kafe, palm_skin, stroitel, благодаря ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ сущСствСнно ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ±Π»ΠΈΠΊ всСго сайта Π² Ρ†Π΅Π»ΠΎΠΌ.

ВсС элСмСнты страницы доступны для рСдактирования. Для Π±ΠΎΠ»Π΅Π΅ ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ измСнСния Π΄ΠΈΠ·Π°ΠΉΠ½Π° сущСствуСт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΉ ΡˆΠΈΡ€ΠΎΡ‡Π°ΠΉΡˆΠΈΠ΅ возмоТности для измСнСния всСх элСмСнтов, ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π½Π° страницС.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

Π‘ Π»Π΅Π²ΠΎΠΉ стороны имССтся список элСмСнтов, справа — ΠΈΡ… Π²ΠΈΠ΄ Π½Π° страницС, снизу ΠΆΠ΅ доступны ΠΎΠΊΠ½Π° для измСнСния Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ‚ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ дСскриптора. НапримСр, для Ρ‚Π΅Π³Π° Font доступны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹: Ρ†Π²Π΅Ρ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π°, Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅, Π½Π°ΠΊΠ»ΠΎΠ½ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π». Новичкам понравится способ заполнСния окошСк — Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ трСбуСтся, достаточно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт ΠΈΠ· Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ списка. Π’Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ прСдставляСт трудностСй — ΠΊ услугам ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π°, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ лишь ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΌΡΡ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠΌ, ΠΈ, вуаля, Π΅Π³ΠΎ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΡƒΠΆΠ΅ ΡƒΠΊΠ°Π·Π°Π½ Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΠΎΠ»Π΅.

Π’ состав ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ шаблон, ΠΈΠΌΠΈΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ сайт ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹.

Π›ΡŽΠ±ΠΎΠΏΡ‹Ρ‚Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ странички ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ «ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ страницы Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅», ΠΈ лишь ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ страницу Π² Π²ΠΈΠ΄Π΅ html-Ρ„Π°ΠΉΠ»Π°. Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, Π²ΠΈΠ΄ΠΈΠΌΠΎ, связан с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π² вСрсиях Standard ΠΈ Business ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ SiteEdit имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΊΠΈ всСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° сразу Π½Π° хостинг, ΠΎΠ΄Π½Π°ΠΊΠΎ Π² бСсплатной вСрсии Start данная Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ, ΠΊ соТалСнию, отсутствуСт. ΠžΡ‚ΡΡŽΠ΄Π° ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ нСувязки.

ΠŸΠ»ΡŽΡΡ‹. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ интСрфСйс — Π½Π΅ трСбуСтся практичСски Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π·Π½Π°Π½ΠΈΠΉ HTML, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, нСбольшой вСс дистрибутива, русский язык интСрфСйса, Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΠΎΡΡ‚ΡŒ стартовой вСрсии.

ΠœΠΈΠ½ΡƒΡΡ‹. ΠΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ сохранСния Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, орфографичСскиС ошибки.

SiteEdit ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для создания ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… страниц ΠΈ нСслоТных Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ Π΄Π°ΠΆΠ΅ для Ρ‚Π΅Ρ…, ΠΊΠΎΠΌΡƒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Π½Π΅Π·Π½Π°ΠΊΠΎΠΌ язык HTML.

SiteEdit выпускаСтся Π² Ρ‚Ρ€Π΅Ρ… основных вСрсиях — Start, Standard, Business, ΠΈ Π΄Π²ΡƒΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… -Partner. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π²Π΅Ρ€ΡΠΈΡŽ Start ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ SiteEdit ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΡΡŽΠ΄Π°.

HTML Source

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° Freeware-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, которая ΠΏΠΎΠΏΠ°Π»Π° ΠΊ Π½Π°ΠΌ Π² ΠΎΠ±Π·ΠΎΡ€ — это HTML Source. ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π±Ρ€ΠΎΡΠΈΠ»ΠΎΡΡŒ Π² Π³Π»Π°Π·Π° — нСбольшой Ρ€Π°Π·ΠΌΠ΅Ρ€ дистрибутива ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ — всСго 1,5 Мб! Π­Ρ‚ΠΎ Π½Π°Π²Π΅Π»ΠΎ Π½Π° нСсколько скСптичСскиС мысли ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ Π΅Π΅ возмоТностях. Однако ΠΌΡ‹ Π±Ρ‹Π»ΠΈ приятно ΡƒΠ΄ΠΈΠ²Π»Π΅Π½Ρ‹.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠ²ΠΎΠΉ Ρƒ HomeSite, Π½ΠΎ инструмСнтов ΠΈ возмоТностСй, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшС. Π‘ Π»Π΅Π²ΠΎΠΉ стороны располоТСно ΠΎΠΊΠ½ΠΎ ΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для открытия Ρ„Π°ΠΉΠ»Ρ‹. По Ρ†Π΅Π½Ρ‚Ρ€Ρƒ — нСпосрСдствСнно само ΠΎΠΊΠ½ΠΎ рСдактирования Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Π‘ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΎΡ‚ Π½Π΅Π³ΠΎ стороны располоТСна ΠΏΠ°Π»ΠΈΡ‚Ρ€Π°, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ½Π° Π² вСсьма ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. ΠŸΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ участок ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ сразу показываСтся ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π°Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π² RGB-ΠΏΠ°Π»ΠΈΡ‚Ρ€Π΅, Π° Ρ‡ΡƒΡ‚ΡŒ Π½ΠΈΠΆΠ΅ — нСпосрСдствСнно сам Ρ†Π²Π΅Ρ‚. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ Π½Π° Π½ΡƒΠΆΠ½ΠΎΠΌ участкС Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ сразу вставляСтся ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ Ρ†Π²Π΅Ρ‚Π°. Π’Π΅ΡΡŒΠΌΠ° ΡƒΠ΄ΠΎΠ±Π½ΠΎ.

Π’ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ имССтся обычная панСль инструмСнтов, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ располоТСны ΠΊΠ½ΠΎΠΏΠΊΠΈ для создания Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, открытия ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Ρ„Π°ΠΉΠ»Π°, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ распространСнныС дСйствия. ВсС ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ Π² Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠΌ стилС, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΠ³ΠΎΡ€Ρ‡Π°Π΅Ρ‚ лишь отсутствиС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΈΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ дСйствия. ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° сама опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ установлСны Π² систСмС, ΠΈ Π² ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ для просмотра Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Π’ ΠΌΠΎΠ΅ΠΌ случаС, ΠΊΡ€ΠΎΠΌΠ΅ стандартного Internet Explorer, Π±Ρ‹Π»ΠΈ уставлСны Ρ‚Π°ΠΊΠΆΠ΅ Opera ΠΈ Mozilla FireFox, Ρ‡Ρ‚ΠΎ ΠΈ продСмонстрировала ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°.

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

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

Π’ мСню «Insert» Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ вставки Π΄Π°Ρ‚Ρ‹, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов HTML, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡˆΠΈΡ€ΠΎΠΊΠΎ Π½Π°Π±ΠΎΡ€Π° смайлов. Π’Π΅ΡΡŒΠΌΠ° ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ²ΡˆΠΈΡ… ΡΡ‚ΠΎΠ»ΡŒ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π² свою ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ. Π›ΡŽΠ±ΠΈΡ‚Π΅Π»ΡΠΌ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ общСния это Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΉΡ‚ΠΈΡΡŒ ΠΏΠΎ Π΄ΡƒΡˆΠ΅.

Π’ мСню «Tags» сосрСдоточСны основныС Π³Ρ€ΡƒΠΏΠΏΡ‹ HTML-дСскрипторов.

Наибольший ΠΆΠ΅ интСрСс Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ содСрТаниС мСню «Tools», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ собраны всС инструмСнты Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ срСдства. Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ Π΅Π³ΠΎ содСрТимоС Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΡΡ‚Π°Π»ΡŒΠ½ΠΎ.

ΠŸΡƒΠ½ΠΊΡ‚ «Convert Case» позволяСт ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ рСгистр Π±ΡƒΠΊΠ², Ρ‚.Π΅. Π»ΠΈΠ±ΠΎ ΠΈΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ, Π»ΠΈΠ±ΠΎ привСсти ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡƒΠ½ΠΊΡ‚ «Convert CodePage» позволяСт быстро ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΡƒ всСй страницы. Π‘Ρ€Π΅Π΄ΠΈ ΠΎΡΡ‚Π°Π²ΡˆΠΈΡ…ΡΡ ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ встроСнный ΠΌΠΎΠ΄ΡƒΠ»ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΈ срСдство для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ HTML-ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Tidy, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ Π²ΠΈΠ΄ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² соотвСтствии с трСбованиями ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ W3C, которая ΠΈ занимаСтся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ стандартов языка гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.

НСльзя Π½Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡƒΡŽ ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ систСму ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ HTML Source, Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΡƒΡŽ Π² сСбя ΠΏΠΎΠ»Π½ΠΎΠ΅ описаниС возмоТностСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ спСцификации языка HTML, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ CSS.

ΠŸΠ»ΡŽΡΡ‹: ΠšΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ дистрибутива, ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности, продвинутая справочная систСма.

ΠœΠΈΠ½ΡƒΡΡ‹: ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ возмоТностСй для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², скромныС возмоТности ΠΏΠΎ настройкС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, отсутствиС русификации.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, HTML Source придСтся ΠΏΠΎ Π΄ΡƒΡˆΠ΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊ срСдство Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π½ΠΎ ΠΈ ΠΊΠ°ΠΊ справочноС пособиС. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ HTML Source ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎ этому адрСсу

Magic HTML Studio

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ, попавшСй ΠΊ Π½Π°ΠΌ Π² ΠΎΠ±Π·ΠΎΡ€, стала Magic HTML Studio, разработанная ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ AG FreeSoft. ПослС запуска ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π°ΡˆΠ΅ΠΌΡƒ Π²Π·ΠΎΡ€Ρƒ прСдстала нСобычная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Π° — ΡƒΠΆ больно Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π΅Π½ Π±Ρ‹Π» Π΄ΠΈΠ·Π°ΠΉΠ½ Magic HTML Studio.

ΠšΠΎΠΌΡƒ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ придСтся ΠΏΠΎ Π΄ΡƒΡˆΠ΅, Π½ΠΎ, Π½Π° ΠΌΠΎΠΉ взгляд, Π½Π΅ совсСм ΡƒΠ΄Π°Ρ‡Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ направлСнности. Π’Π°ΠΊΠΆΠ΅ ΠΎΠ³ΠΎΡ€Ρ‡ΠΈΠ» Ρ„Π°ΠΊΡ‚ отсутствия ΠΊΠ°ΠΊΠΎΠΉ Π±Ρ‹ Ρ‚ΠΎ Π½ΠΈ Π±Ρ‹Π»ΠΎ подсвСтки синтаксиса Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Ну Π΄Π° Π»Π°Π΄Π½ΠΎ, отбросим всС ΠΏΡ€Π΅Ρ‚Π΅Π½Π·ΠΈΠΈ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ, ΠΈ посмотрим, ΠΊΠ°ΠΊ Ρƒ Magic HTML Studio обстоят Π΄Π΅Π»Π° с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ.

А Π²ΠΎΡ‚ Ρ‚ΡƒΡ‚ всС ΠΊΠ°ΠΊ Ρ€Π°Π· Π½Π° Π²Ρ‹ΡΡˆΠ΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅! Π§Π΅Π³ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ стоят Ρ‚Π°ΠΊΠΈΠ΅ инструмСнты, ΠΊΠ°ΠΊ Java Constructor ΠΈ CQI QuickBuilder. Но ΠΎΠ±ΠΎ всСм ΠΏΠΎ порядку.

Π‘ Π»Π΅Π²ΠΎΠΉ стороны располоТСны ΠΊΠ½ΠΎΠΏΠΊΠΈ для быстрого форматирования тСкста, смСны Ρ‚ΠΈΠΏΠ° написания ΠΈ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ тСкста Π½Π° страницС. Π’Π°ΠΊΠΆΠ΅ прСдставлСны ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для вставки Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ. Π‘ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΆΠ΅ стороны ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ доступны ΠΊΠ½ΠΎΠΏΠΊΠΈ для вставки тСкста ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΎΠ΄Π½Π°ΠΊΠΎ использовано пространство вСсьма Π½Π΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ — для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, хотя Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ HTML Source.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ нСпосрСдствСнно ΠΊ срСдствам ΠΈ инструмСнтам, ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ для Magic HTML Studio. Java Constructor прСдставляСт собой ΠΌΠΎΡ‰Π½ΠΎΠ΅, ΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ простоС срСдство создания скриптов Π½Π° языкС JavaScript, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ для этого ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ знания Π΄Π°Π½Π½ΠΎΠ³ΠΎ языка программирования. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ конструктора ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ ΠΈΠ»ΠΈ часы Π½Π° Π²Π°ΡˆΡƒ страницу, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ динамичСскоС ΠΈΠ»ΠΈ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню, ΡΠΎΡ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΠΉ Π±Π°Π½Π½Π΅Ρ€, состоящий ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ динамичСскиС элСмСнты.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ автоматичСски создаСт Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ скрипт, ΠΈ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ лишь Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Π’Π°ΠΊΠΆΠ΅ Π² состав ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ CGI скриптов, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΡŽ, Π³ΠΎΡΡ‚Π΅Π²ΡƒΡŽ ΠΊΠ½ΠΈΠ³Ρƒ ΠΈΠ»ΠΈ Ρ‡Π°Ρ‚ всСго Π·Π° ΠΎΠ΄ΠΈΠ½ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ ΠΌΡ‹ΡˆΠΈ, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ установив ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ скрипта.

К соТалСнию, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΉ инструмСнт Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ Ρƒ нас Π½Π΅ Π±Ρ‹Π»ΠΎ возмоТности — для этого Π±Ρ‹Π»ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Π½Π° сСрвСр с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ CGI-скриптов. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ возмоТностям ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Π’Π°ΠΊ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ мСню Options ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ добавлСния скрипта Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Flash, Π²Ρ‹Π·ΠΎΠ²Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° элСмСнтов, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ смСны ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ добавлСния Ρ„ΠΎΡ€ΠΌΡ‹.

Π’Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π½Π΅ΠΏΠ»ΠΎΡ…ΡƒΡŽ ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ систСму Π½Π° русском языкС, ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽ описаниС всСх основных возмоТностСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

ΠŸΠ»ΡŽΡΡ‹: ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ конструкторы JavaScript ΠΈ CGI-скриптов, ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности для добавлСния динамичСских элСмСнтов, справочная систСма Π½Π° русском языкС.

ΠœΠΈΠ½ΡƒΡΡ‹: Π½Π΅ совсСм ΡƒΠ΄Π°Ρ‡Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, отсутствиС подсвСтки синтаксиса, отсутствиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… срСдств Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Magic HTML Studio ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ срСднСй ΠΈ высокой ΠΊΠ²Π°Π»ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ для создания динамичСских Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Microsoft FrontPage

Microsoft FrontPage, входящий Π² ΠΏΠ°ΠΊΠ΅Ρ‚ Microsoft Office, являСтся классичСским WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ, присутствуСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€ΡƒΡ‡Π½ΠΎΠΉ ΠΏΡ€Π°Π²ΠΊΠΈ ΠΊΠΎΠ΄Π°.

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠ²ΠΎΠΉ ΠΈ Microsoft Word, Ρ‡Ρ‚ΠΎ нисколько Π½Π΅ удивляСт — унификация внСшнСго Π²ΠΈΠ΄Π° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌ быстрСС ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ основныС возмоТности FrontPage.

Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ имССтся Ρ‚Ρ€ΠΈ Ρ€Π΅ΠΆΠΈΠΌΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ: Normal, HTML ΠΈ Preview. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Normal Π²Π΅Π±-страница прСдставляСт собой ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкстовый Ρ„Π°ΠΉΠ» с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ рСдактирования всСх элСмСнтов — ΠΎΡ‚ тСкста Π΄ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

HTML-Ρ€Π΅ΠΆΠΈΠΌ позволяСт ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ страницы ΠΈ, соотвСтствСнно, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ. Π’ этом Ρ€Π΅ΠΆΠΈΠΌΠ΅ FrontPage осущСствляСт подсвСтку синтаксиса, ΠΎΠ΄Π½Π°ΠΊΠΎ довольно ΠΏΠΎΡΡ€Π΅Π΄ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ — дСскрипторы Π²Ρ‹Π΄Π΅Π»Π΅Π½Ρ‹ синим Ρ†Π²Π΅Ρ‚ΠΎΠΌ, всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ — Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°.

НаконСц, Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Preview ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ваша страница Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

FrontPage, благодаря тСсной ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ Microsoft, позволяСт Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²: ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ Π΄ΠΎ листов Microsof Excel.

РазумССтся, FrontPage ΠΈΠΌΠ΅Π΅Ρ‚ конструктор Ρ‚Π°Π±Π»ΠΈΡ†, сущСствСнно ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΠΉ ΠΈΡ… созданиС.

Одним ΠΈΠ· основных прСимущСств ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ являСтся большоС количСство ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ шаблонов, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½Π΅ Π»ΠΎΠΌΠ°Ρ‚ΡŒ Π³ΠΎΠ»ΠΎΠ²Ρƒ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ своСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π’Ρ‹Π±Ρ€Π°Π² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ шаблон, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ нСпосрСдствСнно ΠΊ наполнСнию страницы ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ. Π’ΠΎΡ‚ Ρ‚ΡƒΡ‚ Ρ‚ΠΎ ΠΈ ощущаСтся вся ΠΏΡ€Π΅Π»Π΅ΡΡ‚ΡŒ FrontPage: процСсс создания HTML-страницы Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ отличаСтся ΠΎΡ‚ создания ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкстового Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Microsoft Word. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ доступны Ρ‚Π΅ ΠΆΠ΅ срСдства для рСдактирования тСкста, смСны Π΅Π³ΠΎ форматирования, создания ΠΈ рСдактирования Ρ‚Π°Π±Π»ΠΈΡ†, вставки Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° позволяСт с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅, Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹Π΅ списки — ΠΈ всС это Π±Π΅Π· знания языка HTML!

FrontPage Π΄Π΅Π»ΠΈΡ‚ Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π½Π° нСсколько Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ количСство Π±Π»ΠΎΠΊΠΎΠ², содСрТащих ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ элСмСнты страницы — рисунки, тСкст, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΡ‡. Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ свои ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ форматирования ΠΈ располоТСния Π΅Π³ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ страницы.

Π•ΡΡ‚ΡŒ ΠΈ обратная сторона ΠΌΠ΅Π΄Π°Π»ΠΈ — ΡΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈ Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎ СстСствСнно, сказываСтся Π½Π° ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Π°ΠΊΠΆΠ΅ Π² дальнСйшСм Π±ΡƒΠ΄Π΅Ρ‚ вСсьма слоТно Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π² ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Но это скорСС нСдостаток Π½Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Π° практичСски всСх WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

ΠŸΠ»ΡŽΡΡ‹: ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΉ интСрфСйс для ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² MS Office, Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠΉ Π½Π°Π±ΠΎΡ€ шаблонов, интСграция с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ ΠΈΠ· ΠΏΠ°ΠΊΠ΅Ρ‚Π° MS Office.

ΠœΠΈΠ½ΡƒΡΡ‹: нСбольшой Π½Π°Π±ΠΎΡ€ инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ приобрСтСния ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹. Microsoft FrontPage Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π² качСствС HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠ΅ врСмя, ΠΎΠ΄Π½Π°ΠΊΠΎ с ростом потрСбностСй ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π΅Π³ΠΎ возмоТностСй ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ.

Macromedia Dreamweaver MX 2004

И, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, послСдняя ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π² нашСм ΠΎΠ±Π·ΠΎΡ€Π΅ Macromedia Dreamweaver MX 2004. НСмалый Ρ€Π°Π·ΠΌΠ΅Ρ€ дистрибутива (62 Мб) позволяСт ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ ΠΎΡ‚ этой HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. И Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, возмоТности Macromedia Dreamweaver MX 2004 Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‚. ПослС установки ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ просят Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отличаСтся Π² зависимости ΠΎΡ‚ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΊ созданию Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ «Code» интСрфСйс ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π±ΡƒΠ΄Π΅Ρ‚ подстроСн ΠΏΠΎΠ΄ Π½ΡƒΠΆΠ΄Ρ‹ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠ°, Π° ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ «Design» — соотвСтствСнно, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, всСгда имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ этими двумя Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ доступСн Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ, ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ — рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ дСлится Π½Π° Π΄Π²Π΅ части.



ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ

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

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠΎΠΌΠΎΡ‰ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ контСкстныС мСню, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ основныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΈΠ· Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ мСню. НапримСр, работая Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΠΎ Ρ‰Π΅Π»Ρ‡ΠΊΡƒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Π»ΠΈΠ±ΠΎ элСмСнтС, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, Π΅Π³ΠΎ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ возмоТности ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² использовании Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅ΠΆΠΈΠΌΠ°. ΠŸΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π° самыС распространСнныС дСйствия: Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ гипСрссылку, вставка изобраТСния, конструированиС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π΄Π°Ρ‚Ρ‹ ΠΈ Π΄Ρ€.

Для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Π·Π½Π°ΠΊΠΎΠΌΡ‹Ρ… с возмоТностями языка HTML, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнт ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Tag Chooser, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ любой HTML-Ρ‚Π΅Π³, Π½ΠΎ ΠΈ основныС выраТСния ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ Ρ‚Π°ΠΊΠΈΡ… языков программирования, ΠΊΠ°ΠΊ JavaScript, ASP.Net, PHP, WML ΠΈ ColdFusion. ВсС это ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Ρ‹ использования ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ срСдства ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… слоТных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² с использованиСм сСрвСрных языков программирования.

Удобство ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π΅ΠΆΠΈΠΌΠ° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ всС ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π½Π½Ρ‹Π΅ измСнСния ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ сразу Π² ΠΎΠ±ΠΎΠΈΡ… ΠΎΠΊΠ½Π°Ρ…. Π’.Π΅., внСся измСнСния Π² ΠΊΠΎΠ΄ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π²Ρ‹ сразу Π²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² смСТном ΠΎΠΊΠ½Π΅ ΠΈ, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ элСмСнта отобраТаСтся ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄.

ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ «Code» рабочая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΎΠ²ΡƒΡŽ Ρƒ HomeSite — чувствуСтся, Ρ‡Ρ‚ΠΎ Ρƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΎΠ΄ΠΈΠ½ ΡΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ, ΠΎΠ΄Π½Π°ΠΊΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρƒ Dreamweaver всС-Ρ‚Π°ΠΊΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅. Π§Π΅Π³ΠΎ стоит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ конструктор Ρ‚Π°Π±Π»ΠΈΡ†, ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π½Π΅Π±Ρ‹Π²Π°Π»ΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ создании Ρ‚Π°Π±Π»ΠΈΡ†. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΡ€ΠΈ создании Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· шаблонов оформлСния, ΠΊΠΎΠΈΡ… насчитываСтся нСсколько дСсятков, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ шаблона Ρ‚ΡƒΡ‚ ΠΆΠ΅ имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹, ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹. ПослС создания Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ наполнСния Π΅Π΅ содСрТимым становится доступным сортировка Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΌΡƒ-Π»ΠΈΠ±ΠΎ столбцу. И всС это — Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, сам ΠΊΠΎΠ΄ ΠΆΠ΅, СстСствСнно, мСняСтся автоматичСски.

Macromedia Dreamweaver MX 2004 ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ — Macromedia Fireworks, Flash ΠΈ Π΄Ρ€.

Если ΠΆΠ΅ Π²Ρ‹Π±ΠΎΡ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, практичСски ΠΎΡ‡Π΅Π²ΠΈΠ΄Π΅Π½, Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ «ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠΎΠΌ» появляСтся нСпростая Π·Π°Π΄Π°Ρ‡Π° Π² Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ двумя ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌΠΈ Macromedia: HomeSite ΠΈΠ»ΠΈ Dreamweaver MX 2004? МоТно ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ возмоТности Dreamweaver MX 2004 Π±ΡƒΠ΄ΡƒΡ‚ лишними для ΠΊΠΎΠ΄Π΅Ρ€Π°, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΡ€ΠΈ большом объСмС Ρ€ΡƒΡ‚ΠΈΠ½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅ΠΆΠΈΠΌΠΎΠΌ — Ссли ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΅Π³ΠΎ, Ρ‚ΠΎ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ Π½Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ? ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΆΠ΅ HomeSite ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ возмоТности Π»ΠΈΡˆΠ΅Π½Ρ‹, Π½ΠΎ Π·Π°Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΠΌ вСсь Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Π½Π°Π±ΠΎΡ€ инструмСнтов для ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ слоТности.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²ΠΎΠ»Π΅Π½ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π΅ΠΌΡƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, учитывая поставлСнныС Ρ†Π΅Π»ΠΈ ΠΈ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ΡΡ знания. РазумССтся, вопрос Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Π² Ρ†Π΅Π½Π΅ — ΠΎΠ±Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Macromedia Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Shareware, Π½ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ бСсплатно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 30-Π΄Π½Π΅Π²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ±Π½ΠΎΠ³ΠΎ срока. Π­Ρ‚ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π²ΠΏΠΎΠ»Π½Π΅ достаточно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ.

ΠŸΠ»ΡŽΡΡ‹: ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ инструмСнтов для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², понятный интСрфСйс, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΊΠΎΠ΄Π΅Ρ€Π°, Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ шаблонов.

ΠœΠΈΠ½ΡƒΡΡ‹: большой объСм дистрибутива, высокая Ρ†Π΅Π½Π° ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ 30-Π΄Π½Π΅Π²Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Dreamweaver MX 2004 ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΡΡŽΠ΄Π°.

Если Π’Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ ΠΎΡˆΠΈΠ±ΠΊΡƒ β€” Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ Π΅Π΅ ΠΌΡ‹ΡˆΡŒΡŽ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ CTRL+ENTER.

Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ HTML ΠΈ CSS

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ основному ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ Microsoft

Главная

Главная

Главная

  • Главная
  • Xbox
  • ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΈ прилоТСния
  • Π˜Π³Ρ€Ρ‹
  • БизнСс
  • ΠŸΠΎΠ΄Π°Ρ€ΠΎΡ‡Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹
  • Π‘ΠΎΠ»ΡŒΡˆΠ΅
    • ВсС Microsoft

    HTML ΠΈ CSS — W3C

    HTML (гипСртСкст Π―Π·Ρ‹ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ) ΠΈ CSS (каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй) — это Π΄Π²Π° основных Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ для построСния сСти страниц.HTML прСдоставляСт структуру страницы, CSS — (Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΠΈ звуковая) ΠΌΠ°ΠΊΠ΅Ρ‚, для Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠ΅ устройств. Наряду с Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ ΠΈ скриптами, HTML ΠΈ CSS ΡΠ²Π»ΡΡŽΡ‚ΡΡ основой для создания Π²Π΅Π±-страниц ΠΈ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. Π£Π·Π½Π°ΠΉΡ‚Π΅ большС Π½ΠΈΠΆΠ΅ ΠΎΠΊΠΎΠ»ΠΎ:

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ HTML?

    HTML — это язык для описания структуры сСти страниц.HTML Π΄Π°Π΅Ρ‚ Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ:

    • ΠŸΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ, тСкст, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, списки, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ Ρ‚. Π΄.
    • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Ρ‡Π΅Ρ€Π΅Π· гипСртСкстовыС ссылки, ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΊΠ°.
    • Π”ΠΈΠ·Π°ΠΉΠ½ Ρ„ΠΎΡ€ΠΌ для провСдСния сдСлок с ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΌΠΈ слуТбами, для использования Π² поиск ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π·Π°ΠΊΠ°Π· ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ Ρ‚. Π΄.
    • Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ элСктронныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π²ΠΈΠ΄Π΅ΠΎΠΊΠ»ΠΈΠΏΡ‹, Π°ΡƒΠ΄ΠΈΠΎΠΊΠ»ΠΈΠΏΡ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ прилоТСния прямо Π² своих Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ….

    Π’ HTML Π°Π²Ρ‚ΠΎΡ€Ρ‹ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ структуру страниц с использованиСм Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ . Π³. элСмСнтов языковой ΠΌΠ΅Ρ‚ΠΊΠΈ части ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Β«Π°Π±Π·Π°Ρ†Β», «Бписок», Β«Ρ‚Π°Π±Π»ΠΈΡ†Π°Β» ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ XHTML?

    XHTML — это Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ HTML, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ синтаксис XML, Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΡ‹ΠΉ язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.XHTML ΠΈΠΌΠ΅Π΅Ρ‚ всС ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ элСмСнты (для Π°Π±Π·Π°Ρ†Π΅Π², ΠΈ Ρ‚. Π΄.) ΠΊΠ°ΠΊ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ HTML, Π½ΠΎ синтаксис Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ отличаСтся. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ XHTML — это XML-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ XML инструмСнты с Π½ΠΈΠΌ (Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ XSLT, язык для прСобразования содСрТимого XML).

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ CSS?

    CSS — это язык для описания прСдставлСния Π’Π΅Π±-страницы, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ†Π²Π΅Ρ‚Π°, ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹.Π­Ρ‚ΠΎ позволяСт Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ‚ΠΈΠΏΠ°ΠΌ устройств, Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊ большиС экраны, малСнькиС экраны ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹. CSS Π½Π΅ зависит ΠΎΡ‚ HTML ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ с любой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ Π½Π° основС XML язык. ΠžΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅ HTML ΠΎΡ‚ CSS ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ обслуТиваниС сайтов, Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π½Π° всСх страницах ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницы Π² Ρ€Π°Π·Π½Ρ‹Π΅ срСды. Π­Ρ‚ΠΎ упомянуто ΠΊΠ°ΠΊ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ структуры (ΠΈΠ»ΠΈ: содСрТаниС) ΠΈΠ· ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅Π±-ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹?

    WebFonts — это тСхнология, которая позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΏΠΎ запросу Ρ‡Π΅Ρ€Π΅Π· Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π±Π΅Π· нСобходимости установки Π² ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмС.W3C ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠΏΡ‹Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Ρ‡Π΅Ρ€Π΅Π· HTML, CSS2 ΠΈ SVG. Π”ΠΎ Π½Π΅Π΄Π°Π²Π½Π΅Π³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΈ распространСны Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈΠ·-Π·Π° отсутствия совмСстимый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°. Π’ Ρ€Π°ΠΌΠΊΠ°Ρ… WebFonts планируСтся Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΏΡƒΡ‚Π΅ΠΌ создания ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΎΡ‚Ρ€Π°ΡΠ»ΡŒΡŽ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ Β«WOFFΒ»).

    ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

    Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΎΡ‡Π΅Π½ΡŒ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‡Π°ΡΡ‚ΡŒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ для создания ссылки Π² Π°Π±Π·Π°Ρ†Π΅.ΠΊΠΎΠ³Π΄Π° отобраТаСтся Π½Π° экранС (ΠΈΠ»ΠΈ Π² Ρ€Π΅Ρ‡ΠΈ синтСзатор), тСкст ссылки Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΡ‚Ρ‡Π΅Ρ‚ Β»; ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠ΅Ρ‚ ссылку, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ рСсурс ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ Β«Http://www.example.com/reportΒ»:

    ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ см. ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ .

    Атрибут класса Π½Π° Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π³ Π°Π±Π·Π°Ρ†Π° (Β«

    Β») ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, срСди ΠΏΡ€ΠΎΡ‡Π΅Π³ΠΎ, для добавлСния стиля.Π—Π° Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ курсивом тСкст всСх Π°Π±Π·Π°Ρ†Ρ‹ с классом moreinfo, ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² CSS:

     p.moreinfo {font-style: italic} 

    ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΠ² это ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ», ΡΡ‚ΠΈΠ»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·Π΄Π΅Π»ΡΡ‚ΡŒ любоС количСство HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹.

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ информация

    Для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ HTML ΠΈ CSS, см. руководства ΠΏΠΎ HTML ΠΈ CSS.

    Для Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ CSS, см. XSLT & XSL-FO.

    Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ — ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

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

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта — это большая Ρ€Π°Π±ΠΎΡ‚Π°, поэтому, Ссли Π²Ρ‹ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ Π² Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ с ΠΌΠ°Π»ΠΎΠ³ΠΎ. Π’Ρ‹ Π½Π΅ создадитС Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Facebook сразу, Π½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнный простой Π²Π΅Π±-сайт Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ нСслоТно, поэтому ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ с Π½Π΅Π³ΠΎ.

    ΠŸΡ€ΠΎΡ€Π°Π±ΠΎΡ‚Π°Π² ΡΡ‚Π°Ρ‚ΡŒΠΈ, пСрСчислСнныС Π½ΠΈΠΆΠ΅, Π²Ρ‹ с нуля ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ свою ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π²Π΅Π±-страницу Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. НачнСм нашС ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠ΅!

    Установка Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния

    Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ инструмСнтов для создания Π²Π΅Π±-сайта, Π΅ΡΡ‚ΡŒ ΠΈΠ· Ρ‡Π΅Π³ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ.Если Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ сбиты с Ρ‚ΠΎΠ»ΠΊΡƒ мноТСством Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² ΠΈ инструмСнтов тСстирования. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ «Установка основного ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния» ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ шаг Π·Π° шагом, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для Π½Π°Ρ‡Π°Π»Π° Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

    Как Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ваш сайт?

    ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ для своСго Π²Π΅Π±-сайта, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ сначала ΡΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ. ΠšΠ°ΠΊΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π²Ρ‹ дСмонстрируСтС? КакиС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Ρ†Π²Π΅Ρ‚Π° Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅? Как Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ваш сайт? ΠœΡ‹ описываСм простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТаниС ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ вашСго сайта.

    Π Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ

    Π’Π΅Π±-сайт состоит ΠΈΠ· мноТСства Ρ„Π°ΠΉΠ»ΠΎΠ²: тСкстового содСрТимого, ΠΊΠΎΠ΄Π°, Ρ‚Π°Π±Π»ΠΈΡ† стилСй, ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½ΠΎΠ³ΠΎ содСрТимого ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Когда Π²Ρ‹ создаСтС Π²Π΅Π±-сайт, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ эти Ρ„Π°ΠΉΠ»Ρ‹ Π² Ρ€Π°Π·ΡƒΠΌΠ½ΡƒΡŽ структуру ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ. Π Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΡƒΠΌΠ½ΡƒΡŽ Ρ„Π°ΠΉΠ»ΠΎΠ²ΡƒΡŽ структуру для вашСго Π²Π΅Π±-сайта ΠΈ ΠΎ ΠΊΠ°ΠΊΠΈΡ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ… Π²Π°ΠΌ слСдуСт Π·Π½Π°Ρ‚ΡŒ.

    ΠžΡΠ½ΠΎΠ²Ρ‹ HTML

    Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML) — это ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ для структурирования своСго Π²Π΅Π±-содСрТимого ΠΈ придания Π΅ΠΌΡƒ смысла ΠΈ Ρ†Π΅Π»ΠΈ.НапримСр, ΠΌΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ — это Π½Π°Π±ΠΎΡ€ Π°Π±Π·Π°Ρ†Π΅Π² ΠΈΠ»ΠΈ список ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ²? Π•ΡΡ‚ΡŒ Π»ΠΈ Π½Π° ΠΌΠΎΠ΅ΠΉ страницС изобраТСния? Π£ мСня Π΅ΡΡ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Π° Π΄Π°Π½Π½Ρ‹Ρ…? ΠžΡΠ½ΠΎΠ²Ρ‹ HTML ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ достаточно ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒ вас с HTML.

    ΠžΡΠ½ΠΎΠ²Ρ‹ CSS

    ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (CSS) — это ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ для стилизации своСго Π²Π΅Π±-сайта. НапримСр, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ тСкст Π±Ρ‹Π» Ρ‡Π΅Ρ€Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ красным? Π“Π΄Π΅ Π½Π° экранС Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚? КакиС Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния ΠΈ Ρ†Π²Π΅Ρ‚Π° слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡ вашСго сайта? ΠžΡΠ½ΠΎΠ²Ρ‹ CSS ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹.

    ΠžΡΠ½ΠΎΠ²Ρ‹ JavaScript

    JavaScript — это язык программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ для добавлСния ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π½Π° свой Π²Π΅Π±-сайт. НСкоторыми ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ³Ρ€Ρ‹, Π²Π΅Ρ‰ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ происходят ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ»ΠΈ Π²Π²ΠΎΠ΄Π΅ Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ„ΠΎΡ€ΠΌΡ‹, эффСкты динамичСского стиля, анимация ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. ΠžΡΠ½ΠΎΠ²Ρ‹ JavaScript Π΄Π°Π΄ΡƒΡ‚ Π²Π°ΠΌ прСдставлСниС ΠΎ возмоТностях этого Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ языка ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

    ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ вашСго Π²Π΅Π±-сайта

    ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΈ ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… состоит ваш Π²Π΅Π±-сайт, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ всС это Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ люди ΠΌΠΎΠ³Π»ΠΈ Π΅Π³ΠΎ Π½Π°ΠΉΡ‚ΠΈ.ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ вашСго ΠΎΠ±Ρ€Π°Π·Ρ†Π° ΠΊΠΎΠ΄Π° описываСт, ΠΊΠ°ΠΊ с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ усилиями Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ваш простой ΠΎΠ±Ρ€Π°Π·Π΅Ρ† ΠΊΠΎΠ΄Π° Π² сСти.

    Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚

    Когда Π²Ρ‹ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° свой Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ Π²Π΅Π±-сайт, Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ происходит мноТСство слоТных Π²Π΅Ρ‰Π΅ΠΉ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π·Π½Π°Ρ‚ΡŒ. ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹ сСти описываСт, Ρ‡Ρ‚ΠΎ происходит, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ просматриваСтС Π²Π΅Π±-страницу Π½Π° своСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.

    • Π’Π΅Π±-дСмистификация: отличная сСрия Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠΎΠ², ΠΎΠ±ΡŠΡΡΠ½ΡΡŽΡ‰ΠΈΡ… основы Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π‘ΠΎΠ·Π΄Π°Π½ΠΎ Π–Π΅Ρ€Π΅ΠΌΠΈ ΠŸΠ°Ρ‚ΠΎΠ½ΡŒΠ΅.
    • Π’Π΅Π±-стандарты ΠΈ Π²Π΅Π±-стандарты: Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ прСдставлСны Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ свСдСния ΠΎΠ± Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ — ΠΊΠ°ΠΊ это ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π²Π΅Π±-стандартныС Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ вмСстС, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Β«Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΒ» — это отличная ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π° для Π²Ρ‹Π±ΠΎΡ€Π° ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΈΠ΄Ρ‹ Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ Π² Ρ…ΠΎΠ΄Π΅ курса.

    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠ΄Π° Visual Studio

    Visual Studio Code обСспСчиваСт Π±Π°Π·ΠΎΠ²ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ программирования HTML «ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ». Π•ΡΡ‚ΡŒ подсвСтка синтаксиса, ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ IntelliSense ΠΈ настраиваСмоС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.VS Code Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Emmet.

    IntelliSense

    По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅ HTML, ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ прСдлоТСния Ρ‡Π΅Ρ€Π΅Π· HTML IntelliSense. На ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΠΎΠ΅ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ элСмСнта HTML

, Π° Ρ‚Π°ΠΊΠΆΠ΅ контСкстно-зависимый список ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Ρ… элСмСнтов.

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ элСмСнтов, Ρ‚Π΅Π³ΠΎΠ², Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ (ΠΊΠ°ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ Π² HTML5), Ρ‚Π΅Π³ΠΎΠ² Ionic ΠΈ AngularJS. Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ доступны для HTML, Ρ‡Ρ‚ΠΎ позволяСт быстро ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ ΡƒΠ·Π»Π°ΠΌ DOM ΠΏΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρƒ ΠΈ ΠΈΠΌΠ΅Π½ΠΈ класса.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ со встроСнными CSS ΠΈ JavaScript. Однако ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ сцСнарии ΠΈ стили, Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ², Π½Π΅ ΡΠΎΠ±Π»ΡŽΠ΄Π°ΡŽΡ‚ΡΡ, языковая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° смотрит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° содСрТимоС Ρ„Π°ΠΉΠ»Π° HTML.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ прСдлоТСния Π² любоС врСмя, Π½Π°ΠΆΠ°Π² βŒƒ ΠŸΡ€ΠΎΠ±Π΅Π» (Windows, Linux Ctrl + ΠŸΡ€ΠΎΠ±Π΅Π»).

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ встроСнныС поставщики Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹. ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΈΡ… Π² настройках ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈΠ»ΠΈ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области, Ссли Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ Π½Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ прСдлоТСния.

  // НастраиваСт, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π»ΠΈ встроСнный язык HTML Ρ‚Π΅Π³ΠΈ ΠΈ свойства Angular V1.
"html.suggest.angular1": true,

// НастраиваСт, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π»ΠΈ встроСнный язык HTML Ionic Ρ‚Π΅Π³ΠΈ, свойства ΠΈ значСния.
"html.suggest.ionic": ΠΏΡ€Π°Π²Π΄Π°,

// НастраиваСт, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π»ΠΈ встроСнный язык HTML Ρ‚Π΅Π³ΠΈ, свойства ΠΈ значСния HTML5.
"html.suggest.html5": true  

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Ρ‚Π΅Π³Π° автоматичСски Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° набираСтся > ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.

Π‘ΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ вставляСтся ΠΏΡ€ΠΈ Π²Π²ΠΎΠ΄Π΅ / Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ автоматичСскоС Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ настройки:

  "html.autoClosingTags": false  

ΠŸΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ‚Π΅Π³Π° функция связанного рСдактирования автоматичСски обновляСт ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³. Π­Ρ‚Π° функция Π½Π΅ являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, установив:

.
  "editor.linkedEditing": true  

ΠŸΠ°Π»ΠΈΡ‚Ρ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ²

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс срСдства Π²Ρ‹Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚Π° VS Code Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ доступСн Π² Ρ€Π°Π·Π΄Π΅Π»Π°Ρ… стиля HTML.

Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ настройку ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°, насыщСнности ΠΈ нСпрозрачности для Ρ†Π²Π΅Ρ‚Π°, взятого ΠΈΠ· Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ, щСлкая Ρ†Π²Π΅Ρ‚Π½ΡƒΡŽ строку Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π° Π²Ρ‹Π±ΠΎΡ€Π°. БрСдство Π²Ρ‹Π±ΠΎΡ€Π° появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π½Π°Π΄ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Ρ†Π²Π΅Ρ‚Π°.

Π₯ΠΎΠ²Π΅Ρ€

НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° Ρ‚Π΅Π³ΠΈ HTML ΠΈΠ»ΠΈ встроСнныС стили ΠΈ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ символС ΠΏΠΎΠ΄ курсором.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ°

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° языка HTML выполняСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ всСх встроСнных JavaScript ΠΈ CSS.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… настроСк:

  // НастраиваСт, провСряСт Π»ΠΈ встроСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° языка HTML встроСнныС скрипты.
"html.validate.scripts": ΠΏΡ€Π°Π²Π΄Π°,

// НастраиваСт, провСряСт Π»ΠΈ встроСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° языка HTML встроСнныС стили.
"html.validate.styles": true  

Π‘ΠΊΠ»Π°Π΄Π½ΠΎΠΉ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ области исходного ΠΊΠΎΠ΄Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ Π·Π½Π°Ρ‡ΠΊΠΈ Π½Π° ΠΆΠ΅Π»ΠΎΠ±Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΎΠΌΠ΅Ρ€Π°ΠΌΠΈ строк ΠΈ Π½Π°Ρ‡Π°Π»ΠΎΠΌ строки. Для всСх элСмСнтов HTML доступны области складывания многострочных ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π² исходном ΠΊΠΎΠ΄Π΅.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ области для опрСдСлСния области складывания: ΠΈ

Если Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ Π½Π° сворачиваниС Π½Π° основС отступов для использования HTML:

  "[html]": {
    "editor.foldingStrategy": "отступ"
},  

Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ исходного ΠΊΠΎΠ΄Π° HTML, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Format Document ⇧βŒ₯F (Windows Shift + Alt + F, Linux Ctrl + Shift + I) для форматирования всСго Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ Format Selection ⌘K ⌘F (Windows, Linux Ctrl + K Ctrl + F), Ρ‡Ρ‚ΠΎΠ±Ρ‹ просто ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ тСкст.

БрСдство форматирования HTML основано Π½Π° js-beautify. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ форматирования, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Π΅ этой Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² настройках VS Code:

  • html.format.wrapLineLength : максимальноС количСство символов Π² строкС.
  • html.format.unformatted : список Ρ‚Π΅Π³ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ слСдуСт ΠΏΠ΅Ρ€Π΅Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.
  • html.format.contentUnformatted : список Ρ‚Π΅Π³ΠΎΠ², Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… запятыми, содСрТимоС ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅ слСдуСт ΠΏΠ΅Ρ€Π΅Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.
  • HTML.format.extraLiners : список Ρ‚Π΅Π³ΠΎΠ², ΠΏΠ΅Ρ€Π΅Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΡ‚ΠΎΡΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ строка.
  • html.format.preserveNewLines : слСдуСт Π»ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строк ΠΏΠ΅Ρ€Π΅Π΄ элСмСнтами.
  • html.format.maxPreserveNewLines : МаксимальноС количСство пСрСносов строк, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ сохранСно Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π΅.
  • html.format.endWithNewline : заканчиваСтся Π½ΠΎΠ²ΠΎΠΉ строкой.
  • html.format.indentInnerHtml : отступ ΠΈ Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ².
  • html.format.wrapAttributes : БтратСгия ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²:
    • auto : пСрСнос ΠΏΡ€ΠΈ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ΅Π½ΠΈΠΈ Π΄Π»ΠΈΠ½Ρ‹ строки
    • force : пСрСнСсти всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ
    • с ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ : ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ, ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹
    • force-expand-multiline : пСрСнСсти всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹
    • Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½ΠΎ-ΠΊΡ€Π°Ρ‚Π½ΠΎΠ΅ : ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ΅Π½ΠΈΠΈ Π΄Π»ΠΈΠ½Ρ‹ строки, Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ
    • ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ : ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ пСрСнос Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²
    • ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ с Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ : ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ пСрСнос Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Π½ΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ
  • HTML.format.wrapAttributesIndentSize : Ρ€Π°Π·ΠΌΠ΅Ρ€ выравнивания ΠΏΡ€ΠΈ использовании с ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈ с Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ, нСсколько Π² html.format.wrapAttributes ΠΈΠ»ΠΈ null для использования Ρ€Π°Π·ΠΌΠ΅Ρ€Π° отступа ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.
  • html.format.templating : Π£Ρ‡Π΅Ρ‚ Ρ‚Π΅Π³ΠΎΠ² языков шаблонов django, erb, handlebars ΠΈ php.
  • html.format.unformattedContentDelimiter : Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ тСкстовоС содСрТимоС ΠΌΠ΅ΠΆΠ΄Ρƒ этой строкой.

Π‘ΠΎΠ²Π΅Ρ‚: ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° форматирования Π½Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ‚Π΅Π³ΠΈ, пСрСчислСнныС Π² html.format.unformatted ΠΈ html.format.contentUnformatted settings. ВстроСнный JavaScript форматируСтся, Ссли Π½Π΅ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Ρ‚Π΅Π³ΠΈ Β«scriptΒ».

Π’ Marketplace Π΅ΡΡ‚ΡŒ нСсколько Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅Ρ€ΠΎΠ² Π½Π° Π²Ρ‹Π±ΠΎΡ€. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ срСдство форматирования, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ "html.format.enable": false Π² Π²Π°ΡˆΠΈΡ… настройках, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ встроСнноС срСдство форматирования.

Π­ΠΌΠΌΠ΅Ρ‚ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹

VS Code ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ сниппСта Emmet. АббрСвиатуры Emmet пСрСчислСны вмСстС с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ прСдлоТСниями ΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ Π² спискС автозаполнСния Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π‘ΠΎΠ²Π΅Ρ‚: ДопустимыС сокращСния см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ HTML ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΠΈ Emmet.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ HTML Emmet с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ языками, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² Emmet (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, css , html ) с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ языками с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° emmet.includeLanguages ​​. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ языка ΠΈ связываСт Π΅Π³ΠΎ с ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠΌ языка Ρ€Π΅ΠΆΠΈΠΌΠ°, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ Emmet.

НапримСр, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Emmet HTML Π²Π½ΡƒΡ‚Ρ€ΠΈ JavaScript:

  {
  "Π­ΠΌΠΌΠ΅Ρ‚.includeLanguages ​​": {
    "javascript": "html"
  }
}  

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌ опрСдСляСмыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ сниппСты.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ HTML

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ HTML Π² VS Code с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π΄Π°Π½Π½Ρ‹Ρ…. Установив для html.customData список Ρ„Π°ΠΉΠ»ΠΎΠ² JSON, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Π΄Π°Π½Π½Ρ‹Ρ…, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ VS Code Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² HTML, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ². Π—Π°Ρ‚Π΅ΠΌ VS Code ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ ΡΠ·Ρ‹ΠΊΠΎΠ²ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ, Ρ‚Π°ΠΊΡƒΡŽ ​​как информация ΠΎ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠΈ ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля для прСдоставлСнных Ρ‚Π΅Π³ΠΎΠ², Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± использовании ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ vscode-custom-data.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ HTML

УстановитС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ большС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² прСдставлСниС Extensions (β‡§βŒ˜X (Windows, Linux Ctrl + Shift + X)) ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Β«htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ список ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΡ… ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML.

Π‘ΠΎΠ²Π΅Ρ‚. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠ»ΠΈΡ‚ΠΊΡƒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Ρ‹ΡˆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ описаниС ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вас. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ большС Π½Π° Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ΅.

Comments