ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ вСрстки html: ВОП 10 Π»ΡƒΡ‡ΡˆΠΈΡ… HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²

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

ВОП 10 Π»ΡƒΡ‡ΡˆΠΈΡ… HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²

  1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML?
  2. WYSIWYG Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹
  3. ВСкстовыС HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹
  4. Π›ΡƒΡ‡ΡˆΠΈΠ΅ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹
  5. Π’Ρ‹Π²ΠΎΠ΄
    Β 

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

Однако, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML это вовсС Π½Π΅ ΠΎΠ΄Π½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° – это Π³Ρ€ΡƒΠΏΠΏΠ° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, каТдая ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ своим Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ, ΠΈΠΌΠ΅Π΅Ρ‚ свои особСнности использования, свой Π½Π°Π±ΠΎΡ€ плюсов ΠΈ минусов. Π—Π°Π΄Π°Ρ‡Π° Ρ‚Π°ΠΊΠΎΠ³ΠΎ инструмСнта ΠΊΠ°ΠΊ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ – ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π·Π°Ρ‚Ρ€Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ Π²Π°ΠΌΠΈ усилия Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш ΠΊΠΎΠ΄ оставался Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ чистым.

КакиС ΠΆΠ΅ Π±Ρ‹Π²Π°ΡŽΡ‚ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹? ΠšΠ»Π°ΡΡΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡ ΠΈΡ… ΠΏΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΌΡƒ Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ ΠΈ ΠΏΠΎ возмоТностям Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚: WYSIWYG Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΈ тСкстовыС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML.

Β 

WYSIWYG (What You See Is What You Get) – Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Π° этого Ρ‚ΠΈΠΏΠ° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² пСрСводится ΠΊΠ°ΠΊ Β«Ρ‡Ρ‚ΠΎ видишь, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡˆΡŒΒ». Π”Ρ€ΡƒΠ³ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ‚Π°ΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² – Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML. ЀактичСски, Π·Π°Π΄Π°Ρ‡Π° этого Ρ‚ΠΈΠΏΠ° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² – ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ интСрфСйс рСдактирования, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ сразу ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ рСализация ΠΊΠΎΠ΄Π° Π½Π° Π΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ страницС сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Для ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ этого Ρ‚ΠΈΠΏΠ° Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Π½ΠΈΠ΅ HTML. Π‘ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ‚Π°ΠΊΠΎΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΏΡ€ΠΎΡ‰Π΅ ΡΡ‚Π°Ρ€Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅ΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Π° написания ΠΊΠΎΠ΄Π°.

Π’Π°ΠΊΠΎΠΉ Ρ‚ΠΈΠΏ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² часто Π²ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ Π² Π²Π΅Π± сайты, для упрощСния настройки внСшнСго Π²ΠΈΠ΄Π° сайта ΠΏΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π·Π°Ρ€Π°Π½Π΅Π΅ написанным шаблонам ΠΈΠ»ΠΈ для рСдактирования Β ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° сайта.

Β 

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

Однако, ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π΄Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большС свободы, возмоТностСй ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΊΠΎΠ΄Π° ΠΈ Π΄Ρ€.


Β 

ΠœΡ‹ рассмотрСли, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ HTMLΒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Ρ‚ΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Ρ‚ΠΈΠΏΡ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Рассмотрим нСсколько популярных ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ большС ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π²Π°ΠΌ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π²Π°ΡˆΠΈΡ… Π·Π°Π΄Π°Ρ‡.

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

Stack Overflow Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎ составляСт Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто примСняСмых инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Рассмотрим Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ этого опроса срСди Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π·Π° 2018 Π³ΠΎΠ΄.

Β 

Β 

Π’Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Microsoft Π½Π° основС ΠΊΠΎΠ΄Π° Atom, Visual Studio Code ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‡Π°ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° IDE (Integrated development environment) — ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ – ΠΌΠΎΡ‰Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, содСрТащСй, ΠΊΡ€ΠΎΠΌΠ΅ тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΊΠΎΠ΄Π°, Π΅Ρ‰Π΅ ряд ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Π°Π½Π°Π»ΠΈΠ· ΠΊΠΎΠ΄Π°, запуск Π΅Π³ΠΎ ΠΈ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ. Часто ΠΈΠΌΠ΅Π½Π½ΠΎ этот инструмСнт ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚, ΠΊΠΎΠ³Π΄Π° говорят ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅Ρ‚ΡŒ IDE для web Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π°Ρ… бСсплатных HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈΠΌΠ΅Π½Π½ΠΎ Visual Studio Code Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ мСсто, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡΡΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ всС Ρ‡Π°Ρ‰Π΅, ΠΈ Ρ‡Π°Ρ‰Π΅. Π’Π°ΠΊ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Stack Overflow, этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π² 2017 Π³ΠΎΠ΄Ρƒ использовали 24% Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²,Β  Π° Π² 2018 Π³ΠΎΠ΄Ρƒ – ΡƒΠΆΠ΅ 38,7.

Β 

ΠŸΠ»ΡŽΡΡ‹ Visual Studio Code

  • Π˜ΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° IDE.

  • ВстроСнный ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ автозаполнСния – IntelliSense.

  • Π—Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ количСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ.

  • Π˜Π½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с Git Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ».

  • Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ для ΠΊΠΎΠ΄Π° JavaScript, TypeScript, Node.js

  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ исходный ΠΊΠΎΠ΄ прилоТСния.

  • Visual Studio Code  распространяСтся бСсплатно.

Β 

ΠœΠΈΠ½ΡƒΡΡ‹ Visual Studio Code

  • Из минусов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΡŽΡ‚ достаточно большоС врСмя запуска прилоТСния.

  • Поиск ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ осущСствляСтся ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ.

Β 

Β 

Notepad++ — это лСгковСсный тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Windows. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Linux Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‡Π΅Ρ€Π΅Π· Wine. Notepad ++, Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π΅Ρ‰Π΅ Π² 2003 Π³ΠΎΠ΄Ρƒ, являСтся ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΌ ΠΈ ΡƒΡΡ‚ΠΎΡΠ²ΡˆΠΈΠΌΡΡ инструмСнтом ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², являясь ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ тСкстовым Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ для HTML ΠΊΠΎΠ΄Π°. Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ распространяСтся ΠΊΠ°ΠΊ бСсплатноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΈ Π΅Π³ΠΎ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ доступСн Π² GitHub. Notepad++ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сторонниС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹.

Β 

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ достоинства Notepad++

  • Notepad ++ являСтся простым, Π½Π΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΊ рСсурсам инструмСнтом.

  • Π•ΡΡ‚ΡŒ портативная вСрсия.

  • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ мноТСством ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ самому.

  • Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ настраиваСтся.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ΡΡ Ρ€Π°Π±ΠΎΡ‚Π° с большим количСством Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

  • Notepad ++ являСтся Π½Π° 100% бСсплатной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ.

Β 

НСдостатки Notepad++

  • ΠŸΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ этого тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° HTML ΠΊΠΎΠ΄Π° Π½Π΅ находят Π² Π½Π΅ΠΌ нСдостатков. Однако ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ интСрфСйса, которая Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ряду ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

  • Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π΅ являСтся IDE ΠΈ Π½Π΅ нСсСт Π² сСбС Π΅Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π». По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ΠΌΠ½ΠΎΠ³ΠΈΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ приходится ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΡƒΡŽ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ Notepad ++.

Β 

Β 

Β 

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для HTML являСтся Sublime. Π­Ρ‚Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° поставляСтся Π² бСсплатном Π²ΠΈΠ΄Π΅ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ограничСниями. Π˜Π½Ρ‹ΠΌΠΈ словами — Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Sublime бСсплатно, Π½ΠΎ Π²Π°ΠΌ придСтся ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ, Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ всСми функциями этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Sublime ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ, обСспСчивая постоянный Π²Ρ‹Ρ…ΠΎΠ΄ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, созданныС сообщСством, ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ свои собствСнныС. Для Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ части Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² использованиС бСсплатной вСрсии Sublime Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΏΠΎΠ»Π½Π΅ достаточным. Если ΠΆΠ΅ Π²Π°ΠΌ понадобится большС возмоТностСй, Π²Ρ‹ смоТСтС ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ ΠΏΠΎΠ·ΠΆΠ΅.

ΠŸΠ»ΡŽΡΡ‹ Sublime

  • ΠšΡ€ΠΎΡΡΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ. Sublime Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ‚Π°ΠΊΠΈΡ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах ΠΊΠ°ΠΊ Windows, OS X ΠΈ Linux.

  • Sublime являСтся лСгковСсным инструмСнтом, Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΠΌ систСму.

  • Π•ΡΡ‚ΡŒ портативная вСрсия.

  • Sublime прСдоставляСт тысячи Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ созданы большим ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ сообщСством.

  • РаздСльноС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсколько ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΎΠ² ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ участки ΠΊΠΎΠ΄Π° ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

Β 

НСдостатки Sublime

  • НС вСсь Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» доступСн ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ бСсплатно.

  • Рядом ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ отмСчаСтся нСудобство Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

  • Ряд ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² сторонних Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ.

Β 


Β 

Β 

WebStorm – вСсьма удобная для web Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ  срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. WebStorm Π±Ρ‹Π»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ JetBrains Π½Π° основС Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ ΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° – IDE IntelliJ.

Β 

ΠŸΠ»ΡŽΡΡ‹ WebStorm

Β 

  • Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠΎΠ΄Π° Π½Π° HTML, CSS, Ρ‚Π°ΠΊ ΠΈ Π½Π° JavaScript.

  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ ошибок ΠΈ удобная ΠΎΡ‚Π»Π°Π΄ΠΊΠ° ΠΊΠΎΠ΄Π° обСспСчиваСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с рядом систСм отслСТивания ошибок.

  • ВстроСнная интСграция с Ρ‚Π°ΠΊΠΈΠΌ систСмами управлСния вСрсиями ΠΊΠ°ΠΊ GitHub, Git, Π° Ρ‚Π°ΠΊΠΆΠ΅ Subversion, Perforce ΠΈ Mercurial.

  • Π“ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ настроСк.

  • Достаточно большоС количСство ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

Β 

НСдостатки WebStorm

Β 

  • БвойствСнная всСм IDE ΠΌΠ΅Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ ΠΈ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊ рСсурсам.

  • ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ слоТныС настройки.

  • ΠŸΠ»Π°Ρ‚Π½Π°Ρ IDE, распространяСмая ΠΏΠΎ подпискС.

Β 

Β 

Vim (сокращСниС ΠΎΡ‚ — Vi Improved ) это ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΏΠΎΡ€Ρ‚Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‡Π΅Π½ΡŒ Π±ΠΎΠ³Π°Ρ‚ΠΎΠΉ историСй – Π΅ΠΌΡƒ ΡƒΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ 27 Π»Π΅Ρ‚. ΠžΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ, с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠΉ настройки Β ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΠΎΠ΄ сСбя. Π’ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² ΠΎΠΊΠ½Π΅ консоли. МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€ΡΠΈΡŽ с графичСским ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΌ интСрфСйсом – Gvim. Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ соврСмСнныС IDE, для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ процСсса Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, содСрТат Π² сСбС эмулятор Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Vim.

Β 

ΠŸΠ»ΡŽΡΡ‹ использования Vim

  • ΠŸΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Π°Ρ Ρ€Π°Π±ΠΎΡ‚Π° Π²ΠΎ мноТСствС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм – Windows, Linux, Amiga, Mac OS X, Unix, OpenVMS, OS/2.

  • Глубокая настройка Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΠΎΠ΄ сСбя.

  • ΠžΡ‡Π΅Π½ΡŒ Π½ΠΈΠ·ΠΊΠΈΠ΅ трСбования ΠΊ крСсурсам. И, соотвСтствСнно — высокая ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

  • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ рСдактирования ΠΈΠ»ΠΈ просмотра Ρ„Π°ΠΉΠ»Π° Π½Π° ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠΌ сСрвСрС Ρ‡Π΅Ρ€Π΅Π· Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»

  • Π‘ΠΎΠ»Π΅Π΅ 14000 доступных ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ.

Β 

НСдостатки Vim

  • Один ΠΈΠ· самых слоТных для изучСния инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Высокий ΠΏΠΎΡ€ΠΎΠ³ вхоТдСния Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π·Π°Ρ‚Ρ€Π°Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ Π΅Π³ΠΎ особСнностСй, ΠΊΠΎΠΌΠ°Π½Π΄, ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Ρ‚Π΄.

Β 

Β 

ИспользованиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Eclipse Π² качСствС HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° —  часто считаСтся ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ. Являясь ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ систСмой Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΎΠ½Π°, вСроятно, Π±ΡƒΠ΄Π΅Ρ‚ излишнС слоТной для написания ΠΊΠΎΠ΄Π° Π½Π° HTML ΠΈ CSS. ΠŸΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ свои возмоТности Eclipse смоТСт ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ слоТных сайтов, завязанных Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρƒ с нСсколькими Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ°ΠΌΠΈ.

Часто эту Eclipse ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с страницами написанными Π½Π° Java, PHP, JavaScript, ΠΈ рядС Π΄Ρ€ΡƒΠ³ΠΈΡ… языков программирования.

Β 

ΠŸΠ»ΡŽΡΡ‹ Β Eclipse

  • ΠŸΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Π°Ρ IDE со всСм ΠΏΠ΅Ρ€Π΅Ρ‡Π½Π΅ΠΌ возмоТностСй ΠΌΠΎΡ‰Π½ΠΎΠ³ΠΎ инструмСнта Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

  • ΠšΡ€ΠΎΡΡΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ с Windows, MacOS X, Linux.

  • Π—Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ количСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΈ Π°Π΄Π΄ΠΎΠ½ΠΎΠ², ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΡ… Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Eclipse ΠΏΠΎΠ΄ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ.

  • ΠŸΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ½ΠΎΡΡ‚ΡŒ Eclipse ΠΊ свободному ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ.

Π’ΠΈΠ΄Π΅ΠΎ курсы ΠΏΠΎ схоТСй Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅:

ΠœΠΈΠ½ΡƒΡΡ‹ Eclipse

  • Π‘Π»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ настройки этой IDE.

  • Излишняя ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΡΡ‚ΡŒ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ простых сайтов Π½Π° HTML ΠΈ CSS.

  • Π Π΅ΡΡƒΡ€ΡΠΎΠ΅ΠΌΠΊΠΎΡΡ‚ΡŒ прилоТСния.

Β 


Β 


Β 

Атом – это ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ HTMLΒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Он Π±Ρ‹Π» Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π² 2014 Π³ΠΎΠ΄Ρƒ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ GitHub, ΠΈ с Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ сообщСства GitHub, Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ» свою ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ. Π­Ρ‚ΠΎΡ‚ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ являСтся бСсплатным, с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Β Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π² качСствС слогана для Atom ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ„Ρ€Π°Π·Π° «самый Π²Π·Π»ΠΎΠΌΠ°Π½Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ 21 столСтия», подразумСвая ΠΏΠΎΠ΄ этим, Ρ‡Ρ‚ΠΎ любой Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π½ΠΎΡΠΈΡ‚ΡŒ свой Π²ΠΊΠ»Π°Π΄ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈ ΠΎΠ±ΠΌΠ΅Π½ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнныС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Atom.

Β 

КакиС возмоТности Π΄Π°Π΅Ρ‚ Atom

Β 

  • Atom являСтся кроссплатформСнным ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΡ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах, ΠΊΠ°ΠΊ Windows , OS X ΠΈ Linux.

  • Благодаря ΡƒΠΌΠ½ΠΎΠΌΡƒ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΡƒ автозаполнСния, Atom ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ быстрСС ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄.

  • ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ интСрфСйса Atom позволяСт Ρ€Π°Π·Π±ΠΈΠ²Π°Ρ‚ΡŒ интСрфСйс Π½Π° мноТСство ΠΎΠΊΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΡΡ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² этих ΠΎΠΊΠ½Π°Ρ… ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

  • Atom являСтся ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΌ тСкстовым Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠΌ возмоТности IDE, благодаря Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌ.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Ρ‚Π°ΠΊΠΈΠ΅ языки ΠΊΠ°ΠΊ: HTML, CSS, JavaScript, Python, XML, PHP, Java, SQL, C# ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.


Β 

ΠŸΠ»ΡŽΡΡ‹ Atom

Β 

  • Для Atom имССтся большоС количСство Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Π’Π°ΠΊ, Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ», Atom поставляСтся с 81 встроСнным ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ, ΠΈ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎ 7500 Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… устанавливаСмых ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ свой собствСнный ΠΏΠ°ΠΊΠ΅Ρ‚.

  • НаличиС большого количСства Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ позволяСт Π³ΠΈΠ±ΠΊΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ сСбя интСрфСйс Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ исходный ΠΊΠΎΠ΄. Π’Π΅ΡΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Atom распространяСтся бСсплатно, прСдоставляя свой исходный ΠΊΠΎΠ΄, доступный Π½Π° GitHub.

  • ΠžΡ‚Π»ΠΈΡ‡Π½Π°Ρ интСграция с Git ΠΈ GitHub.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° Teletype. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт прямо Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ.
    Β 

ΠœΠΈΠ½ΡƒΡΡ‹ Atom

  • Atom являСтся достаточно Β«ΠΏΡ€ΠΎΠΆΠΎΡ€Π»ΠΈΠ²ΠΎΠΉΒ» ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ, забирая Π½Π° сСбя ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большой объСм ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ памяти.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Ρ‚Π΅Ρ… ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Ρ… языков опрСдСляСтся Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², написанных Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Π° Π½Π΅ Π΅Π΄ΠΈΠ½ΠΎΠΉ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ.

Β 

Рассмотрим Π΅Ρ‰Π΅ ряд ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, часто примСняСмых Π² качСствС HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²

Β 

Β 


Β 

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Adobe Dreamweaver CC, разработанная ΠΈ управляСмая тСхнологичСским Π³ΠΈΠ³Π°Π½Ρ‚ΠΎΠΌ Adobe Inc, являСтся ΠΌΠΎΡ‰Π½Ρ‹ΠΌ ΠΈ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ инструмСнтом ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса. Она обслуТиваСт ΠΊΠ°ΠΊ back-end, Ρ‚Π°ΠΊ ΠΈ front-end Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. Являясь ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм с Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, Dreamweaver ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² экосистСмС Adobe. Adobe Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ всСгда ΠΌΠΎΠ³Π»ΠΈ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄.
Dreamweaver — это ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΊΠ°ΠΊ тСкстовыС, Ρ‚Π°ΠΊ ΠΈ WYSIWYG ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ. МногиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Dreamweaver самым Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠ΄Π°. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ прСдставлСниСм страницы ΠΈΠ»ΠΈ ΠΈΠ΄Ρ‚ΠΈ классичСским ΠΏΡƒΡ‚Π΅ΠΌ рСдактирования тСкста.

Β 

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ достоинства Dreamweaver CC.

  • Dreamweaver позволяСт ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π½Π° любом ΠΈΠ· основных языков программирования.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ тСкстовыС ΠΈ WYSIWYG Ρ€Π΅ΠΆΠΈΠΌΡ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

  • Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ прСдпросмотр. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ выглядит Ρ‚Π΅Π³, просто Π²Ρ‹Π΄Π΅Π»ΠΈΠ² Π΅Π³ΠΎ.

  • ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΉ экосистСмой Adobe.

  • ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π°Ρ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° со стороны Adobe Inc.

  • Подписка Π½Π° Dreamweaver Π΄Π°Π΅Ρ‚ доступ ΠΊ ряду ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, содСрТащих ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ объСм Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, стилСй, слоСв ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.

Β 

НСдостатки Adobe Dreamweaver CC

  • ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ нСдостатком этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° являСтся Ρ†Π΅Π½Π° ΠΈ условия распространСния. Как ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe, Dreamweaver CC распространяСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° условии подписки.

Β 

Β 

Β 

Brackets – это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Adobe, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Π²ΡˆΠΈΠΉ свСт Π² 2012 Π³ΠΎΠ΄Ρƒ. РаспространяСмый, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Β Dreamweaver, бСсплатно, этот ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ…Π²Π°ΡΡ‚Π°Ρ‚ΡŒΡΡ большим Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с HTML, CSS ΠΈ JavaScript – основными языками Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

Β 

ΠŸΠ»ΡŽΡΡ‹ Brackets

  • Бвязь с Google Chrome. Основная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Brackets, выдСляСмая Β ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ — связь с Google Chrome Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ сразу послС внСсСнного измСнСния Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ всС эти измСнСния Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

  • Π”ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ Π½Π° Windows, MacOs, Linux.

  • Brackets ΠΏΡ€ΠΈΠ·Π½Π°Π½ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΏΠΎΠ΄ MacOs.

  • Π¨ΠΈΡ€ΠΎΠΊΠΎ развитая систСма горячих клавиш.

  • Основной ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ, которая ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ Brackets ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², являСтся функция Β«Π˜Π·Π²Π»Π΅Ρ‡ΡŒΒ». Β  Ѐункция извлСчСния позволяСт ΠΈΠ·Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ прямо ΠΈΠ· PSD — Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°ΠΊ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ†Π²Π΅Ρ‚Π° ΠΈ измСрСния, с чистым CSS ΠΈ Π±Π΅Π· контСкстных ссылок Π½Π° ΠΊΠΎΠ΄.

Β 

ΠœΠΈΠ½ΡƒΡΡ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Brackets

Β 

  • МалоС количСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, Π² сравнСнии с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅.

  • ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ сСрвСрных языков (Python, PHP, Ruby).

Β 

Β 

Β 

HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ CoffeeCup прСдставлСн Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ ΠΊΠ°ΠΊ бСсплатной, Ρ‚Π°ΠΊ ΠΈ ΠΏΠΎΠ»Π½ΠΎΠΉ – ΠΏΠ»Π°Ρ‚Π½ΠΎΠΉ вСрсиСй. НСсмотря Π½Π° ΡΠ»Π°Π±ΡƒΡŽ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π² русскоязычном сСгмСнтС Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ CoffeeCup достаточно популярСн Π·Π° Ρ€ΡƒΠ±Π΅ΠΆΠΎΠΌ. Π’Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π΅Ρ‰Π΅ Π² 1996 Π³ΠΎΠ΄Ρƒ, ΠΊ 2008 Π³ΠΎΠ΄Ρƒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π±Ρ‹Π» ΠΏΡ€ΠΎΠ΄Π°Π½ ΡƒΠΆΠ΅ числом Π² 30 ΠΌΠ»Π½. ΠΊΠΎΠΏΠΈΠΉ.


Β 

ΠŸΠ»ΡŽΡΡ‹ CoffeeCup

  • Π’ ΠΏΠ»Π°Ρ‚Π½ΠΎΠΉ вСрсии имССтся ΠΊΡ€ΠΎΠΌΠ΅ тСкстового — Π΅Ρ‰Π΅ ΠΈ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

  • CoffeeCup ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ совмСстим с ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ Windows ΠΈ MacOS.

  • ΠŸΠ»Π°Ρ‚Π½Π°Ρ вСрсия HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° CoffeeCup Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Ρ‚Π΅Π³ΠΎΠ², ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ HTML ΠΈ CSS, Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ Ρ‚. Π”.

  • Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ².

Β 

НСдостатки CoffeeCup

Β 

Β 

Β 

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

БСсплатныС Π²Π΅Π±ΠΈΠ½Π°Ρ€Ρ‹ ΠΏΠΎ схоТСй Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅:

Β 

Достоинства HTML-Online

  • ЯвляСтся ΠΊΠ°ΠΊ тСкстовым, Ρ‚Π°ΠΊ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, позволяя Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π·Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ написания прямо Π² процСссС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

  • Удобная конвСртация Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Word Π² HTML, Ρ‡Ρ‚ΠΎ позволяСт сразу ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° HTML Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΊ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ ΠΈΠ· Word-овских Ρ„Π°ΠΉΠ»ΠΎΠ². ВстроСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ Excel, PDF ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ.

  • ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML.

Β 

НСдостатки HTML-Online

  • ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ нСдостатком ΠΎΠ½Π»Π°ΠΉΠ½ тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΈ HTML-Online Π² частности, являСтся Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ сразу. Если Π²Ρ‹ Π½Π΅ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π·Π° Ρ€Π°Π·, ΠΈΠ»ΠΈ Β Ρƒ вас прСрвСтся ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ соСдинСниС, Ρ‚ΠΎ придСтся Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с Π½Π°Ρ‡Π°Π»Π°.

  • Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² выглядит Π±Π»Π΅Π΄Π½Π΅Π΅, Π½Π° Ρ„ΠΎΠ½Π΅ возмоТностСй ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Β 

Β 

Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΎΡΡ‚ΠΎΡΠ²ΡˆΠ΅Π³ΠΎΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ самому Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ для сСбя подходящий инструмСнт-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π‘ΠΎ своим Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ» ΠΈ доступными ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ.

ΠœΡ‹ рассмотрСли ряд Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΏΡ€ΠΈΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹Ρ… Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ. Π‘ΠΌΠΎΠΆΠ΅ΠΌ Π»ΠΈ ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ срСди Π½ΠΈΡ… самый Π»ΡƒΡ‡ΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ web страниц? К соТалСнию – Π½Π΅Ρ‚.

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

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

10Β ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для HTML-вСрстки | МСдиа НСтологии

«НСтология» ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π»Π° 10 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ пригодятся ΠΏΡ€ΠΈ вСрсткС HTML: ΠΎΡ‚ тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Π΄ΠΎ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² CSS.

ΠšΡ€ΠΎΡΡΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, схоТий с Notepad++, Π½ΠΎ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ мноТСством Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°Π΅Ρ‚ синтаксис, автоматичСски сохраняСт измСнСния Π² Ρ„Π°ΠΉΠ»Π°Ρ…, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 27 языков программирования, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ макросы Π½Π° Python. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΡƒΠΌΠ΅Π΅Ρ‚ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π±Π΅Π· ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ строку. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ доступно Π² вСрсиях для Windows, OS X ΠΈ Linux, лицСнзия стоит 70 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Mozilla Firefox. Консоль ΠΈ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ JavaScript, CSS ΠΈ HTML, опрСдСляСт Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ΄Π°, которая Π²Ρ‹Π·Π²Π°Π»Π° ΠΎΡˆΠΈΠ±ΠΊΡƒ. Π£ΠΌΠ΅Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

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

Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ бСсплатный инструмСнт ΠΏΠΎΠ΄ Windows для сравнСния Ρ€Π°Π·Π½Ρ‹Ρ… вСрсий Ρ„Π°ΠΉΠ»ΠΎΠ², Π² Ρ‚ΠΎΠΌ числС ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² вСрстки. Различия ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ тСкстовой Ρ„ΠΎΡ€ΠΌΠ΅, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ измСнилось Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ Π² Π½ΠΎΠ²ΠΎΠΉ вСрсии.

БСсплатная Windows-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с прСпроцСссором LESS. Он прСдставляСт ΠΈΠ· сСбя надстройку Π½Π°Π΄ CSS с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ динамичСскими свойствами. WinLess ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ LESS Π² CSS. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° автоматичСски сканируСт Π²Ρ‹Π±Ρ€Π°Π½Π½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄.

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ CSS-ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ мноТСство прСдустановлСнных Π·Π°Π΄Π°Ρ‡.

БСрвис для Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ². Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ сразу отобраТаСтся Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π°.

ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΈΠ· Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… бСсплатных Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² элСмСнтов для ΠΌΠ°ΠΊΠ΅Ρ‚Π°: ΠΊΠ½ΠΎΠΏΠΎΠΊ, Ρ„ΠΎΡ€ΠΌ, ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ Π»Π΅Π½Ρ‚ΠΎΡ‡Π΅ΠΊ. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π° HTML ΠΈΠ»ΠΈ CSS.

50 классных сСрвисов, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ сайтов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

  • Главная
  • ->
  • ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹
  • ->
  • 50 классных сСрвисов, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ сайтов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Reg.ru: Π΄ΠΎΠΌΠ΅Π½Ρ‹ ΠΈ хостинг

ΠšΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΠΉ рСгистратор ΠΈ хостинг-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ Π² России.

Π‘ΠΎΠ»Π΅Π΅ 2 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Π΄ΠΎΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈΠΌΠ΅Π½ Π½Π° обслуТивании.

ΠŸΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΡ‡Ρ‚Π° для Π΄ΠΎΠΌΠ΅Π½Π°, Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для бизнСса.

Π‘ΠΎΠ»Π΅Π΅ 700 тыс. ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ ΡƒΠΆΠ΅ сдСлали свой Π²Ρ‹Π±ΠΎΡ€.

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° сайт->

БСсплатный ΠšΡƒΡ€Ρ «ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° HTML5 ΠΈ CSS3»

ΠžΡΠ²ΠΎΠΉΡ‚Π΅ бСсплатно ΠΏΠΎΡˆΠ°Π³ΠΎΠ²Ρ‹ΠΉ видСокурс

ΠΏΠΎ основам Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрстки

Π½Π° HTML5 ΠΈ CSS3 с ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ нуля.

ΠΠ°Ρ‡Π°Ρ‚ΡŒ->

Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ Bootstrap: быстрая адаптивная вёрстка

ΠŸΠΎΡˆΠ°Π³ΠΎΠ²Ρ‹ΠΉ видСокурс ΠΏΠΎ основам Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрстки Π² Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ΅ Bootstrap.

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ просто, быстро ΠΈ качСствСнно, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΈ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт.

ВСрстайтС Π½Π° Π·Π°ΠΊΠ°Π· ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΠΉΡ‚Π΅ дСньги.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π² ΠΏΠΎΠ΄Π°Ρ€ΠΎΠΊ->

БСсплатный курс «Π‘Π°ΠΉΡ‚ Π½Π° WordPress»

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ CMS WordPress?

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈ вСрсткС сайта Π½Π° WordPress.

ΠΠ°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ‚Π΅ΠΌΠ°ΠΌΠΈ ΠΈ Π½Π°Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚.

БСсплатный видСокурс ΠΏΠΎ Ρ€ΠΈΡΠΎΠ²Π°Π½ΠΈΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта, Π΅Π³ΠΎ вСрсткС ΠΈ установкС Π½Π° CMS WordPress!

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π² ΠΏΠΎΠ΄Π°Ρ€ΠΎΠΊ->

*НавСдитС курсор ΠΌΡ‹ΡˆΠΈ для приостановки ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

Назад Π’ΠΏΠ΅Ρ€Π΅Π΄


50 классных сСрвисов, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ сайтов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΠΈΠ· 50 ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π² хозяйствС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΎΠ½Π»Π°ΠΉΠ½-сСрвисов ΠΈ сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ быстрСС ΠΎΠ±ΡƒΡ‡Π°Ρ‚ΡŒΡΡ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, Π΄Π΅Π»Π°Ρ‚ΡŒ большС ΠΈ Π±Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ.

ЯсноС Π΄Π΅Π»ΠΎ, Ρ‡Ρ‚ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ список ΠΈΠ»ΠΈ ΠΎΠ±Π·ΠΎΡ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΡ‡Π΅Ρ€ΠΏΡ‹Π²Π°ΡŽΡ‰ΠΈΠΌ, ΠΈ Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅:

Π”ΠΈΠ·Π°ΠΉΠ½

1. Bootstrap Studio

Bootstrap Studio — это ΠΌΠΎΡ‰Π½Ρ‹ΠΉ конструктор Ρ‚ΠΈΠΏΠ° drag and drop для Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° Bootstrap. Он содСрТит Π²Π½ΡƒΡˆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ количСство ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ инструмСнтов для создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… шаблонов. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ сайта сразу Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах.

Π£Π²Ρ‹, это Π½Π΅ бСсплатно, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ использованиС этого конструктора окупится ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ. Π­Ρ‚ΠΎ отличная инвСстиция для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.


2. Subtle Patterns

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


3. Blokk Font

Blokk — это ΡˆΡ€ΠΈΡ„Ρ‚, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² (Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… mock-ups) ΠΈ являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½ΠΎΠΌΡƒ Lorem Ipsum.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ вмСсто Π½Π°Π±ΠΎΡ€Π° Π±ΡƒΠΊΠ² Π½Π° экранС ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ Ρ€Π°Π·Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ‹, ΠΈΠΌΠΈΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ строй Ρ€Π΅Ρ‡ΠΈ. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ наш сайт Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ.


4. FreePik

Freepik ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ всСм ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΌ ΠΊΠΎΠ»ΠΎΡΡΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, SVG-шСк, PSD-шСк ΠΈ стоковых Ρ„ΠΎΡ‚ΠΎ.

ВсС это Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠΈΠ΅ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ рассортировано ΠΏΠΎ катСгориям, поэтом ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с поиском Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ. ЕдинствСнный минус — ΠΏΠΎΡ€ΠΎΠΉ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ с Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ, вСдь Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ написания ΡΡ‚Π°Ρ‚ΡŒΠΈ количСство доступных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ прСвысило ΡƒΠΆΠ΅ 1,5 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π°.


5. Π—Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

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


6. Google Fonts

Π’ΠΏΠΎΠ»Π½Π΅ вСроятно, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎ Google Fonts Π²Ρ‹ ΡƒΠΆΠ΅ Π½Π΅ Ρ€Π°Π· ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅, Π½ΠΎ всС ΠΆΠ΅ нСльзя Π±Ρ‹Π»ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈ Π΅Π³ΠΎ стороной. Π­Ρ‚ΠΎ гугловская «Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°», ΠΊΡƒΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΉΡ‚ΠΈ Π² поисках ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ приятного для Π³Π»Π°Π·Π° ΡˆΡ€ΠΈΡ„Ρ‚Π°.


7. By People

ByPeople.com — это ΡΠ΅Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, которая постоянно растСт ΠΈ пополняСтся. Π’Π°ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΌΠΎΡ€Π΅ красивой ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, сниппСты ΠΊΠΎΠ΄Π°, ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ рСсурсы. ВсС это ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ ΠΏΠΎ спискам ΠΈ доступно для скачивания Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ с сайта.


8. Snipplr

Snippler ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сниппСтов ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΠΈ ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈΠΌΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ людьми.

Π—Π΄Π΅ΡΡŒ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ тысячи сниппСтов Π½Π° javascript, php, css, ruby ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… языках. Как Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ — ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹: CSS-tricks’s snippets ΠΈΠ»ΠΈ github’s gists.


9. HailPixel

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

ΠŸΠΎΠ²Ρ‚ΠΎΡ€Π½Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ позволяСт Π²Π°ΠΌ «Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ» ΠΊΠΎΠ΄ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. ΠŸΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ нСсколько Ρ€Π°Π·, Ссли Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ сразу нСсколько ΡΠΎΡ‡Π΅Ρ‚Π°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ†Π²Π΅Ρ‚ΠΎΠ².


10. Lokes HD Hakar

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


11. Dribbble

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


12. Bootstrap

Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ для создания интСрфСйсной (ΠΏΠΎ-Π°Π³Π»ΠΈΡ†ΠΊΠΈ: front-end) части Π²Π΅Π±-сайтов.

ΠŸΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваши сайты Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ ΠΈ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎ Π½Π° устройствах самого Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°. Π’Π½ΡƒΡ‚Ρ€ΠΈ — Π½Π°Ρ‡ΠΈΠ½ΠΊΠ° ΠΈΠ· Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ «ΡΠ΅Ρ‚ΠΊΠΈ» (ΠΈΠ· 12 ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ), ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅ΠΉ Π³ΠΈΠ±ΠΊΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ внСшним Π²ΠΈΠ΄ΠΎΠΌ сайта ΠΈ Ρ‚ΠΎΠ½Π½Ρ‹ CSS ΠΈ JavaScript-Ρ„ΠΈΡˆΠ΅ΠΊ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ внСшнСго Π²ΠΈΠ΄Π° ΠΈ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ.


13. Patternizer

Π­Ρ‚ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ позволяСт Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ с использованиСм полос — справится Π΄Π°ΠΆΠ΅ Ρ€Π΅Π±Π΅Π½ΠΎΠΊ. Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠΌΠΈ с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ ΠΏΡ€ΠΈ совмСстной Ρ€Π°Π±ΠΎΡ‚Π΅.


14. Project Parfait

Project Perfait — ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΎΡ‚ Adobe, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ PSD-Ρ„Π°ΠΉΠ»Π°Ρ… прямо Π² ΠΎΠΊΠ½Π΅ своСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. На ΠΌΠΎΠΌΠ΅Π½Ρ‚ написания ΡΡ‚Π°Ρ‚ΡŒΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ рСдактирования, ΠΏΡ€Π°Π²Π΄Π°, Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»Π°ΡΡŒ.


Кодинг

15. Emmet

Достаточно Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ, Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ Π² Ρ€Π°Π·Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ врСмя написания HTML-ΠΊΠΎΠ΄Π°, Ссли Π²Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ΡΡŒ Π² CSS.

Π‘ΡƒΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ запись ΠΈΠ· CSS-ΠΏΡ€Π°Π²ΠΈΠ», ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ автоматичСски ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ Π² ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΡƒΡŽ html-Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ.

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


16. JavaScript Beautifier

Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ позволяСт навСсти порядок Π² JavaScript ΠΈ Html-ΠΊΠΎΠ΄Π΅.

Наша Π·Π°Π΄Π°Ρ‡Π° — «ΡΠΊΠΎΡ€ΠΌΠΈΡ‚ΡŒ» Π΅ΠΌΡƒ Π½Π΅ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ, ΠΏΠ»ΠΎΡ…ΠΎ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ «Π³Π»Π°Π΄ΠΊΠΎ причСсанный», Ρ…ΠΎΡ€ΠΎΡˆΠΎ структурированный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, приятный для Π³Π»Π°Π·Π° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ послС вас.

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ сСрвис Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡƒΠ½ΠΊΡ‚Π΅ — это Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ JSON-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ссли Π²Ρ‹ часто Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚Π΅Ρ‚Π΅ с Π΄Π°Π½Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ΠΎΠ±ΠΌΠ΅Π½Π° Π΄Π°Π½Π½Ρ‹Ρ….


17. CodePen

CodePen — ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΠΈΠΉ всСм ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΌ Π΄Π΅ΠΌΠΎ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΡ… CSS3 ΠΈ JavaScript-эффСктов для использования Π² Π²Π΅Π±-интСрфСйсах. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ссли Π²Ρ‹ ΠΎΡ…ΠΎΡ‚ΠΈΡ‚Π΅ΡΡŒ Π·Π° симпатичной ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈΠ»ΠΈ просто ΠΈΡ‰Π΅Ρ‚Π΅ вдохновСния ΠΈ Π½ΠΎΠ²Ρ‹Ρ… ΠΈΠ΄Π΅ΠΉ — милости просим)


18. W3 Validator

Π’Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€ — это бСсплатный сСрвис ΠΎΡ‚ ΠšΠΎΠ½ΡΠΎΡ€Ρ†ΠΈΡƒΠΌΠ° ВсСмирной ΠŸΠ°ΡƒΡ‚ΠΈΠ½Ρ‹ (W3C), ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π²Π°Π»ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒ составлСния Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Он ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, написанныС практичСски Π½Π° любом языкС Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ даст Π²Π°ΠΌ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ указания Π½Π° ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΊΡ€Π°Π»ΠΈΡΡŒ Π² ваш ΠΊΠΎΠ΄.

По-Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΌΡƒ, этот сСрвис Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡ‚Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ мСстом, ΠΊΡƒΠ΄Π° Π²Ρ‹ ΠΈΠ΄Π΅Ρ‚Π΅ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ качСства ΠΈ Π±Π΅Π·ΠΎΡˆΠΈΠ±ΠΎΡ‡Π½ΠΎΡΡ‚ΠΈ своСй вСрстки.


19. Mincss

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

Данная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° позволяСт Π²Π°ΠΌ «ΡΠΊΠΎΡ€ΠΌΠΈΡ‚ΡŒ» Π΅ΠΉ URL-адрСс страницы ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS-ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для стилСвого оформлСния страницы. ИмСнно Π΅Π³ΠΎ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² качСствС Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΉ вСрсии Π½Π΅ трятя Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ выискиваниС Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.


20. Koala App

Π—Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ кросс-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ автоматичСски ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ ваши less/sass ΠΈ coffee-Ρ„Π°ΠΉΠ»Ρ‹.


21. Jsfiddle

Jsfiddle — ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ мСсто для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΈ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠΌ.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ для написания CSS, HTML ΠΈ JavaScript-ΠΊΠΎΠ΄Π° Π² Ρ€Π°ΠΌΠΊΠ°Ρ… вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π’Π°ΠΊΠΆΠ΅ сСрвис позволяСт ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ряд Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, Ρ‚Π°ΠΊΠΈΡ… Ρ‚Π°ΠΊ jQuery, AngularJS ΠΈ Π΄Ρ€. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ нСпосрСдствСнно Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π»ΠΈΠ±ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ для Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΎΠΊ.


22. Hurl

Π­Ρ‚ΠΎ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Π° для тСстирования API. Π’Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ запроса, настраиваСтС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ POST-ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, добавляСтС Π±Π°Π·ΠΎΠ²ΡƒΡŽ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΡŽ (ΠΈΠ»ΠΈ OAuth) ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΎΠ³ΡƒΠ»ΠΈΠ²Π°Π΅Ρ‚Π΅ΡΡŒ ΠΏΠΎ Ρ€Π΅Π΄ΠΈΡ€Π΅ΠΊΡ‚Π°ΠΌ. ПослС этого смотритС Π½Π° приятно ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ запрос ΠΈ ΠΎΡ‚Π²Π΅Ρ‚.


23. SublimeText

Sublime Text — ΠΌΠΎΡ‰Π½Ρ‹ΠΉ тСкствый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π° самый Π²Π·Ρ‹ΡΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ вкус. Он ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ вСсьма элСгантно ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΈ Π²ΠΈΡ€Ρ‚ΡƒΠΎΠ·Π½ΠΎ «ΠΈΠ³Ρ€Π°Ρ‚ΡŒ» с тСкстом Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹. Если Π²Ρ‹ ΠΊΠΎΠ΄Π΅Ρ€, Ρ‚ΠΎ это просто стоит ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ.


24. Cloud9

Cloud9 — это ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 40 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… языков, содСрТит всС ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ для ΠΎΡ„Ρ„Π»Π°ΠΉΠ½ срСд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π΄Π° ΠΈ просто ΠΎΡ‡Π΅Π½ΡŒ красив ΠΈ приятСн для Π³Π»Π°Π·Π°.


25. Heroku

Heroku оказались ΠΏΠ΅Ρ€Π²Ρ‹ΠΌΠΈ ΠΈ Π³Π»Π°Π²Π½Ρ‹ΠΌΠΈ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΌΠΈ ΠΈΠ³Ρ€ΠΎΠΊΠ°ΠΌΠΈ срСди ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Ρ… PAAS-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ. РаньшС Π½Π°ΠΌ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ Π½Π° Π΄Π΅ΡˆΠ΅Π²Ρ‹Ρ… хостинг-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ² с ΡΠΎΠΌΠ½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΌ надСТности ΠΈ отказоустойчивости, Π½ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ это Π² ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ. МоТно ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ°Ρ‚ΡŒ ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΌΡƒ (Ссли Π²Π°ΠΌ это Π½ΡƒΠΆΠ½ΠΎ).


26. Vagrant

Vagrant устанавливаСтся ΠΊΠ°ΠΊ обычная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΈ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹Π΅ срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Ρ‚ΠΈΠΏ ΠΌΠ°ΡˆΠΈΠ½Ρ‹ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ софт Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π° Π½Π΅ΠΉ установлСн. ПослС этого Vagrant «ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚» для нас срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (Π² Ρ‚.Ρ‡. ΠΈ для Ρ†Π΅Π»ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ людСй Π·Π° Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ машинами).

Π‘Π°ΠΌΡ‹ΠΉ Π³Π»Π°Π²Π½Ρ‹ΠΉ плюс — ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎ слова, Π²Ρ€ΠΎΠ΄Π΅: «Π‘Ρ‚Ρ€Π°Π½Π½ΠΎ, Ρ‡Ρ‚ΠΎ здСсь Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ρƒ мСня Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ». Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ этот инструмСнт, Π²Ρ‹ сильно упроститС ΠΈ ΡƒΠ΄Π΅ΡˆΠ΅Π²ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π·Π° счСт Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‡Π»Π΅Π½ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎΠΉ срСдС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.


Π₯остинг ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€

27. PingDom’s Website Speed Test

Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· названия, Π·Π°Π΄Π°Ρ‡Π° сайта — ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΊΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π½Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌΠΈ. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π°Π½Π°Π»ΠΈΠ·Π° Ρ€Π°Π΄ΡƒΡŽΡ‚ своСй Π³Π»ΡƒΠ±ΠΈΠ½ΠΎΠΉ ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ. Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ сСрвис, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта — это Google’s Page Speed Insights, Π΄Π°ΡŽΡ‰ΠΈΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹Π΅ дСйствСнныС совСты.


28. Domai.nr

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ domai.nr Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π½Π° Π·Π°Π½ΡΡ‚ΠΎΡΡŒ любой Π΄ΠΎΠΌΠ΅Π½ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ подсказки ΠΏΠΎ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Π΄ΠΎΠΌΠ΅Π½Π½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π°ΠΌ. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈ ΡˆΡƒΡΡ‚Ρ€ΠΎ. Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° классная функция — это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ «ΠΏΠ°ΠΊΠ΅Ρ‚Π½ΠΎ» ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π½Π° Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ сразу Ρ…ΠΎΡ‚ΡŒ тысячи Π΄ΠΎΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈΠΌΠ΅Π½.


29. Browser Shots

Browershots — это ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ внСшний Π²ΠΈΠ΄ сайта Π² самых Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Ρ€Π°Π·Π½Ρ‹Ρ… вСрсий ΠΈ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Π½Π° съСдСниС ΠΊΡƒΡ‡Ρƒ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ ΠΎΡ†Π΅Π½ΠΈΠ»ΠΈ, Π½Π΅ коряво Π»ΠΈ выглядит нашС Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅)


30. Piwik

Piwik — эото Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для сбора статистичСских Π΄Π°Π½Π½Ρ‹Ρ… ΠΎ посСтитСлях вашСго сайта.

Аналитика ΠΈ статистика — ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅ΠΉΡˆΠΈΠ΅ (Π°-ля Google Analytics ΠΈΠ»ΠΈ ЯндСкс.ΠœΠ΅Ρ‚Ρ€ΠΈΠΊΠ°), Π½ΠΎ Π²ΠΊΡƒΡΠ½ΠΎΡΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎΠΌ смыслС слова ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ эту систСму сСбС Π½Π° сСрвСр ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌ нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ происходит с Π΅Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ. Наряду с этим Π΅ΡΡ‚ΡŒ ΠΈ классичСский Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅Ρ‚Π΅ΡΡŒ ΠΊ Piwik ΠΊΠ°ΠΊ ΠΊ сСрвису.


31. Responsinator

Responsinator позволяСт вСбмастСрам быстро ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΡ… сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ популярных ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.


32. Whats my browser size?

Π˜Π·ΠΌΠ΅Ρ€ΡΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ΠŸΡ€ΠΎΡΡ‚ Π΄ΠΎ бСзобрразия ΠΈ ΠΏΡ€ΠΈ этом Π²Ρ€Π΅ΠΌΠ΅Π½Π°ΠΌΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π΅Π½.


ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

33. Real Favicon Generator

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ сСрвис для создания favicons. ВмСсто прСдоставлСния Π²Π°ΠΌ ΠΎΠ΄Π½ΠΎΠΉ стандартной ΠΈΠΊΠΎΠ½ΠΊΠΈ, сСрвис Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π½Π° скачиваниС Ρ†Π΅Π»ΡƒΡŽ ΠΏΠ°Ρ‡ΠΊΡƒ ΠΈΠΊΠΎΠ½ΠΎΠΊ — ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ устройства ΠΈ случаи ΠΆΠΈΠ·Π½ΠΈ.


34. Pixlr

Pixlr — ΠΎΡ‡Π΅Π½ΡŒ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ достойный ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ с Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ½ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ΠΎΡ„Ρ„Π°Π»ΠΉΠ½-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π”Π°Π½Π½ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ ΡƒΠΆΠ΅ нСсколько Π»Π΅Ρ‚, ΠΈ ΠΎΠ½ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ остаСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π°.


35. Place it

Placeit.net — это инструмСнт для создания ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ «Π΄Π΅ΠΌΠΎ-вСрсий» сайтов. Для этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ изобраТСния Ρƒ сСбя Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΡ… Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… областях ΡƒΠΆΠ΅ Π·Π°Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹Ρ… Π½Π° сСрвисС шаблонов ΠΈ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°Ρ‚ΡŒΡΡ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ.

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ — вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ появится Π½Π° шаблонС Π½Π° ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅ ΠΈΠ»ΠΈ Π½Π° экранС Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. Π—Π²ΡƒΡ‡ΠΈΡ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈ Ρ…ΠΈΡ‚Ρ€ΠΎ, Π½ΠΎ Π½Π° Π΄Π΅Π»Π΅ всС просто — Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ, ΠΈ Π²Ρ‹ навСрняка Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ этому сСрвису.


36. Place hold

Placehold.it ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния-Π·Π°Π³Π»ΡƒΡˆΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΠΈ мСста ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½Π½ΡƒΡŽ ссылку ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π΅ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src тэга img Π² ΠΊΠΎΠ΄Π΅.


37. Pic Resize

НСсмотря Π½Π° говорящСС Π½Π°Π·Π²Π°Π½ΠΈΠ΅, возмоТности этого сСрвиса выходят Π΄Π°Π»Π΅ΠΊΠΎ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ лишь измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ, ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Ρ‹ Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹.


38. HipChat

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HipChat Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΡƒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ со своими ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ ΠΈΠ»ΠΈ ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Π°ΠΌΠΈ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π‘Ρ€Π΅Π΄ΠΈ возмоТностСй сСрвиса — ΠΎΠ±ΠΌΠ΅Π½ Ρ„Π°ΠΉΠ»Π°ΠΌΠΌ, Π²ΠΈΠ΄Π΅ΠΎΡ‡Π°Ρ‚ ΠΈ дСмонстрация экрана.


39. GitHub ΠΈ Bitbucket

Git сдСлал ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ вСрсий доступным для масс, Π° Github ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π» Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡŽ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ сотрудничСства срСди Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Github — самый популярный Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ Π² ΠΌΠΈΡ€Π΅, Π΄Π°ΡŽΡ‰ΠΈΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ бСсплатно ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ Π»ΡŽΠ±Ρ‹ΠΌ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΌ Π² Π½Π΅Π³ΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ.


Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для Π₯Ρ€ΠΎΠΌΠΎΠ³ΠΎ (Chrome) ΠΈ ОгнСнной Лисы (Firefox)

40. Hasher

Hasher подсчитываСт криптографичСскиС Ρ…ΡΡˆΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ MD5 ΠΈΠ»ΠΈ SHA-1. Он ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Π½Π° JavaScript, поэтому всС вычислСния происходят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.


41. Visual Event

Π”Π°Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ всС события, «Π·Π°Π²ΡΠ·Π°Π½Π½Ρ‹Π΅» Π½Π° Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡƒΠ·Π΅Π» Π² DOM-ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ вСсьма ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΡˆΡ‚ΡƒΠΊΠΎΠΉ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π΄Π΅Π»ΠΎ со слоТными ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ JavaScript-событий.


42. Page Ruler

Быстрый способ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту ΠΈ ΡΠΊΡ€Π°Π½Π½ΡƒΡŽ ΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ‚ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ элСмСнта.


43. JSONView

Адд-ΠΎΠ½ для Chrome ΠΈ Firefox, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΡŽ JSON-Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.


44. SEO Serp Workbench

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΊΠ°ΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ сайта Π² поисковой Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΏΠΎ Ρ‚Π΅ΠΌ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹ΠΌ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ запросам.


45. ColorZilla

Плагин Firefox, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ доступный ΠΈ для Chrome. ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ касаСтся ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.


ΠžΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠ΅ рСсурсы

46. Tutorialzine

Tutorialzine — это сайт, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½Π° данная ΡΡ‚Π°Ρ‚ΡŒΡ. Они ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ достойныС ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠ΄Π° ΠΊΠ°ΠΆΠ΄ΡƒΡŽ нСдСлю. ЗаглядывайтС ΠΊ Π½ΠΈΠΌ для свСТих ΠΈΠ΄Π΅ΠΉ ΠΈ Π·Π½Π°Π½ΠΈΠΉ.


47. Codecademy

ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ мСсто для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ΄Π΅Ρ€ΠΎΠ² ΠΈ людСй, ΠΎΡΠ²Π°ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… Π½ΠΎΠ²Ρ‹ΠΉ язык Π² Ρ‚Π΅ΠΌΠ΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Главная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ — Π»Π΅Π³ΠΊΠΈΠΉ, ΠΏΠΎΠ»ΡƒΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΡŽ самым популярным языкам программирования ΠΈ API.


48. CodeSchool

ВидСокурсы ΠΏΠΎ Ruby, Javascript, HTML/CSS ΠΈ iOS-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅. Π•ΡΡ‚ΡŒ ΡƒΡ€ΠΎΠΊΠΈ ΠΈ упраТнСния ΠΊΠ°ΠΊ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², Ρ‚Π°ΠΊ ΠΈ для ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… рСбят ΠΈ Π΄Π΅Π²Ρ‡Π°Ρ‚.


49. Bento

Bento — это бСсплатная коллСкция руководств ΠΏΠΎ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ аспСктам Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π›ΡŽΠ±ΠΎΠΏΡ‹Ρ‚Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ мСйнстрим-языкам, Π½ΠΎ ΠΈ Π² ΠΌΠ΅Ρ€Ρƒ экзотичСски Π²Π΅Ρ‰ΠΈ, Π° ля: ‘elixir’ ΠΈΠ»ΠΈ ‘backbone.js’.


50. Programming, Motherfucker

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


Π Π°Π·Π½ΠΎΠ΅

51. Π—Π²ΡƒΠΊΠΈ ΠΊΠΎΠ΄ΠΈΠ½Π³Π°

НСт Π½ΠΈΡ‡Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡƒΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°ΡŽΡ‰Π΅Π³ΠΎ, Ρ‡Π΅ΠΌ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΏΠΎΠ΄ Π·Π²ΡƒΠΊΠΈ доТдя. Π”Π²Π° самых извСстных сайта Π² этой области — это Rainy Mood ΠΈ Raining.fm. Π’Ρ‚ΠΎΡ€ΠΎΠΉ Π΄Π°ΠΆΠ΅ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€ΠΎΠΌΠΊΠΎΡΡ‚ΡŒ доТдя ΠΈ Π³Ρ€ΠΎΠΌΠ°:) Ну ΠΈ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ рСсурс — это Coding.fm. Π—Π΄Π΅ΡΡŒ ΡƒΠΆΠ΅ Π½Π΅Ρ‚ доТдя, Π·Π°Ρ‚ΠΎ Π½Π° Π²Ρ‹Π±ΠΎΡ€ Π΅ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π·Π²ΡƒΠΊΠΎΠ² самого процСсса программирования. ΠΠ°ΡΠ»Π°ΠΆΠ΄Π°ΠΉΡ‚Π΅ΡΡŒ.


Ну Ρ‡Ρ‚ΠΎ ΠΆ, Π½Π° этом ΠΏΠΎΠΊΠ° всё. Π”ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ Π΄Π°ΠΆΠ΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ смогли Π½Π°ΠΉΡ‚ΠΈ для сСбя нСсколько Π½ΠΎΠ²Ρ‹Ρ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов ΠΈΠ»ΠΈ ссылок, Π° Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΠΈ вовсС ΡΠ΅Ρ€ΡŒΠ·Π΅Π½ΠΎ ΠΏΠΎΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ свой «Π°Ρ€ΡΠ΅Π½Π°Π»». Π”ΠΎ связи.

По ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ http://tutorialzine.com

ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΡΡ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΡ‚ΡŒ?
ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ!


Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:

НавСрх

Онлайн HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ β€” Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅, IDE ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ для установки Π½Π° сайт

ОбновлСно 5 января 2021 ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²: 37562 Автор: Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΠŸΠ΅Ρ‚Ρ€ΠΎΠ²
  1. ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ доступныС ΠΎΠ½Π»Π°ΠΉΠ½
  2. Онлайн IDE Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ (интСгрированная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ)
  3. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ для установки Π½Π° сайт (сСрвСр)

ЗдравствуйтС, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru. Π•ΡΡ‚ΡŒ такая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, ΠΊΠ°ΠΊ Dreamweaver, которая прСдставляСт ΠΈΠ· сСбя прСкрасный ΠΏΡ€ΠΈΠΌΠ΅Ρ€ WYSIWYG (Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ) HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Π¨Ρ‚ΡƒΠΊΠ° Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Π°Ρ, Π½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‰Π°Ρ нСсколько нСдостатков. Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, эта ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° платная, Π° Π²ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Π΅Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ установлСнной Π½Π° всСх ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…, Π³Π΄Π΅ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с ΠΊΠΎΠ΄ΠΎΠΌ.

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

ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ доступныС ΠΎΠ½Π»Π°ΠΉΠ½

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ Π² Windows, ΠΈ Π² этом Π±ΡƒΠ΄Π΅Ρ‚ своСобразный Β«Π²Ρ‹ΡΡˆΠΈΠΉ ΠΏΠΈΠ»ΠΎΡ‚Π°ΠΆΒ». Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ‡ΡƒΡ‚ΠΎΠΊ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ сСбС Тизнь, Ρ‚ΠΎ возмоТности Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Notepad++ окаТутся Π½Π΅ лишними (ΠΊΡ€ΠΎΠΌΠ΅ этого ΠΎΠ½ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ синтаксис Π΅Ρ‰Π΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… дСсятков языков программирования).

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

  1. RenderaΒ β€” ΠΎΠ½Π»Π°ΠΉΠ½ Html5 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ просмотра Π² Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ‚Π²ΠΎΡ€ΠΈΡ‚Π΅ (Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ). Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ быстрой вставки Html Ρ„ΠΎΡ€ΠΌ, списков, Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ с CSS ΠΈ Π”ΠΆΠ°Π²Π°Π‘ΠΊΡ€ΠΈΠΏΡ‚ ΠΊΠΎΠ΄ΠΎΠΌ.
  2. Dirty MarkupΒ β€” это Π½Π΅ совсСм Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π° скорСС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π±Π΅Π·ΠΎΠ±Ρ€Π°Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π² Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ. О Ρ‡Π΅ΠΌ я Π³ΠΎΠ²ΠΎΡ€ΡŽ? ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, я ΠΊΠ°ΠΊ-Ρ‚ΠΎ писал, Ρ‡Ρ‚ΠΎ сТатиС CSS ΠΈ JS ΠΊΠΎΠ΄Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ Ρ‡ΡƒΡ‚ΠΎΠΊ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайтов (для высоконагруТСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, это ΡƒΠΆΠ΅ выливаСтся Π² освобоТдСниС ΠΊΡƒΡ‡ΠΈ сСрвСров).

    Π’Π°ΠΊ Π²ΠΎΡ‚, Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΊΠΎΠΏΠ°Ρ‚ΡŒΡΡ Π² Ρ‚Π°ΠΊΠΎΠΌ мСсивС, Ρ‚ΠΎ Ρ‚Π°ΠΌ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ форматирования Html ΠΈ CSS ΠΊΠΎΠ΄Π° символами ΠΏΡ€ΠΎΠ±Π΅Π»Π°, табуляциСй ΠΈΠ»ΠΈ пСрСноса строк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ Π΅Π³ΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ. Π‘ΡƒΠ΄Π΅Ρ‚, скорСС всСго, ΠΎΠ΄Π½Π° строка ΠΊΠΎΠ΄Π° Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ². А Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΠΏΡΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ) Π½Π°ΠΌ ΠΈ Π½ΡƒΠΆΠ΅Π½ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Dirty Markup.

    Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° возьмСм Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ исходного ΠΊΠΎΠ΄Π° страницы Π²Ρ‹Π΄Π°Ρ‡ΠΈ Π“ΡƒΠ³Π»Π° (всС слСплСно Π² ΠΎΠ΄Π½Ρƒ строку) ΠΈ ΠΏΡƒΡ‚Π΅ΠΌ копипаста пСрСнСсСм Π΅Π³ΠΎ Π² ΠΎΠΊΠ½ΠΎ этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°:

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π°ΠΆΠΌΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«CleanΒ» ΠΈ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚:

    Код стал Π½Π° порядок Π±ΠΎΠ»Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ ΠΈ понятным. Появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ ΠΈ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ. Π’ΠΎ ΠΆΠ΅ самоС ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ с CSS, ΠΈ с JS ΠΊΠΎΠ΄ΠΎΠΌ Ρ‚ΠΎΠΆΠ΅. ΠžΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² свой стационарный Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ с Π½ΠΈΠΌ Ρ€Π°Π±ΠΎΡ‚Ρƒ.
  3. LivegapΒ β€” ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Html, CSS ΠΈ Javascript ΠΊΠΎΠ΄Π°. ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅ Rendra, Π½ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ возмоТности быстрой вставки Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… элСмСнтов (Ρ‚Π°Π±Π»ΠΈΡ†, списков ΠΈ Ρ‚.ΠΏ.). Π—Π°Ρ‚ΠΎ своС Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ располоТСнной Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈ Π΄Π°ΠΆΠ΅ Ρ€Π°ΡΡˆΠ°Ρ€ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ссылку Π½Π° Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚:
  4. PractiCodeΒ β€” ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΡ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Html, CSS ΠΈ Javascript. ΠšΠΎΠΌΡƒ-Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ понравится для быстрого написания ΠΊΠΎΠ΄Π° Π½Π° Ρ‡Π΅Ρ€Π½ΠΎΠ²ΡƒΡŽ.
  5. HTMLeditΒ β€” совсСм ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Никакого интСрфСйса Π½Π΅ прСдусмотрСно, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π²Π° ΠΎΠΊΠ½Π°Β β€” Π²Π΅Ρ€Ρ…Π½Π΅Π΅ (Π³Π΄Π΅ ΠΏΠΈΡˆΠΈΡ‚Π΅ свой ΠΊΠΎΠ΄) ΠΈ Π½ΠΈΠΆΠ½Π΅Π΅ (Π³Π΄Π΅ ΠΎΠ½ визуализируСтся). Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° ΠΌΠ°Π»ΠΎ, Π½ΠΎ Π·Π°Ρ‚ΠΎ понятСн ΠΈ прост.
  6. JSBinΒ β€” позиционируСтся, судя ΠΏΠΎ названию, ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Javascript, Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΠ· ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π°, позволяСт прСкрасно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ с Html, ΠΈ CSS ΠΊΠΎΠ΄ΠΎΠΌ. Π˜ΠΌΠ΅Π΅Ρ‚ простой ΠΈ ΠΎΡ‡Π΅Π½ΡŒ наглядный интСрфСйс.
  7. HTML InstantΒ β€” Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Html ΠΈ CSS ΠΊΠΎΠ΄Π°. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ довольно-Ρ‚Π°ΠΊΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ панСль инструмСнтов — ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ тСкст ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ‚Π΅Π³Π°ΠΌΠΈ Π°Π±Π·Π°Ρ†Π΅Π² ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания каркаса для списков ΠΈΠ»ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†.
  8. Online HTML EditorΒ β€” Π½Ρƒ ΠΈ Π½Π° закуску Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΎΠ΅ Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅ Π½Π° Ρ‚Ρƒ ΠΆΠ΅ Ρ‚Π΅ΠΌΡƒ. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ панСль инструмСнтов ΠΈ просмотра созданного ΡˆΠ΅Π΄Π΅Π²Ρ€Π° (визуализация).
  9. VulkΒ β€” Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π° русском языкС. ВозмоТностСй Π²ΠΏΠΎΠ»Π½Π΅ достаточно для ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Html ΠΈ Π½Π΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ лишнСго. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ инструкция Π½Π° русском. БобствСнно, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ, Π° Π·Π°Ρ‚Π΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, запуская Html-Ρ„Π°ΠΉΠ»ΠΈΠΊ ΠΈΠ· скачанной ΠΏΠ°ΠΏΠΊΠΈ.

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ, ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΈ побольшС, Π½ΠΎ Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΈ этого для Π½Π°Ρ‡Π°Π»Π° Π²ΠΏΠΎΠ»Π½Π΅ достаточно. НадСюсь Π΅Ρ‰Π΅ ΠΈ Π½Π° вас — Ссли ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, Ρ‚ΠΎ Π½Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ.

Онлайн IDE Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ (интСгрированная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ)

  1. ShiftEditΒ β€” ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ PHP, Ruby, Java, HTML, CSS ΠΈ JavaScript ΠΊΠΎΠ΄Π°. ΠšΡ€ΠΎΠΌΠ΅ этого Π² Π½Π΅ΠΌ имССтся встроСнная Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ доступ ΠΊ сайту ΠΏΠΎ FTP ΠΈΠ»ΠΈ SFTP, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊ ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠΌΡƒ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Ρƒ Dropbox ΠΈ ΠΎΠ±Π»Π°ΠΊΡƒ Google. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π½ΠΈΠΌΒ β€” бСсплатный ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ. ΠžΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ΡΡ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ возмоТностями Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π½ΠΎ Π² ΠΎΠ±ΠΎΠΈΡ… случаях сначала придСтся Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΡ‚ΠΎΠΌ ΡƒΠΆΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Get StartedΒ».

    Благодаря встроСнному FTP ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ, ShiftEdit позволяСт Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PHP, HTML, CSS ΠΈ JavaScript, Π½ΠΎ ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ, Ρ‚.Π΅. Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π½Π° сСрвСр. Π’Π°ΠΊΠΆΠ΅ этот ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡƒΠΌΠ΅Π΅Ρ‚:

    1. ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ синтаксис ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ допустили ΠΏΡ€ΠΈ написании ΠΊΠΎΠ΄Π° (прямо Π²ΠΎ врСмя Π΅Π³ΠΎ Π½Π°Π±ΠΎΡ€Π°)
    2. Π”ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ (Π΄Π΅Π»Π°Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅) ΠΈ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ скобки
    3. Π’Π°ΠΊΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ упомянутый Π²Ρ‹ΡˆΠ΅ Dirty Markup, этот ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡƒΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ Π² Π½Π΅Π³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΊΠΎΠ΄Π° (Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π°Π±Ρ‹ ΠΈ пСрСносы строк для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ наглядности).
    4. Π”Π΅Π»Π°Ρ‚ΡŒ шаг Π½Π°Π·Π°Π΄, ΠΊΠ°ΠΊ Π² любом ΡƒΠ²Π°ΠΆΠ°ΡŽΡ‰Π΅ΠΌ сСбя Π΄Π΅ΠΊΡ‚ΠΎΠΏΠ½ΠΎΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅
    5. Π•ΡΡ‚ΡŒ WYSIWYG-Ρ€Π΅ΠΆΠΈΠΌ (Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ), ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ вносимых Π² ΠΊΠΎΠ΄ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ
    6. Π˜ΠΌΠ΅Π΅Ρ‚ мСсто Π±Ρ‹Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π“ΡƒΠ³Π» Π₯Ρ€ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² этом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΡ„Ρ„Π»Π°ΠΉΠ½Β β€” ShiftEdit.
  2. Cloud9IdEΒ β€” ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML, Node.js, PHP, Python ΠΈ Ruby, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎ своСму Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ ΠΈ возмоТностям ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ описанный ShiftEdit. Π’Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΈ бСсплатныС Ρ€Π΅ΠΆΠΈΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π½ΠΈΠΌ, Π° Π΅Ρ‰Π΅ трСбуСтся ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ рСгистрация.
  3. KodingenΒ β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠ±Π°ΠΉΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΏΠ°Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ΄ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ срСда для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» схоТ с ShiftEdit ΠΈ Cloud9IdE. БобствСнно, Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… ΠΏΡ€ΠΎΠΌΠΎΡ€ΠΎΠ»ΠΈΠΊ, Ρ‡Π΅ΠΌ ΡΠ»ΡƒΡˆΠ°Ρ‚ΡŒ ΠΌΠΎΠΈ пространныС рассуТдСния.
  4. CodeanywhereΒ β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ IDE Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сочСтаСт Π² сСбС Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ЀВП ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, ΠΈ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π½Π° ДропбоксС Π² Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, всС Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΒ β€” ΠΎΠ½Π»Π°ΠΉΠ½, подсвСчиваСт синтаксис дСсятков языков программирования ΠΈ Ρ‚.Π΄. ΠΈ Ρ‚.ΠΏ.
  5. На самом Π΄Π΅Π»Π΅ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΎΠ½Π»Π°ΠΉΠ½ срСд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΎΠΊ (ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Ρ… IDE) Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ создано достаточно ΠΌΠ½ΠΎΠ³ΠΎ. Π’ΠΈΠ΄ΠΈΠΌΠΎ Π½Π° Π½ΠΈΡ… Π΅ΡΡ‚ΡŒ спрос ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹ использования Ρ‚Π°ΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² приносят Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π°ΠΌ. Π”Π°Π²Π°ΠΉΡ‚Π΅ я просто ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΡŽ Π΅Ρ‰Π΅ нСсколько ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ сильно вас ΡƒΡ‚ΠΎΠΌΠ»ΡΡ‚ΡŒ.
    1. OrionΒ β€” Π² основном для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с HTML ΠΈ JavaScript.
    2. Cloud IDEΒ β€” Javascript, Ruby, Groovy, Java, HTML ΠΈ ряд Π΄Ρ€ΡƒΠ³ΠΈΡ… языков
    3. Neutron IDEΒ β€” синтаксис 40 языков, FTP Client, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ Google Drive ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ для установки Π½Π° сайт (сСрвСр)

Π•ΡΡ‚ΡŒ ряд Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для использования Π½Π° своСм сайтС (сСрвСрС). Они Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² PHP прилоТСниях (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Π°Π΄ΠΌΠΈΠ½ΠΊΡƒ самописной CMS ΠΈΠ»ΠΈ Π² Ρ„ΠΎΡ€ΠΌΡƒ для добавлСния ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π½Π° сайтС).

  1. Cute EditorΒ β€” ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° страницу с Π΄Π΅ΠΌΠΎ-вСрсиСй этого Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‡ΡƒΠ΄Π°. Π’ Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΈ Π² любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΡƒΠ²Π°ΠΆΠ°ΡŽΡ‰Π΅ΠΌ сСбя WYSIWYG Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ Π²Π΅Π±-станицу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰Π΅ΠΉ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π’ΠΎΡ€Π΄. ΠŸΡ€ΠΈΡ‡Π΅ΠΌ, имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ инструмСнтов с экрана, Π΄Π°Π±Ρ‹ Π½Π΅ Π·Π°Ρ…Π»Π°ΠΌΠ»ΡΡ‚ΡŒ Π΅Π³ΠΎ.

    Π•Ρ‰Π΅ имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π² Ρ€Π΅ΠΆΠΈΠΌ рСдактирования Html ΠΊΠΎΠ΄Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ располоТСнной Π²Π½ΠΈΠ·Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

    Π˜Π½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ ΠΏΠΎ Π΅Π³ΠΎ использованию Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π½Π° сайтС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, ΠΏΡ€Π°Π²Π΄Π° ΠΎΠ½Π° Π½Π° Π°Π½Π³Π»ΠΈΡ†ΠΊΠΎΠΌ.
  2. CKEditor (Π΄Π΅ΠΌΠΎ-страница)Β β€” ΠΎΡ‡Π΅Π½ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ просмотра Html ΠΊΠΎΠ΄Π° (ΠΊΠ½ΠΎΠΏΠΊΠ° Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ»). Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² Ρ€Π°Π·Π½Ρ‹Ρ… стСпСнях наворочСнности Π½Π° этой страницС. Π’Π°ΠΌ ΠΆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ ссылки Π½Π° инструкции ΠΏΠΎ Π΅Π³ΠΎ установкС.

Π£Π΄Π°Ρ‡ΠΈ Π²Π°ΠΌ! Π”ΠΎ скорых встрСч Π½Π° страницах Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru

ВСрстка сайта: Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML, графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для вСрстки сайта схоТи с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ ΠΏΡ€Π΅Π΄ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ, Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅ β€” Π²Π΅Π±-страницС (Ρ„Π°ΠΉΠ» HTML ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹). Π­Ρ‚ΠΈ инструмСнты ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ интСрфСйс Β«WYSIWYGΒ» (What You See Is What You Get β€” Π§Ρ‚ΠΎ видишь, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡˆΡŒ) ΠΈ использованиС подсказок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡΠ²ΠΎΠ±ΠΎΠΆΠ΄Π°ΡŽΡ‚ ΠΎΡ‚ Π²Π²ΠΎΠ΄Π° ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π΅Π³ΠΎΡΡ ΠΊΠΎΠ΄Π° HTML ΠΈ CSS.

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

ВСрстка сайта

Adobe Dreamweaver (Windows ΠΈ OS X). НаиболСС ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Π°Ρ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, способствуСт ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΡŽ чистого ΠΊΠΎΠ΄Π° ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ возмоТности.

Microsoft Expression Web (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Windows). Π§Π°ΡΡ‚ΡŒ ΠΏΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… срСдств проСктирования ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ Microsoft, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ…Π²Π°ΡΡ‚Π°Ρ‚ΡŒΡΡ созданиСм ΠΊΠΎΠ΄Π°, совмСстимым со стандартами ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ, основанными Π½Π° Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… стилСй.

Nvu (Linux, Windows ΠΈ OS X). НС Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG Nvu (произносится «эн-вью») β€” инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ соотвСтствуСт ΠΌΠ½ΠΎΠ³ΠΈΠΌ возмоТностям ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Dreamweaver ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ с Π²Π΅Π±-сайта nvu.mozillarussia.org.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML ΠΊΠΎΠ΄Π° (Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ инструмСнтам для вСрстки) Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ процСсс написания HTML ΠΊΠΎΠ΄Π° Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. Они Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ страницу Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ, поэтому Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. МногиС ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π° самом Π΄Π΅Π»Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡΡ‚ΡŒ инструмСнтов:

TextPad (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Windows). TextPad β€” простой ΠΈ Π½Π΅Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы Windows.

Sublime Text (Window, OS X ΠΈ Linux). Π­Ρ‚ΠΎΡ‚ Π½Π΅Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΎΠ±Π΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ каТСтся ΡƒΡ€Π΅Π·Π°Π½Π½Ρ‹ΠΌ, Π½ΠΎ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, подсвСтка синтаксиса ΠΈ ΠΎΠ±Π·ΠΎΡ€ ΠΊΠΎΠ΄Π° Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‡Π΅Π½ΡŒ нравятся Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ.

Coda ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Panic (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ OS X). ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Coda нравится Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ дСйствий, инструмСнты управлСния Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΈ встроСнный доступ ΠΊ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Ρƒ.

TextMate ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ MacroMates (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ OS X). Π­Ρ‚ΠΎΡ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ инструмСнты управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ интСрфСйс, встраиваСмый Π² ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ систСму OS X. Π•Π³ΠΎ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ растСт, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ прост Π² использовании, ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π΅Π½ ΠΈ Π½Π΅Π΄ΠΎΡ€ΠΎΠ³.

BBEdit ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Bare Bones Software (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ OS X). ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй подсвСтки синтаксиса ΠΊΠΎΠ΄Π° сдСлали эту ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π²Π΅Π΄ΡƒΡ‰ΠΈΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ… ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы OS X.

ГрафичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

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

Adobe Photoshop (Windows ΠΈ OS X). Photoshop β€” бСсспорный ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½Ρ‹ΠΉ стандарт для создания ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠ°ΠΊ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Ρ‚Π°ΠΊ ΠΈ Π²Π΅Π±-страниц.

Adobe Photoshop Elements (Windows ΠΈ OS X). Π­Ρ‚Π° упрощСнная вСрсия ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Photoshop Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° для Π»ΡŽΠ±ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ рСдактирования ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Π½ΠΎ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° содСрТит всС инструмСнты, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для создания ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²Π΅Π±-страниц.

Adobe Illustrator (Windows ΠΈ OS X). Π’Π°ΠΊ ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, Π·Π½Π°Ρ‡ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΌΠΈ изобраТСниями Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Illustrator, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ максимальной гибкости. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ изобраТСния для ВсСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Ρ‹ нСпосрСдствСнно ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Illustrator ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ ΠΈΡ… Π² Photoshop для Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Adobe Fireworks (Windows ΠΈ OS X). Π­Ρ‚Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для создания Π²Π΅Π±Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ сочСтаСт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с инструмСнтами для создания Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ инструмСнты для создания графичСских ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для ВсСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Ρ‹.

Corel PaintShop Pro (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Windows). ΠŸΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, популярный срСди ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Windows, ΠΏΡ€Π΅ΠΆΠ΄Π΅ всСго ΠΈΠ·-Π·Π° ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΠΈΠ·ΠΊΠΎΠΉ Ρ†Π΅Π½Ρ‹.

GIMP (Unix Windows ΠΈ OS X). Π­Ρ‚ΠΎΡ‚ бСсплатный графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Photoshop.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ бСсплатныС HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ β€” Π”ΠΆΠΈΠ½ΠΎ β€’ Π–ΡƒΡ€Π½Π°Π»

21 октября 2019 Π³.

ВрСмя чтСния: 2 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹

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

ДоступСн Π½Π° Windows, Linux, MacOS

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Visual Studio Code ΠΎΡ‚ Microsoft β€” самый ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для HTML ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΠΎΠ³ΠΎ сайта Stack Overflow. Π’ Π½Ρ‘ΠΌ Π΅ΡΡ‚ΡŒ всё самоС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для Ρ€Π°Π±ΠΎΡ‚Ρ‹: Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, подсвСтка синтаксиса, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для поиска ошибок ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ возмоТности Π² Visual Studio Code ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ установки Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, счёт ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ΄Ρ‘Ρ‚ Π½Π° тысячи. ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для слоТных ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ сайтов, для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ†Π΅Π»ΠΎΠ΅ мноТСство Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ.

ДоступСн Π½Π° Windows, Linux, MacOS

Brackets — ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Adobe, извСстной благодаря Π»Π΅Π³Π΅Π½Π΄Π°Ρ€Π½ΠΎΠΌΡƒ Photoshop ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈ сам Brackets Π·Π°Ρ‚ΠΎΡ‡Π΅Π½, ΠΏΡ€Π΅ΠΆΠ΄Π΅ всСго, для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ сайта, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ плюсом для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ являСтся Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠΎΠ΄ΠΎΠΌ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ Ρ‚ΡƒΡ‚ ΠΆΠ΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π²Π°ΡˆΠΈΡ… дСйствий Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. А Π½Π°ΠΆΠ°Π² Π½Π° элСмСнт Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ сайта, Π²Ρ‹ ΠΏΠΎΠΏΠ°Π΄Ρ‘Ρ‚Π΅ Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π΅ΠΌΡƒ участок ΠΊΠΎΠ΄Π°. И установка Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π½Π° Brackets Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π°.

ДоступСн Π½Π° Windows, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π° Linux Ρ‡Π΅Ρ€Π΅Π· Wine

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ минималистичный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. Π£Π΄ΠΎΠ±Π΅Π½ для ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ сразу с нСсколькими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΈ с большим количСством Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. Π˜ΠΌΠ΅Π΅Ρ‚ Ρ‚Π°Π±Π»ΠΈΡ‡Π½Ρ‹ΠΉ интСрфСйс ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°Π·Π²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° для фокусирования внимания Π½Π° Π³Π»Π°Π²Π½ΠΎΠΌ. Notepad++ Π½Π΅ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»Π΅Π½ ΠΊ рСсурсам ΠΈ, ΠΊΠ°ΠΊ ΠΈ Π΅Π³ΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

ДоступСн Π½Π° Windows, Linux, OS X

НСсмотря Π½Π° Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ бСсплатно доступна Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ограничСнная вСрсия Sublime Text, Π½Π° этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Он позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² экрана. ΠΏΡ€ΠΈΡ‡Ρ‘ΠΌ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ с Ρ‡Π΅Ρ‚Ρ‹Ρ€ΡŒΠΌΡ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. К Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ Π² Sublime Text Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° удобная навигация ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°Ρ€Ρ‚Ρ‹. Π•Ρ‰Ρ‘ ΠΎΠ΄Π½Π° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° β€” это тысячи самых Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, созданных самими ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

ДоступСн Π½Π° Windows, Linux, OS X

Одна ΠΈΠ· самых Π½ΠΎΠ²Ρ‹Ρ… ΠΈ Π±Ρ‹ΡΡ‚Ρ€ΠΎΡ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…ΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΎΠΊ Π² сфСрС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°. ΠžΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ΡΡ большой Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΈ ΠΏΠΎΠ½ΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ настроСк интСрфСйса. Π’ Π±Π°Π·ΠΎΠ²ΠΎΠΉ вСрсии Atom сразу ΠΆΠ΅ доступСн с нСсколькими дСсятками установлСнных ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π±Ρ‹Π» Π·Π°ΠΏΡƒΡ‰Π΅Π½ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅Π΄Π°Π²Π½ΠΎ, поэтому Π² Π½Ρ‘ΠΌ Π½Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСдостатки Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄Π°Π²Π½ΠΎ Π·Π°Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π²Π°ΡˆΠΈΡ… сСбя Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ автозаполнСния, Ρ€Π°Π·Π±ΠΈΠ²ΠΊΠ° интСрфСйса Π½Π° мноТСство ΠΎΠΊΠΎΠ½, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ поиска ΠΈ Π·Π°ΠΌΠ΅Π½Ρ‹ β€” всё это Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π² Atom Π½Π° соврСмСнном ΡƒΡ€ΠΎΠ²Π½Π΅.

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

Π’ΠΎΠΏ 10. Π›ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML

ВсС ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ Ρ‡Ρ‚ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ языка HTML ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ ΠΎΡ‚Β HyperText Markup Language, Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ – язык гипСртСкстовой размСтки. ВСрминология языка Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ это тСкстовый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ с указаниями Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, списки ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ выдСлСния Π² тСкстС. ΠŸΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π²ΠΎ всСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Π΅ написаны ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° HTML. ΠŸΠ΅Ρ€Π΅Π΄Π°Ρ‘Ρ‚ΡΡ информация ΠΎΡ‚ сСрвСра ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΏΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»Π°ΠΌ ΠΈ с условиСм сТатия. Из истории Ρ‚Π°ΠΊΠΆΠ΅ извСстно, Ρ‡Ρ‚ΠΎ язык разрабатывался Вимом БСрнСрсом-Π›ΠΈ Π² 1986-1991 Π³ΠΎΠ΄Π°Ρ….
БправСдливости Ρ€Π°Π΄ΠΈ, Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚. Но это Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ, Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² с Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ функциями (угадывания символов, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ рСдактирования, подсвСткой ΠΊΠΎΠ΄Π° ΠΈ Ρ‚.ΠΏ).
Π˜Ρ‚Π°ΠΊ, посмотрим Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML:

1 мСсто. Sublime Text

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ, бСсплатный, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. Из плюсов нСльзя Π½Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ приятный интСрфСйс, удобство управлСния, ΠΈ Π³ΠΈΠ±ΠΊΡƒΡŽ настройку. Π’Π°ΠΊΠΆΠ΅ нСсомнСнным плюсом являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ.Β ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ функция мноТСствСнного выдСлСния ΠΈ рСдактирования, этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π½Π΅Ρ‚ Ρƒ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Она Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊ: заТимаСшь Ctrl ΠΈ послС выдСлСния строк тСкста ΠΎΠ½ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π’Π°ΠΊΠΆΠ΅ Π² этом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π΅ΡΡ‚ΡŒ функция горячих клавиш Π½Π° Π»ΡŽΠ±Ρ‹Π΅ дСйствия. Плагинов ΠΏΠΎΠΊΠ° Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ.

2 мСсто. Aptana Studio

Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π² основном создавался ΠΏΠΎΠ΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с HTML. Из плюсов нСльзя Π½Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ прСкрасноС Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅, подсвСтка ΠΊΠΎΠ΄Π° ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ систСму управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ. Для бСсплатного Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ просто Π½Π΅ΠΎΡ†Π΅Π½ΠΈΠΌΡ‹. Π’Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Ρƒ Dreamweaver Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ мноТСство ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ большой Π²Ρ‹Π±ΠΎΡ€ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎΠΏΡ†ΠΈΠΉ, настроСк ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΏΡƒΠ³Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°, Π½ΠΎ Aptana Studio являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML.

3 мСсто. Notepad++

ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ°ΠΊ бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Π₯ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ подсвСтки, Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π° Π·Π° счёт большого количСства ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ. Π’Π°ΠΊΠΆΠ΅ этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΡ‡Π΅Π½ΡŒ быстро Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π΄Π°ΠΆΠ΅ с большим количСством ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

4 мСсто. Macromedia (Adobe) Dreamweaver

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

5 мСсто.Β RJ TextEd

НСслоТный бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, написанный Π² 2004 Π³ΠΎΠ΄Ρƒ для опСрационной систСмы Windows. Π’ Π½Ρ‘ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ подсвСтку ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя, частично Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π°Π²Ρ‚ΠΎΠ·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎΠ΅ количСство минусов, ΠΊΠ°ΠΊ ΡΠ΅Ρ€ΡŒΡ‘Π·Π½Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Ρ…, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ Π½Π΅Ρ‚Ρƒ FTP ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Π½Π΅Ρ‚Ρƒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ…Π²Π°Ρ‚Π° зависимых Ρ„Π°ΠΉΠ»ΠΎΠ², Π½Π΅Ρ‚Ρƒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ CSS 3, JS ΠΈ Ρ‚.ΠΏ.

6 мСсто. KompoZer

Π­Ρ‚ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Π‘Ρ€Π°Π·Ρƒ Π²ΠΈΠ΄Π½ΠΎ ΠΊΠ°ΠΊ страница ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈΒ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС элСмСнты HTML. KompoZer это ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ Π½Π΅ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ Dreamweaver ΠΈ Π²Π΅Π΄Ρ‘Ρ‚ ΠΎΠ½ сСбя соотвСтствСнно. Из плюсов нСльзя Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ встроСнный CSS Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ FTP ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€.

7 мСсто. Komodo Edit

Π­Ρ‚ΠΎ бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΎΡ‚ коммСрчСского Komodo IDE ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ унаслСдовал мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠΌΠ΅Π΅Ρ‚ стандартноС Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅, подсвСтку ΠΊΠΎΠ΄Π°. Из плюсов ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ быстрый запуск, ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ горячиС клавиши. Π’Π°ΠΊΠΆΠ΅ встроСн ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ установки Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ разрабатывался ΠΊΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

8 мСсто. Vim

Π‘Ρ‚Π°Ρ€Ρ‹ΠΉ Π΄ΠΎΠ±Ρ€Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ Π½Π° основС Π±ΠΎΠ»Π΅Π΅ старого Vi ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» создан Π°ΠΆ Π² 1976 Π³ΠΎΠ΄Ρƒ. Π’Ρ‹ спроситС ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ Π΄ΠΎ сих ΠΏΠΎΡ€ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ создано ΠΏΠΎΡ‡Ρ‚ΠΈ 40 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄? Π”Π° ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это вСликолСпная ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ удобство управлСния. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊ этому Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ Π½Π°Π΄ΠΎ ΠΎΡ‡Π΅Π½ΡŒ сильно ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ°Ρ‚ΡŒ, Π²ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Π½Π°Π΄ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°Ρ‚ΡŒ слСпой Π½Π°Π±ΠΎΡ€ (ΠΈΠ±ΠΎ Π±Π΅Π· Π½Π΅Π³ΠΎ Π²Β Vim Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅Ρ‡Π΅Π³ΠΎ), ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ горячим клавишам, Π·Π° счёт ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… происходит основноС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ.

9 мСсто. Fraise

Fraise являСтся бСсплатным тСкстовым Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ с подсвСткой синтаксиса. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» Π΅Π³ΠΎ Jean-FranΓ§ois Moy Π½Π° основС Smultron. Из плюсов это прСкрасноС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ, ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° символов, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½Π° 2 ΠΎΠΊΠ½Π° ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Но Π³Π»Π°Π²Π½Ρ‹ΠΌ минусом являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ сущСствуСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ΄ Mac OS.

10 мСсто. PSPad

Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Windows, с мноТСством ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. ΠžΡ‡Π΅Π½ΡŒ приятная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ сТатия HTML ΠΊΠΎΠ΄Π°, для Π±ΠΎΠ»Π΅Π΅ быстрой Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц, этого я Π½Π΅ Π²ΠΈΠ΄Π΅Π» Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ….

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML

с использованиСм кода Visual Studio

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

IntelliSense

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

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

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

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

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

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

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

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

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

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

  дюймов HTML.autoClosingTags ": false  

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

.
  "editor.linkedEditing": true  

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

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

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

Π₯ΠΎΠ²Π΅Ρ€

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

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

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

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

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

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

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

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

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

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

  "[html]": {
    "Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.foldStrategy ":" отступ "
},  

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

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ исходного ΠΊΠΎΠ΄Π° HTML, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ⇧βŒ₯F (Windows Shift + Alt + F, Linux Ctrl + Shift + I) для форматирования всСго Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ Π’Ρ‹Π±ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ⌘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 : БтратСгия ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²:
    • Π°Π²Ρ‚ΠΎ : пСрСнос ΠΏΡ€ΠΈ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ΅Π½ΠΈΠΈ Π΄Π»ΠΈΠ½Ρ‹ строки
    • 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 форматируСтся, Ссли Π½Π΅ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Ρ‚Π΅Π³ΠΈ «скрипт».

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

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

VS Code ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ сниппСта 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.

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

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ шаги

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ дальшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ:

ΠžΠ±Ρ‰ΠΈΠ΅ вопросы

Π•ΡΡ‚ΡŒ Π»ΠΈ Π² VS Code ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр HTML?

НСт, VS Code Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ встроСнной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра HTML, Π½ΠΎ Π΅ΡΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, доступныС Π² VS Code Marketplace. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ прСдставлСниС Extensions (β‡§βŒ˜X (Windows, Linux Ctrl + Shift + X)) ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ поиск ΠΏΠΎ Β«ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ просмотру Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈΒ» ΠΈΠ»ΠΈ Β«ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ просмотру HTMLΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ список доступных Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра HTML.

07.10.2021

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.

15 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° 2021 Π³ΠΎΠ΄Π° (Π² Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π΅ ΠΈ ΠΎΠ±Π·ΠΎΡ€Π°Ρ…)

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° сильно измСнилось Π·Π° послСдниС 29 с лишним Π»Π΅Ρ‚. Π’ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π»ΠΎΡΡŒ ΠΊΠ°ΠΊ тСкстовыС страницы с гипСрссылками Π² 1991 Π³ΠΎΠ΄Ρƒ, ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ появлСнию HTML 5, Bootstrap, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов ΠΈ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-сайт сСгодня, сущСствуСт мноТСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ°Ρ€ΡˆΡ€ΡƒΡ‚ΠΎΠ². Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ всС сводится ΠΊ вашим знаниям Π² области программирования ΠΈ функциям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Π΅Π±-сайту.

  • НапримСр, Ссли Π²Ρ‹ ΠΌΠ°Π»Ρ‹ΠΉ бизнСс ΠΈ Π½ΡƒΠΆΠ΄Π°Π΅Ρ‚Π΅ΡΡŒ Π² быстром создании Π²Π΅Π±-сайта, Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ — это простой конструктор сайтов, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Wix.
  • Если Π²Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€, ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ Π±ΠΎΠ»Π΅Π΅ слоТный Π²Π΅Π±-сайт для ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Webflow — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с HTML5 ΠΈ JavaScript.
  • ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ элСктронной Ρ‚ΠΎΡ€Π³ΠΎΠ²Π»ΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ созданиС Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ.
  • И использованиС собствСнного Π²Π΅Π±-хостинга с WordPress — ваш Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€, Ссли Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π±Π»ΠΎΠ³.

Π’Ρ‹Π±ΠΎΡ€ Π·Π° Π²Π°ΠΌΠΈ.

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

ΠŸΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΠΌ.

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

КакоС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° самоС Π»ΡƒΡ‡ΡˆΠ΅Π΅?

Π’ΠΎΡ‚ ΠΌΠΎΠΉ Π²Ρ‹Π±ΠΎΡ€ Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

1. Wix.

Π›ΡƒΡ‡ΡˆΠΈΠΉ конструктор сайтов для ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса (13 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

Wix — это конструктор Π²Π΅Π±-сайтов SaaS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… шаблонов ΠΈ инструмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ….

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

Он Ρ‚Π°ΠΊΠΆΠ΅ содСрТит Π±ΠΎΠ»Π΅Π΅ 500 дизайнСрских шаблонов.

Π£ вас Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с поиском подходящСго шаблона для вашСго сайта.Wix Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡƒΠ·ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ поиска.

НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ· Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… отраслСй, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Β«Π—Π΄ΠΎΡ€ΠΎΠ²ΡŒΠ΅ ΠΈ Π±Π»Π°Π³ΠΎΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ΅Β», Β«ΠšΡ€Π°ΡΠΎΡ‚Π° ΠΈ волосы», «Мода ΠΈ ΡΡ‚ΠΈΠ»ΡŒΒ» ΠΈ Ρ‚. Π”.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° нСсколько вопросов, связанных с бизнСсом, ΠΈ Wix Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ваш сайт ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для вас.

Помимо шаблонов, Wix ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 30 встроСнных ΠΌΠ΅Π΄ΠΈΠ°-Π³Π°Π»Π΅Ρ€Π΅ΠΉ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои изобраТСния, Π²ΠΈΠ΄Π΅ΠΎ с автовоспроизвСдСниСм ΠΈ тСкст Π² этих галСрСях.

Wix Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°ΠΊΠΈΡ… элСмСнтов, ΠΊΠ°ΠΊ:

  • Π‘Π»ΠΎΠ³ для ΠΎΠ±ΠΌΠ΅Π½Π° идСями ΠΈ развития вашСго сообщСства.
  • Logo Maker для создания ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° для вашСго сайта.
  • ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π΄ΠΎΠΌΠ΅Π½Ρ‹ для Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π° вашСго сайта.
  • Π’Π΅ΠΌΡ‹ ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

Wix Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ собствСнного ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой Π²Π΅Π±-сайт Π² мобильной вСрсии, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ смартфонов.

Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π½ SEO, основанный Π½Π° вашСм мСстополоТСнии, бизнСсС, ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… словах ΠΈ мСстополоТСнии.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Wix ADI — Π˜ΡΠΊΡƒΡΡΡ‚Π²Π΅Π½Π½Ρ‹ΠΉ дизайнСрский ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ (ADI) ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ пСрсонализированный Π²Π΅Π±-сайт с ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π½Π° основС Π²Π°ΡˆΠΈΡ… Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ². Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ / ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅.
  • Wix Corvid — Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с использованиСм бСссСрвСрных вычислСний. Π”ΠΎΠ±Π΅ΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎΠ»Π½ΠΎΠΉ свободы Π΄ΠΈΠ·Π°ΠΉΠ½Π°, управляя своими Π²Π΅Π±-страницами ΠΈΠ· ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ добавляя свой ΠΊΠΎΠ΄ Π²ΠΎ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ срСду IDE.Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² своСй собствСнной срСдС ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΊ сотням API.
  • Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ налоТСния — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ добавляйтС нСсколько интСрСсных Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ‚Π΅Π½ΠΈ, Π±Π»ΠΈΠΊΠΈ ΠΈ отраТСния, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Wix Photo Studio.
ΠŸΠ»ΡŽΡΡ‹:
  • Π›Π΅Π³ΠΊΠΎ добавляйтС Π·Π°ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉ тСкст ΠΊ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ изобраТСниям для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ SEO.
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, Π½Π°Π·Π½Π°Ρ‡ΠΈΠ² нСсколько Ρ€ΠΎΠ»Π΅ΠΉ.
  • Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ эффСкты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π±ΠΎΠ»Π΅Π΅ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ.
  • Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ производитСля Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой Π±Ρ€Π΅Π½Π΄.
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ бСсплатныС изобраТСния ΠΈΠ· Unsplash ΠΈ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΌΠ΅Π΄ΠΈΠ°-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Wix прСдоставляСт Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • Комбо: 13 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц для Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ пользования.
  • Π‘Π΅Π·Π»ΠΈΠΌΠΈΡ‚: 17 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц для ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ фрилансСров.
  • Pro: 22 Π΄ΠΎΠ»Π»Π°Ρ€Π° Π² мСсяц Π·Π° ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³.
  • VIP: 39 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц Π·Π° ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ.

ВсС ΠΏΡ€Π΅ΠΌΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ ΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ с 14-Π΄Π½Π΅Π²Π½ΠΎΠΉ бСсплатной ΠΏΡ€ΠΎΠ±Π½ΠΎΠΉ вСрсиСй.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Wix бСсплатно ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° собствСнный Π΄ΠΎΠΌΠ΅Π½.

2. Squarespace.

Π›ΡƒΡ‡ΡˆΠΈΠΉ конструктор сайтов для шаблонов Π΄ΠΈΠ·Π°ΠΉΠ½Π° (12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

Squarespace — это ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΏΠΎ созданию ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов. Он прСдоставляСт Π»ΡƒΡ‡ΡˆΠΈΠ΅ Π² своСм классС Π²Π΅Π±-ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² соотвСтствии со своими творчСскими ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ трСбованиями.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΏΠΎ многочислСнным катСгориям (ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Ρ‹, фотография, ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΈ ΠΈ Ρ‚. Π”.), Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для вас.

И Ссли это Π½Π΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π½Π°ΠΉΡ‚ΠΈ шаблон, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий для вашСго бизнСса, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° нСсколько автоматичСских вопросов. ПослС этого Squarespace автоматичСски ΠΏΠΎΠ΄Π±Π΅Ρ€Π΅Ρ‚ нСсколько шаблонов, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΊ вашим трСбованиям.

Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· этих вопросов:

Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ настраиваСмых Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈ страниц, Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Π½Ρ‹Ρ… ΠΏΠ°Ρ€ΠΎΠ»Π΅ΠΌ.Squarespace Ρ‚Π°ΠΊΠΆΠ΅ Π΄Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ ΠΌΠΎΡ‰Π½Ρ‹Π΅ инструмСнты для вСдСния Π±Π»ΠΎΠ³Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими идСями, ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ новости ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈΠ»ΠΈ выпуски ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². ПанСль управлСния Π±Π»ΠΎΠ³Π° позволяСт Π²Π°ΠΌ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠ»Π°ΡΡΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими сообщСниями Π»ΡŽΠ±Ρ‹ΠΌ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для вас способом.

Squarespace ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½ΠΎ ΠΈ встроСнныС инструмСнты SEO ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ. Π­Ρ‚ΠΈ инструмСнты ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π·Π°Π½ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ высокоС мСсто Π² поисковых систСмах ΠΈ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ вашСго сайта.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π‘Π»ΠΎΠΊΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ — ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… Π² ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… / гистограмм.
  • БСсплатныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Typekit — Squarespace сотрудничаСт с Typekit, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ высококачСствСнныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π·Π°Ρ‚Ρ€Π°Ρ‚.
  • АудиоколлСкции — Π­Ρ‚Π° спСцифичСская для ΠΌΡƒΠ·Ρ‹ΠΊΠΈ функция позволяСт артистам Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ свои саундтрСки ΠΈ Π°Π»ΡŒΠ±ΠΎΠΌΡ‹ с худоТСствСнным дисплССм ΠΈ встроСнным Π°ΡƒΠ΄ΠΈΠΎΠΏΠ»Π΅Π΅Ρ€ΠΎΠΌ.
ΠŸΠ»ΡŽΡΡ‹:
  • Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ коммСрчСскиС ΠΏΠ»Π°Π½Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ бСсплатныС ΠΏΠ»Π°Ρ‚Π΅ΠΆΠ½Ρ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ.
  • ДобавляйтС Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² Π½Π° Π²Π΅Π±-страницы.
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ дизайнСрскиС Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ для Π±ΠΎΠ»Π΅Π΅ высокой ΠΈ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ настройки.
  • Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ содСрТимого ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ.
  • Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ установитС нСсколько Ρ€ΠΎΠ»Π΅ΠΉ для Ρ‡Π»Π΅Π½ΠΎΠ² вашСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ для эффСктивной совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.
  • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ ΠΏΠ»Π°Π½Π°ΠΌ Enterprise.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Squarespace ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • Π›ΠΈΡ‡Π½Ρ‹ΠΉ: 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц с Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚ΠΎΠΉ
  • БизнСс: 18 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц с Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚ΠΎΠΉ
  • Базовая коммСрция: 26 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц с Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚ΠΎΠΉ
  • Advanced Commerce: 40 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц с Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚ΠΎΠΉ

Π’Ρ‹ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π΄ΠΎ 30% Π½Π° Π³ΠΎΠ΄ΠΎΠ²Ρ‹Ρ… ΠΏΠ»Π°Π½Π°Ρ…, ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠ»Π°Π½ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² 24/7.

НачнитС Ρ€Π°Π±ΠΎΡ‚Ρƒ с Squarespace бСсплатно ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ ΠΏΠ»Π°Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

3. Webflow.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² (12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

Webflow — это новая популярная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для создания Π²Π΅Π±-сайтов, которая прСдоставляСт ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для проСктирования, создания ΠΈ запуска Π²Π΅Π±-сайтов. Он позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ соврСмСнныС Π²Π΅Π±-сайты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ холст.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ холст

Webflow позволяСт ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ CSS3, HTML5 ΠΈ JavaScript ΠΈ Ρ‚Ρ€Π°Π½ΡΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСмантичСский ΠΊΠΎΠ΄ Π½Π° настраиваСмыС Π²Π΅Π±-сайты.Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСстилированныС элСмСнты HTML для получСния ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ контроля.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ элСмСнты для создания слоТных элСмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ слайдСры, Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠΈ, Π²ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Webflow Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ элСмСнты ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ использования, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹ рСгистрации.

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

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Анимация Π½Π° основС ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ — Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ эффСкты Π½Π° основС ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ выполнСния, параллакс, точная анимация отобраТСния ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ элСмСнтов ΠΈ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ, связанныС с прогрСссом ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ элСмСнтС ΠΈΠ»ΠΈ Π½Π° всСй страницС.
  • ΠœΠ½ΠΎΠ³ΠΎΡΡ‚ΡƒΠΏΠ΅Π½Ρ‡Π°Ρ‚Π°Ρ анимация — Π›Π΅Π³ΠΊΠΎ создавайтС Π±ΠΎΠ³Π°Ρ‚Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° основС Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹ Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΊΠΎΠ΄Π°. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ домашнСй страницы ΠΈ страницы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.
  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ управлСния SEO — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Webflow для обновлСния SEO, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² страниц, URL-адрСсов, мСтаописаний, настроСк ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ Ρ‚. Π”.
ΠŸΠ»ΡŽΡΡ‹:
  • БвяТитС Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ с ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ курсора, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.
  • Π‘ΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°ΠΉΡ‚Π΅ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ профСссионалами, ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Ρ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ Ρ‚Π΅ΠΌ ΠΆΠ΅ Π²Π΅Π±-сайтом, отслСТивая Ρ€Π°Π±ΠΎΡ‚Ρƒ.
  • Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ свой Π²Π΅Π±-сайт Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ, отобраТая ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ скрытыС элСмСнты.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ 20 Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΈ взаимодСйствий, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ.
  • МгновСнно управляйтС воспроизвСдСниСм Β«Lottie animationsΒ» ΠΈ Β«After EffectsΒ» с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€ΠΎΠ² взаимодСйствия Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ курс «ВзаимодСйствиС ΠΈ анимация» Π² унивСрситСтС Webflow.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Webflow ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ бСссрочный Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹ΠΉ ΠΏΠ»Π°Π½ со всСми основными функциями Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Однако Π²Ρ‹ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΎΠΌΠ΅Π½ с бСсплатным Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹ΠΌ ΠΏΠ»Π°Π½ΠΎΠΌ.

Для вашСго Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π° сущСствуСт нСсколько ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΏΠ»Π°Π½ΠΎΠ².

Π’ΠΎΡ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΏΠ»Π°Π½Π° участка:

  • Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ: 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц. Для простого сайта Π±Π΅Π· встроСнной CMS.
  • CMS: 16 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц. Для сайтов, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • БизнСс: 36 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц. Для ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹Ρ… сайтов ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³ΠΎΠ² с высокой ΠΏΠΎΡΠ΅Ρ‰Π°Π΅ΠΌΠΎΡΡ‚ΡŒΡŽ.
  • ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΡΡ‚ΠΈΠ΅: РасчСтный ΠΏΠ»Π°Π½.

Π—Π°Ρ‚Π΅ΠΌ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΏΠ»Π°Π½Ρ‹ ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй, основанныС Π½Π° максимальном количСствС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½Π½Ρ‹Ρ… для ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.Π’Π°Ρ€ΠΈΡ„Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ 16 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц.

НачнитС Ρ€Π°Π±ΠΎΡ‚Ρƒ с Webflow бСсплатно.

4. Weebly.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ΅Π½ простой Π²Π΅Π±-сайт (5 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

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

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

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

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

Π•Π³ΠΎ динамичСскиС элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ ΠΈ настраиваСмый HTML / CSS ΠΈΠ»ΠΈ JavaScript, Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ всСгда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ своС творчСство.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹Π΅ ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ — Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΠΈ ΠΈ элСктронныС письма ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π½Π° дСйствия, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹Π΅ усилия.
  • HTML / CSS Control — Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ HTML ΠΈ CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Ρ… возмоТностСй настройки.
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ сохраняйтС свои ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ измСнСния, помСчая ΠΈΡ… ΠΊΠ°ΠΊ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для использования Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ.Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ старыС Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… нСсколько Ρ€Π°Π·.
ΠŸΠ»ΡŽΡΡ‹:
  • Π•Π³ΠΎ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятноС мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ вашСго Π²Π΅Π±-сайта.
  • Он прСдоставляСт Π²Π΅Π±-хостинг, Π° Ρ‚Π°ΠΊΠΆΠ΅ сСртификаты SSL ΠΈ Π·Π°Ρ‰ΠΈΡ‚Ρƒ ΠΎΡ‚ DDoS-Π°Ρ‚Π°ΠΊ.
  • ΠšΡ€ΡƒΠ³Π»ΠΎΡΡƒΡ‚ΠΎΡ‡Π½Ρ‹ΠΉ Ρ‡Π°Ρ‚ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅.
  • Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ панСль поиска Π½Π° Π²Π΅Π±-сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡ‚ΠΈ Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° Π²Π΅Π±-сайтС.
  • ΠžΡ‚Π²Π΅Ρ‡Π°ΠΉΡ‚Π΅ Π½Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ ΠΎΠ±Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ с посСтитСлями Ρ‡Π΅Ρ€Π΅Π· мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
  • Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ бСсплатный ΠΏΠ»Π°Π½ со всСми Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ функциями.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Weebly прСдоставляСт Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • БСсплатно: 0 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Π±Π°Π·ΠΎΠ²ΠΎΠ΅ использованиС.
  • Connect: 5 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц (Π·Π° ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΌΠ΅Π½Π°).
  • Pro: 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц (для Π³Ρ€ΡƒΠΏΠΏ ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΉ).
  • Business: 25 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц (для ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса ΠΈ ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ²).

НачнитС Ρ€Π°Π±ΠΎΡ‚Ρƒ с Weebly бСсплатно.

5. Adobe Dreamweaver.

Best for Custom Web Design Jobs for Clients (20 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША.99 Π² мСсяц).

Adobe Dreamweaver — это ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, которая Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ программирования. Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ ΠΈ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ кодирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ динамичСскими Π²Π΅Π±-сайтами.

Π•Π³ΠΎ подсказки ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ доступа ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ CSS, HTML ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π΅Π±-стандарты. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ наглядныС пособия, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ количСство ошибок.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΆΠΈΡ‚ΡŒ быстрСС, ΠΎΠ½ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство настраиваСмых шаблонов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для сборки:

  • НастроСнныС ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹
  • Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ
  • О страницах
  • ΠŸΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ
  • Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ Π±Π»ΠΎΠ³Π°
  • Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½ΠΈ
  • И ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ рСсурсы ΠΈΠ· Adobe Stock ΠΈΠ»ΠΈ Π²Π°ΡˆΠΈΡ… собствСнных Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ.БущСствуСт функция ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра, которая ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сайт Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, дСмонстрируя Π΅Π³ΠΎ внСшний Π²ΠΈΠ΄.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ — ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ свойств изобраТСния ΠΈ тСкста. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ классы прямо Π² ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΌ просмотрС ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ свои измСнСния, Π½Π΅ пСрСходя Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ рСдактирования.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Git — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ Ρ€Π°Π±ΠΎΡ‚Π°ΠΉΡ‚Π΅ со слуТбой ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Git, управляя исходным ΠΊΠΎΠ΄ΠΎΠΌ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ всС стандартныС Π·Π°Π΄Π°Ρ‡ΠΈ прямо ΠΈΠ· ΠΏΠ°Π½Π΅Π»ΠΈ управлСния Git.
  • Intelligent Coding Assistance — Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ подсказки ΠΊΠΎΠ΄Π° HTML, JavaScript ΠΈ Ajax с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Spry, Prototype ΠΈ jQuery. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ подсказки ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ PHP, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.
ΠŸΠ»ΡŽΡΡ‹:
  • Он Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Π±-сайты Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ любой Ρ€Π°Π·ΠΌΠ΅Ρ€ экрана.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΎΠ² для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² Windows.
  • ИспользованиС Π»ΠΈΠ½Ρ‚ΠΈΠ½Π³Π° ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ для выявлСния ошибок ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ.
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с OpenSSL, LibCURL, Xerces, Ruby ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ.
  • Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ 7-Π΄Π½Π΅Π²Π½ΡƒΡŽ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ прСдлоТСния ΠΏΠΎ ΡƒΠΏΡ€Π΅ΠΆΠ΄Π°ΡŽΡ‰Π΅ΠΌΡƒ ΠΊΠΎΠ΄Ρƒ для ускорСния Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.
  • Π›Π΅Π³ΠΊΠΎ вставляйтС Ρ†Π²Π΅Ρ‚Π°, гипСрссылки, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Ρ‡Π΅Ρ€Π΅Π· мСню свойств.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Adobe Dreamweaver прСдоставляСт Π΄Π²Π° Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • Одно ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Adobe Dreamweaver: 20,99 Π΄ΠΎΠ»Π». БША Π² мСсяц. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Adobe Dreamweaver ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ Creative Cloud.
  • Creative Cloud ВсС прилоТСния: 52,99 Π΄ΠΎΠ»Π»Π°Ρ€Π° БША Π² мСсяц.ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Adobe Dreamweaver вмСстС со всСй ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠ΅ΠΉ творчСских ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Adobe.

Π‘Ρ‚ΡƒΠ΄Π΅Π½Ρ‚Ρ‹ ΠΈ ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Π²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ скидку Π΄ΠΎ 60 ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ² Π½Π° всю ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Creative Cloud. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ 7-Π΄Π½Π΅Π²Π½ΡƒΡŽ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ.

6. GIMP.

Π›ΡƒΡ‡ΡˆΠΈΠΉ бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты (бСсплатно).

GIMP (GNU Image Manipulation Program) — бСсплатный графичСский Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, рисования ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Ρ‚. Π”.

Он прСдоставляСт нСсколько инструмСнтов для высококачСствСнной ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ управлСния Ρ†Π²Π΅Ρ‚ΠΎΠΌ для получСния высококачСствСнных Ρ†Π²Π΅Ρ‚ΠΎΠ². ВысококачСствСнный Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ GIMP Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ эффСктивно ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ скриптовыС манипуляции с изобраТСниями. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ нСсколько языков, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ C, C ++, Python, Perl, Scheme ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

Plus, GIMP позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ срСду Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚Π°, расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°ΠΌΠΈ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π·Π½Π°Ρ‡ΠΊΠΎΠ² для настройки Π½Π°Π±ΠΎΡ€ΠΎΠ² инструмСнтов.

Π’ΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ позволят Π²Π°ΠΌ:

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

ВсС эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ высококачСствСнныС изобраТСния для Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-сайтов.

GIMP Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ нСсколько ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ GNU / Linux, Windows ΠΈ OS X. Помимо этого, ΠΎΠ½ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ нСсколько сторонних ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² настройки для Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ выполняйтС пСрвоклассныС манипуляции с фотографиями ΠΏΡƒΡ‚Π΅ΠΌ Ρ€Π΅Ρ‚ΡƒΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΈ восстановлСния творчСских ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ.
  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° — Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ, элСмСнты графичСского Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ изобраТСния для ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса, ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° оборудования — GIMP ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½Ρ‹Π΅ устройства, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹, Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΊ давлСнию ΠΈ Π½Π°ΠΊΠ»ΠΎΠ½Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π»Π΅Ρ€ΠΎΠ² MIDI ΠΈΠ»ΠΈ USB.
ΠŸΠ»ΡŽΡΡ‹:
  • GIMP позволяСт Π²Π°ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ исходный ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ измСнСниями.
  • ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² нСсколько Ρ‚ΠΈΠΏΠΎΠ² графичСских Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ BMP, JPEG, PDF, PCX, MNG, GIF, PS, PNG, PSD, SVG, TGA, TIFF ΠΈ Xpm.
  • ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкстовых ΠΈ графичСских ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π±Π°Π½Π½Π΅Ρ€ΠΎΠ².
  • Π’ΠΎΡ‡Π½ΠΎΠ΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ строки мСню.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт Β«ΠšΠΈΡΡ‚ΡŒΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»Π΅Π³ΠΊΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ изобраТСния.
  • Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎ настраивайтС Π²ΠΈΠ΄ ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ вашСй Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСды.
  • Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ инструмСнтом клонирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΊΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты с пСрспСктивой.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

GIMP Π½Π° 100% бСсплатСн.

7. Google Web Designer.

Π›ΡƒΡ‡ΡˆΠΈΠΉ бСсплатный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²Π΅Π±-сайтов HTML5 (бСсплатно).

Google Web Designer ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-страницы Π½Π° основС HTML-5. Он позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ для создания ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-страниц. Google Web Designer Ρ‚Π°ΠΊΠΆΠ΅ интСгрируСтся с Google Диском, Google Π Π΅ΠΊΠ»Π°ΠΌΠΎΠΉ ΠΈ ДисплССм ΠΈ Π’ΠΈΠ΄Π΅ΠΎ 360.

Π­Ρ‚ΠΎ позволяСт:

  • НастройтС страницы событий с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ физичСских ТСстов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ прикосновСниС, ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ ΠΈΠ»ΠΈ встряхиваниС Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.
  • ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π½Π° свою Π²Π΅Π±-страницу Ρ‚Π°ΠΊΠΈΠ΅ элСмСнты, ΠΊΠ°ΠΊ ΠΊΠ°Ρ€Ρ‚Ρ‹, Π³Π°Π»Π΅Ρ€Π΅ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚Π΅Π»ΠΈ.
  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ нСсколько страниц с нСсколькими сцСнами, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ вашСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ всС эти ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ собствСнный JavaScript. Он Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт «Быстрый Ρ€Π΅ΠΆΠΈΠΌΒ» для объСдинСния простых сцСн для Π»ΡƒΡ‡ΡˆΠ΅ΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.Π’Π°ΠΊΠΈΠ΅ характСристики, ΠΊΠ°ΠΊ настраиваСмоС Π·Π°ΠΌΠ΅Π΄Π»Π΅Π½ΠΈΠ΅ ΠΈ Ρ‚Ρ€Π°Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ двиТСния, Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° ваши Π²Π΅Π±-страницы.

Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°Π΅Ρ‚ ваш сайт ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ с ΠΏΠΎΠ»Π½Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ дизайнСрских Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ рСдактирования CSS, Javascript ΠΈ HTML. Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ прСдставлСниСм Β«Π”ΠΈΠ·Π°ΠΉΠ½Β» ΠΈ «ВСхничСский ΠΊΠΎΠ΄Β» для ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • 3D-Π³Ρ€Π°Ρ„ΠΈΠΊΠ° — Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΈ управляйтС 3D-содСрТимым с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS3. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ 2D-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΏΠΎ оси, Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‹ ΠΈ 3D-прСобразования.
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнты Β«ΠŸΠ΅Ρ€ΠΎΒ» ΠΈΠ»ΠΈ Β«Π€ΠΈΠ³ΡƒΡ€Π°Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнный Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст / рСсурсы.
  • Π Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ — Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² для отобраТСния ΠΈ видСообъявлСний, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ статичСская ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠ°, статичСскиС подсказки, Π²ΠΈΠ΄Π΅ΠΎ-лайтбокс ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.
ΠŸΠ»ΡŽΡΡ‹:
  • ΠŸΡ€ΡΠΌΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ CSS, HTML ΠΈ JavaScript.
  • Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° своими измСнСниями, ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°ΡΡΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ прСдставлСниСм ΠΊΠΎΠ΄Π° ΠΈ прСдставлСниСм конструктора.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Google.
  • Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ доступ ΠΊ мноТСству ΡƒΡ‡Π΅Π±Π½Ρ‹Ρ… рСсурсов.
  • Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ создавайтС нСсколько страниц для ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.
  • ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π²Π΅Π±-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ iFrame, области касания, ΠΊΠ°Ρ€Ρ‚Ρ‹, изобраТСния ΠΈ YouTube.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Google Web Designer Π½Π° 100% бСсплатСн.

8. Bootstrap Studio.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ… Π²Π΅Π±-сайтов, Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства (Π΅Π΄ΠΈΠ½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Ρ‚Π΅ΠΆ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ 29 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША).

Bootstrap Studio — это ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ прСдоставляСт возмоТности пСрСтаскивания ΠΈ настраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для создания Π²Π΅Π±-страниц, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… ΠΊ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ устройствам.

Он прСдоставляСт простой ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ созданиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ².

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

Если Π²Π°ΠΌ нСдостаточно интСрфСйса пСрСтаскивания, Bootstrap Studio ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ CSS, SASS, JavaScript ΠΈ HTML.

Π’ΠΎΡ‚ всС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ для тСхничСского Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°:

  • Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ CSS ΠΈ SASS
  • Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΊΠΎΠ΄Ρ‹ прямо с Π²Π°ΡˆΠΈΡ… ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… сайтов
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML
  • Π‘ΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°ΠΉΡ‚Π΅ с внСшними Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Javascript

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹ΠΉ инструмСнтарий с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Ρ‚Π°ΠΊΠΆΠ΅ оснащСн ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΌΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ, a адаптивная сСточная систСма ΠΈ ΠΌΠΎΡ‰Π½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ JavaScript.Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π·Π°Ρ€Π°Π½Π΅Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠ΅ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Ρ‹, Π³Π°Π»Π΅Ρ€Π΅ΠΈ, слайд-ΡˆΠΎΡƒ, ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ ΠΈ div.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ — ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ сразу ΠΆΠ΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ измСнСния Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ устройствах.
  • Π’Π΅ΠΌΡ‹ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ — Он содСрТит мноТСство Ρ‚Π΅ΠΌ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания красивых Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ².
  • Π‘Π»ΠΎΠ³ — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ запуститС свой Π±Π»ΠΎΠ³ Π·Π° нСсколько ΠΌΠΈΠ½ΡƒΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ шаблона, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
ΠŸΠ»ΡŽΡΡ‹:
  • МгновСнно создавайтС ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ домашниС страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ одностраничных Ρ‚Π΅ΠΌ.
  • Π•Π³ΠΎ приборная панСль оснащСна фиксированной Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ панСлью ΠΈ панСлью Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ страницу с Ρ†Π΅Π½Π°ΠΌΠΈ.
  • Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π½Π° страницах Π·Π° считанныС ΠΌΠΈΠ½ΡƒΡ‚Ρ‹.
  • Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ HTML, Less (вСрсия 3), Sass (вСрсия 4), CSS ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ JavaScript.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Bootstrap Studio ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄Π²Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚: 29 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ²
  • Π‘Ρ€ΠΎΠΊ слуТбы: 60 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² с бСсплатными обновлСниями навсСгда.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ приобрСсти вСсь инструмСнтарий Π΅Π΄ΠΈΠ½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

9. Π€ΠΈΠ³ΠΌΠ°.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΠΊΠΎΠΌΠ°Π½Π΄ ΠΈ агСнтств (12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц).

Figma — это Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX ΠΈ UI для создания ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов.

Он прСдоставляСт всС Ρ‚ΠΈΠΏΡ‹ ΠΌΠΎΡ‰Π½Ρ‹Ρ… конструктивных особСнностСй, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ:

  • Π˜Π½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятный Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ интСрфСйс
  • Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ инструмСнт Β«ΠŸΠ΅Ρ€ΠΎΒ»
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Β«Π”ΡƒΠ³Π°Β»
  • Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ сСти

Π•Π³ΠΎ совмСстный ΠΈ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ позволяСт большим ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌ эффСктивно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ вмСстС.Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ заинтСрСсованныС стороны ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° для упрощСния совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.

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

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π Π΅ΠΆΠΈΠΌ наблюдСния — ΠžΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°ΠΉΡ‚Π΅ двиТСния Π΄ΠΎΠΊΠ»Π°Π΄Ρ‡ΠΈΠΊΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ эффСктивно ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ всС измСнСния ΠΈ ΠΏΡ€Π°Π²ΠΊΠΈ.
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° — Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° для CSS, iOS ΠΈ Android.
  • ΠžΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ Ρ‡Π»Π΅Π½ΠΎΠ² своСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ — Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ людСй с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ @Mention, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π΄ΠΎΠΌΠΈΡ‚ΡŒ ΠΈΡ… ΠΎ Π·Π°Π΄Π°Ρ‡Π°Ρ…, коммСнтариях ΠΈΠ»ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.
ΠŸΠ»ΡŽΡΡ‹:
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ сСти для рисования Π²ΠΎ всСх направлСниях Π±Π΅Π· соСдинСния ΠΈΠ»ΠΈ объСдинСния исходных ΠΏΡƒΡ‚Π΅ΠΉ.
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² для создания Ρ‡Π΅Ρ‚ΠΊΠΈΡ… ΠΈ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ².
  • МгновСнно создавайтС ΠΈ распространяйтС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ нСсколько ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ стандартныС изобраТСния, Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ, Π±Π»ΠΎΠΊ-схСмы, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ.
  • ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ доступныС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°Ρ‚ΡŒ рСсурсы Π² свои Ρ„Π°ΠΉΠ»Ρ‹.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Figma ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ‚Ρ€ΠΈ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • Π‘Ρ‚Π°Ρ€Ρ‚Π΅Ρ€: БСсплатно для 2 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈ 3 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².
  • Professional: 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц, ΠΎΠΏΠ»Π°Ρ‚Π° Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎ.
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ: 45 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц, ΠΎΠΏΠ»Π°Ρ‚Π° Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎ.

10. Эскиз.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠ°Π½Π΄ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Mac (Π΅Π΄ΠΈΠ½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Ρ‚Π΅ΠΆ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ 99 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША).

Sketch — это Π½Π°Π±ΠΎΡ€ инструмСнтов Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для macOS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° UX ΠΈ UI Π²Π΅Π±-сайтов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

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

Sketch Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт мноТСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Π‘Π΅Ρ‚ΠΊΠΈ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ для настройки ΡˆΠΈΡ€ΠΈΠ½Ρ‹, столбцов, Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Ρ‚. Π”.
  • ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Π΅Ρ‰ΠΈ для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана.
  • ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ для ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ Ρ‚. Π”.
  • Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈ OpenType.

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

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ использования — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ символы для ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ использования ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°. Π›Π΅Π³ΠΊΠΎ обновляйтС элСмСнт Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС, ΠΈ ΠΎΠ½ автоматичСски обновляСтся ΠΏΠΎ всСму сайту.
  • Smart Layout — ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡ΡŒΡ‚Π΅ автоматичСскоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ заполнСния ΠΈ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ.
  • ΠžΠ±Ρ‰ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ — Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ своих тСкстовых стилСй, стилСй слоСв ΠΈ символов для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.ВсС Ρ‡Π»Π΅Π½Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ обновлСния ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ развития вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
ΠŸΠ»ΡŽΡΡ‹:
  • Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, связывая Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π»Π΅Π³ΠΊΠΎ обмСниваясь ΠΈΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· URL-адрСс.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Β«Π—Π΅Ρ€ΠΊΠ°Π»ΠΎΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π½Π° iOS Π±Π΅Π· написания ΠΊΠΎΠ΄Π°.
  • ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с Pexels, Clues, Chart, Overflow ΠΈ Ρ‚. Π”.
  • Sketch встроСн Π² macOS.
  • Он оснащСн ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π°.
  • Π›Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠΉΡ‚Π΅, задавая ΠΏΡ€Π°Π²ΠΈΠ»Π° измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ закрСпляя нСсколько элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Sketch ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄Π²Π° ΠΏΠ»Π°Π½Π°:

  • Для физичСских Π»ΠΈΡ†: Π•Π΄ΠΈΠ½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Ρ‚Π΅ΠΆ 99 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ²
  • Для ΠΊΠΎΠΌΠ°Π½Π΄: 9 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π·Π° участника Π² мСсяц (ΠΈΠ»ΠΈ 99 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША ΠΏΡ€ΠΈ Π΅ΠΆΠ΅Π³ΠΎΠ΄Π½ΠΎΠΌ выставлСнии счСтов)

Π’Π°ΠΊΠΆΠ΅ прСдоставляСтся ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ 30-днСвная бСсплатная пробная вСрсия.

11. Adobe XD.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΈΠ³Ρ€ ΠΈ слоТных Π·Π°Π΄Π°Ρ‡ (9,99 Π΄ΠΎΠ»Π». БША Π² мСсяц Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ).

Adobe XD — это инструмСнт UI / UX для проСктирования ΠΈ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΈΠ³Ρ€ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.Π•Π³ΠΎ послСдняя функция совмСстного рСдактирования позволяСт Π²Π°ΠΌ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с большими ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π­Ρ‚Π° функция Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, Ρ‡Ρ‚ΠΎ позволяСт нСскольким Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

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

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

Π­Ρ‚ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚:

  • ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π°ΡΡΡ сСтка
  • АдаптивноС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
  • И автоматичСская анимация
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π”ΠΈΠ·Π°ΠΉΠ½-систСмы — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½-систСмы Π² XD для создания ΠΈ совмСстного использования стилСй, Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² символов для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… для Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².
  • Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ интСграция — Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ сотни ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с Adobe Creative Cloud ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ сторонними прилоТСниями.
  • ΠœΠ°ΠΊΠ΅Ρ‚ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ содСрТимого — Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ Ρ€ΡƒΡ‡Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ ΠΈΠ»ΠΈ созданию ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Он автоматичСски внСсСт измСнСния Π² соотвСтствии с ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠ°ΠΌΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
ΠŸΠ»ΡŽΡΡ‹:
  • Π›Π΅Π³ΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ изобраТСния Π² Adobe Photoshop ΠΈΠ»ΠΈ синхронизируйтС свои Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈΠ· Adobe Fonts.
  • МгновСнно Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ своими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ сторонними прилоТСниями, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Slack, Jira ΠΈ Zeplin.
  • ΠŸΡ€ΡΠΌΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· XD Π² Photoshop.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ сСтку», Ρ‡Ρ‚ΠΎΠ±Ρ‹ воспроизвСсти элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° нСсколько Ρ€Π°Π·.
  • Π Π°Π±ΠΎΡ‚Π°ΠΉΡ‚Π΅ с Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ налоТСния, логичСскими ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Π°ΠΌΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ функциями Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ рСдактирования для создания Π·Π½Π°Ρ‡ΠΊΠΎΠ², каркасов ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ².
  • Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π³Ρ€ΡƒΠΏΠΏ элСмСнтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ соотвСтствовали Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ экрана, сохраняя ΠΏΡ€ΠΈ этом ΠΌΠ°ΡΡˆΡ‚Π°Π± ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ располоТСниС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Adobe XD прСдоставляСт Ρ‚Ρ€ΠΈ ΠΏΠ»Π°Π½Π°:

  • XD Starter Plan: БСсплатно
  • XD: $ 9.99 Π² мСсяц Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ
  • XD для ΠΊΠΎΠΌΠ°Π½Π΄: 22,99 Π΄ΠΎΠ»Π». БША Π² мСсяц Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ

План XD для ΠΊΠΎΠΌΠ°Π½Π΄ Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт ΡΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹Π΅ бизнСс-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²Π²ΠΎΠ΄Π½Ρ‹Π΅ Π²Π΅Π±-сСминары, Π²Π΅Π±-консоль администратора ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ.

12. Бтудия InVision.

Best For Frontend Design (7,95 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

InVision Studio — это инструмСнт для проСктирования экранов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ систСмы — Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС.Π‘ InVision Studio Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π² своСм классС ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ.

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

Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ InVision Studio:

  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ для быстрого освСщСния.
  • Адаптивный ΠΌΠ°ΠΊΠ΅Ρ‚ для создания страниц, совмСстимых с Π»ΡŽΠ±Ρ‹ΠΌ Ρ‚ΠΈΠΏΠΎΠΌ устройств.
  • Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для быстрого прототипирования.
  • ВстроСнная анимация, которая обСспСчиваСт слоТныС двиТСния с большим количСством эмоций.
  • ΠžΠ±Ρ‰ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹.
  • ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ синхронизированный Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс.

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

InVision Studio Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ обновлСния Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½ΡƒΡŽ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ Π±Π΅ΡΠΏΡ€Π΅ΠΏΡΡ‚ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Π·Π°ΠΌΠ΅Π½Ρƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π˜Ρ‚Π΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ вСрсии — МгновСнно ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ΡΡŒ Π½Π° послСднюю Π²Π΅Ρ€ΡΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ°Ρ‚ΠΈΡ‚Π΅ измСнСния. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ всС ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ.
  • ОбновлСния Π² ΠΎΠ΄ΠΈΠ½ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ — Π›Π΅Π³ΠΊΠΎ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΠΉΡ‚Π΅ ΠΈ отправляйтС измСнСния Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ Sketch ΠΈ Studio.
  • Код синхронизации — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ API-интСрфСйсы для экспорта Π°Ρ‚ΠΎΠΌΠ°Ρ€Π½Ρ‹Ρ… свойств Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… стилСй, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Jason.
ΠŸΠ»ΡŽΡΡ‹:
  • УправляйтС доступом ΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², назначая Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ Ρ€ΠΎΠ»ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ.
  • Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ автоматичСски созданными настраиваСмыми Π²Π΅Π±-прСдставлСниями.
  • ΠŸΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ с опциями частного ΠΎΠ±Π»Π°ΠΊΠ°, SSO ΠΈ 2FA.
  • Π₯Ρ€Π°Π½ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ² ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ².
  • УправляйтС нСсколькими Π±Ρ€Π΅Π½Π΄Π°ΠΌΠΈ ΠΈ UX-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ с ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятной ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.
  • МгновСнно ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ статичСскиС экраны Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, добавляя микровзаимодСйствия ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

InVision поставляСтся с трСмя Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹ΠΌΠΈ ΠΏΠ»Π°Π½Π°ΠΌΠΈ:

  • БСсплатно: 0 Ρ€ΡƒΠ±. Для частных Π»ΠΈΡ† ΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΊΠΎΠΌΠ°Π½Π΄.
  • Pro: Π•ΠΆΠ΅Π³ΠΎΠ΄Π½Ρ‹ΠΉ счСт Π·Π° 7,95 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША Π² мСсяц. Для кросс-совмСстных ΠΊΠΎΠΌΠ°Π½Π΄.
  • ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΡΡ‚ΠΈΠ΅: РасчСтный ΠΏΠ»Π°Π½. Для ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΉ с ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½Ρ‹ΠΌΠΈ потрСбностями.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π΄ Π΅Π³ΠΎ ΠΏΠΎΠΊΡƒΠΏΠΊΠΎΠΉ.

13. WordPress.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ для ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π½Ρ‹Ρ… сайтов ΠΈ Π±Π»ΠΎΠ³ΠΎΠ² (WordPress.com бСсплатно / WordPress.org трСбуСтся Π²Π΅Π±-хостинг).

WordPress — это бСсплатная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, которая прСдоставляСт всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ΅ для создания динамичСского Π²Π΅Π±-сайта. ΠžΡ‚ настраиваСмых Ρ‚Π΅ΠΌ Π΄ΠΎ Π²Π΅Π±-хостинга — WordPress — это ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ тысячи настраиваСмых Ρ‚Π΅ΠΌ. И Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° обновляСтся ΠΊΠ°ΠΆΠ΄ΡƒΡŽ нСдСлю.

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

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ свои Π²Π΅Π±-сайты Π½Π° Ρ…ΠΎΠ΄Ρƒ ΠΈΠ· ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Ρ… для iOS, Android, Windows, Mac ΠΈ Linux. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΌΠΎΡ‰Π½ΠΎΠ΅ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ вносят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ измСнСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° — ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΡ….Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния прямо Π² WordPress ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСкст ΠΈ подписи, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ свой сайт Π±ΠΎΠ»Π΅Π΅ доступным.
  • Π˜ΠΌΠΏΠΎΡ€Ρ‚ Ρ‚Π΅ΠΌ — WordPress ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ тысячи Ρ‚Π΅ΠΌ Π½Π° Π²Ρ‹Π±ΠΎΡ€, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ‚Π΅ΠΌΡ‹ ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса ΠΈ Ρ‚Π΅ΠΌΡ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. Однако Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свою ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈΠ»ΠΈ ΡΡ‚ΠΎΡ€ΠΎΠ½Π½ΡŽΡŽ Ρ‚Π΅ΠΌΡƒ для создания ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайта.
  • НСсколько языков — WordPress ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 70 языков Π²ΠΎ всСм ΠΌΠΈΡ€Π΅. Если Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ свой язык, Π²Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ выпуск.
ΠŸΠ»ΡŽΡΡ‹:
  • WordPress Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ систСма управлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ настраиваСмых Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² для ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ³ΠΎ создания мСню ΠΈ настраиваСмых Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ².
  • Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ настраивайтС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Π΅Π±-сайта ΠΈ добавляйтС / Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΈΠ΅ элСмСнты, ΠΊΠ°ΠΊ услуги, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΠΈ Ρ‚. Π”.
  • Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΠ½ страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΠΈ Π²ΠΈΠ΄Π΅ΠΎ.
  • ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡ΡŒΡ‚Π΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² свои собствСнныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ Ρ†Π²Π΅Ρ‚Π°.
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.
  • Он прСдоставляСт настраиваСмый API, HTML ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ для Π±ΠΎΠ»Π΅Π΅ высокой настройки.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Π‘Π°ΠΌ ΠΏΠΎ сСбС WordPress Π½Π° 100% бСсплатСн. И Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ бСсплатных, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… Ρ‚Π΅ΠΌ. Однако Π²Π°ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π΄ΠΎΠΌΠ΅Π½ΠΎΠ², Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π° ΠΈ Ρ‚. Π”.

Π’ΠΎΡ‚ всС ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΏΠ»Π°Π½Ρ‹ WordPress:

  • БСсплатно: $ 0
  • Π›ΠΈΡ‡Π½Ρ‹ΠΉ: 4 Π΄ΠΎΠ»Π»Π°Ρ€Π° Π² мСсяц
  • ΠŸΡ€Π΅ΠΌΠΈΡƒΠΌ: 8 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц
  • БизнСс: 25 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц
  • ЭлСктронная торговля: 45 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц

14.ΠŸΠΎΡΡ‚ΠΎΡΠ½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚.

Новый конструктор Π²Π΅Π±-сайтов со встроСнным элСктронным ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠΌ (10 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

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

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

Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с Unsplash, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 550 000 бСсплатных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ качСства.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • CDN — Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ CDN для всСх Π²Π΅Π±-сайтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π±Ρ‹ΡΡ‚Ρ€ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π²Π΅Π±-страниц ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ сбои сайта.
  • ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ — Она оснащСна ΠΌΠΎΡ‰Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠΎΠΉ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ тысячи Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π½Π° своСй ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅.
  • НСсколько ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ нСсколько ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² для создания Π²Π΅Π±-страниц для Π±Π»ΠΎΠ³Π°, списка ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта ΠΈ Ρ‚. Π”.
ΠŸΠ»ΡŽΡΡ‹:
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² Π½Π° основС искусствСнного ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ ваши потрСбности Π² Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π΅.
  • Π‘ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ вставляйтС Π² Π½Π΅Π³ΠΎ ссылку. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ мСста.
  • Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ ΡΠΎΡ…Ρ€Π°Π½Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.
  • Π›Π΅Π³ΠΊΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ ΠΈΠ»ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ элСмСнты страницы с Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
  • МгновСнно добавляйтС Ρ€Π°Π·Π΄Π΅Π»Ρ‹ Π½Π° свои страницы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ элСмСнты, Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.
  • ВстраивайтС Π²ΠΈΠ΄Π΅ΠΎ Π½Π° Π²Π΅Π±-страницы Ρ‡Π΅Ρ€Π΅Π· URL-адрСс YouTube.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Он стоит 10 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц ΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΌΠ°Π»Ρ‹Ρ… прСдприятий, ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой Π±Ρ€Π΅Π½Π΄ ΠΈ ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

15. Framer.

Best For Design Prototyping (12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц).

Framer — это инструмСнт для проСктирования ΠΈ создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ со слоТной Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. Он Ρ‚Π°ΠΊΠΆΠ΅ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠΎΠ΄Ρ‹ для React (Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript). Framer прСдставил React ΠΈ JavaScript / TypeScript для программирования Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, микровзаимодСйствий ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

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

Framer Ρ‚Π°ΠΊΠΆΠ΅ обСспСчиваСт Π½Π΅Π²Π΅Ρ€ΠΎΡΡ‚Π½ΡƒΡŽ простоту использования благодаря Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ пСрСтаскивания. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ «соСдинитСли», Ρ‡Ρ‚ΠΎΠ±Ρ‹ провСсти связь ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ Π½Π° холстС для упрощСния прототипирования.

Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Π‘Π»ΠΎΠΈ, ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈ Магазин, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ эффСктивно Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр» ΠΈ Β«ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° свои ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • ΠŸΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ свои творСния — ΠŸΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ свои творСния, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°, Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ для Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈΠ· ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°.
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ — Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ инструмСнт ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ для создания ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ усилиями.
  • Easy Prototype — ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½Π° Ρ€Π°Π½Π½Π΅ΠΉ стадии, нСзависимо ΠΎΡ‚ рСсурсов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² с ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠΌ.
ΠŸΠ»ΡŽΡΡ‹:
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π»ΠΈΡ‡Π½ΡƒΡŽ панСль управлСния для связи с Π½ΠΎΠ²Ρ‹ΠΌΠΈ Ρ‡Π»Π΅Π½Π°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, сохраняя ΠΏΡ€ΠΈ этом Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎΠ΅ качСство всСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.
  • ВсС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π»Π΅Π³ΠΊΠΎ доступны для Ρ‡Π»Π΅Π½ΠΎΠ² ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹.
  • Framer обСспСчиваСт Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ SSO ΠΈ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ доступа для Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ Π·Π°Ρ‰ΠΈΡ‚Ρ‹.
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹, Π±Π»ΠΈΠ·ΠΊΠΈΠ΅ ΠΊ Ρ€ΠΎΠ΄Π½Ρ‹ΠΌ, для тСстирования Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΡ… Π² Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… срСдах.
  • Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°ΠΌΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простых URL-адрСсов ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΠΉΡ‚Π΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‹.
  • АвтоматизируйтС ΠΎΠ±Ρ‰Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ Π² ΠΎΠ±Ρ‰Π΅Π½ΠΈΠΈ.
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ:

Framer ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°:

  • БСсплатно: 0 Ρ€ΡƒΠ±.
  • ΠΠ°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ: 12 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц
  • Pro: 20 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц
  • Enterprise: Π˜Π½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹ΠΉ ΠΏΠ»Π°Π½

ВсС ΠΏΠ»Π°Π½Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΏΡ€ΠΈΠ³Π»Π°ΡˆΠ°Ρ‚ΡŒ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², сколько Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Framer .

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°?

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

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

Π’ Ρ‚ΠΎ ΠΆΠ΅ врСмя эти инструмСнты ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов, ΠΊΠ°ΠΊ хостинг ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒ Ρ„ΠΎΡ€ΠΌ ΠΈ сСти доставки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

КакиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Π°ΠΌ слСдуСт ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ обСспСчСнии для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°?

ΠžΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ УВП ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰ΠΈΠΌ. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ я собрал нСсколько тСстовых Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ ΠΈΡ… Π² инструмСнтС Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания — Он позволяСт ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚, тСкст, изобраТСния, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹, Π±Π΅Π· написания Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°.ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с пСрСтаскиваниСм — удобная функция для внСсСния Π»ΡŽΠ±Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² послСднюю ΠΌΠΈΠ½ΡƒΡ‚Ρƒ.
  • АдаптивныС Ρ‚Π΅ΠΌΡ‹ — Π‘ΠΎΠ»ΡŒΡˆΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ Ρ‚Π΅ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ для вашСго бизнСса. ИспользованиС Ρ‚Π΅ΠΌΡ‹ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ быстрСС Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайт. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ свой ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, изобраТСния ΠΈ Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³ Π² Ρ‚Π΅ΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° соотвСтствовала Π²Π°ΡˆΠ΅ΠΌΡƒ бизнСсу.
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ со сторонними прилоТСниями — ΠžΠ±ΡˆΠΈΡ€Π½Π°Ρ интСграция со сторонними прилоТСниями, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹, ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅, ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты ΠΈΠ· ΠΎΠ΄Π½ΠΈΡ… Ρ€ΡƒΠΊ.
  • ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ — БСгодня ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²Π΅Π±-сайт, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. НайдитС инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств с функциями ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра.
  • МобильноС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ срочныС Π·Π°Π΄Π°Ρ‡ΠΈ Π½Π° мобильном Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π²Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π½Π° Ρ…ΠΎΠ΄Ρƒ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΌΠΎΡ‰Π½Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния.
  • ЭлСктронная коммСрция — МногиС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π²Π΅Π±-сайты для ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ своих Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΈ услуг Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.Если Π²Ρ‹ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ…, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ страницы Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ….
  • CDN — CDN ΠΈΠ»ΠΈ ΡΠ΅Ρ‚ΡŒ доставки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Π΅Π±-сайту Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ быстрСС Π²ΠΎ всСм ΠΌΠΈΡ€Π΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, которая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ.

РСзюмС.

На этом ΠΌΠΎΠΉ список ΠΈΠ· 15 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° заканчиваСтся. ВсС эти инструмСнты ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ красивый Π²Π΅Π±-сайт ΠΏΠΎ-своСму.

Однако Π½Π΅ всС ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ трСбованиям Π΄ΠΈΠ·Π°ΠΉΠ½Π°.ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ УВП, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ инструмСнт ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ потрСбности вашСго бизнСса.

НапримСр, Bootstrap Studio — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства. GIMP ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ, Ссли Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ бСсплатный Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ.

Wix ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для создания простых Π²Π΅Π±-сайтов для ΠΌΠ°Π»ΠΎΠ³ΠΎ бизнСса. А Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ сайт с содСрТаниСм ΠΈΠ»ΠΈ пСрсонализированный Π±Π»ΠΎΠ³, WordPress — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

КакоС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅? ΠŸΠΎΠ·Π²ΠΎΠ»ΡŒΡ‚Π΅ ΠΌΠ½Π΅ Π·Π½Π°Ρ‚ΡŒ Π² коммСнтариях Π½ΠΈΠΆΠ΅.

9 Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² для вашСго сайта

БСсплатноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для рСдактирования HTML ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ тСхничСских ΠΈΠ»ΠΈ дизайнСрских Π½Π°Π²Ρ‹ΠΊΠΎΠ².

ΠœΡ‹ Π΄Π°Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ компаниям ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ ΠΈΡ… рост, помогая ΠΈΠΌ Π½Π°ΠΉΡ‚ΠΈ подходящСС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС. ΠœΡ‹ ΠΎΡ‚Π±ΠΈΡ€Π°Π΅ΠΌ ΠΈ Ρ€Π°Π½ΠΆΠΈΡ€ΡƒΠ΅ΠΌ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Π½Π° основС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΉ нашСй ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ Π³Ρ€ΡƒΠΏΠΏΠΎΠΉ. Π₯отя Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ поставщики ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ Π½Π°ΠΌ Π·Π° ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ°, это Π½Π΅ влияСт Π½Π° Π½Π°ΡˆΡƒ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΡŽ.

ΠœΡ‹ ΠΏΡ€ΠΎΠ²Π΅Π»ΠΈ этот Π°Π½Π°Π»ΠΈΠ· Π½Π° основС ΠΎΠ±Π·ΠΎΡ€ΠΎΠ² ΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΎΠ² ΠΏΠΎ ΡΠΎΡΡ‚ΠΎΡΠ½ΠΈΡŽ Π½Π° 24 августа 2021 Π³ΠΎΠ΄Π°. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡΠ°ΠΌΡƒΡŽ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ°Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½ΠΈΠΆΠ΅ прСдставлСны Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π° Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π° Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π°Π½Π°Π»ΠΈΠ·Π°.

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

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, бСсплатныС инструмСнты Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° HTML ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. Π”Π°ΠΆΠ΅ Ссли Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² кодирования HTML, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСксты ΠΈ изобраТСния ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ структуру своСй Π²Π΅Π±-страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания WYSIWYG What-You-See-Is-What-You-Get Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π­Ρ‚ΠΈ инструмСнты ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ быстрСС ΠΈ ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ ΠΌΠ΅Π»ΠΊΠΈΡ… ошибок с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ исправлСния синтаксиса ΠΈ автоматичСского Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π°.

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

1

Alboom Prosite: создаСт бСзопасныС Π²Π΅Π±-сайты с ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ SSL

Alboom Prosite — это ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†Π΅Π»Π΅Π²Ρ‹Π΅ страницы, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Ρ†Π΅Π»Ρ‹Π΅ Π²Π΅Π±-сайты с нуля.

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

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй Π½Π° Π²Π΅Π±-сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° HTML Ρ‚Π°ΠΊΠΆΠ΅ обСспСчиваСт Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ HTTPS ΠΈ ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ SSL для вашСго Π²Π΅Π±-сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ бСзопасным для посСтитСлСй.

Alboom Prosite ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Π² Ρ‡Π°Ρ‚Π΅ ΠΈ являСтся Π²Π΅Π±-сайтом.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • НастраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ Π²Π΅Π±-сайтов с пСрСтаскиваниСм
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ Ρ„ΠΎΡ€ΠΌ
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ посадочных страниц
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
  • ΠžΡ‚Ρ‡Π΅Ρ‚Π½ΠΎΡΡ‚ΡŒ ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ°
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ сайта Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² Alboom Prosite

2

Π—Π°ΠΊΠ»Π°Π΄ΠΊΠ°: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ИИ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ автоматичСского обновлСния Π²Π΅Π±-сайтов

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

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

Π’Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ настраиваСмый Π±Π»ΠΎΠ³ Π½Π° вашСм Π²Π΅Π±-сайтС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ историями успСха ΠΈ ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° ΠΈ SEO, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π»ΠΎΠΊΠ°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ваш сайт ΠΈ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Π΅Π³ΠΎ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π² поисковых систСмах.

Bookmark ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΡ€ΡƒΠ³Π»ΠΎΡΡƒΡ‚ΠΎΡ‡Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π² Ρ‡Π°Ρ‚Π΅ Π±Π΅Π· Π²Ρ‹Ρ…ΠΎΠ΄Π½Ρ‹Ρ….

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • АвтообновлСниС сайта
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания
  • Π¦Π΅Π»Π΅Π²Ρ‹Π΅ страницы / Ρ„ΠΎΡ€ΠΌΠ°
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ²
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π’Ρ‹Π±ΠΎΡ€ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ сайта Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅

3

Flazio: прСдоставляСт мноТСство шаблонов Π²Π΅Π±-сайтов

Flazio — это инструмСнт для создания ΠΈ рСдактирования Π²Π΅Π±-сайтов ΠΊΠ°ΠΊ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Ρ‚Π°ΠΊ ΠΈ для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС поставляСтся с Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ шаблонами Π²Π΅Π±-сайтов ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ HTML-ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π²Π΅Π±-сайта.

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

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ·Π°Π±ΠΎΡ‚ΠΈΡ‚ΡŒΡΡ ΠΎ Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ Π±Ρ€ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнта бронирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° свой Π²Π΅Π±-сайт.Π’Π°ΡˆΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сСансы, Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠΌ Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½Ρ‹Π΅ напоминания Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС.

Flazio ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ ΠΈ Π² Ρ‡Π°Ρ‚Π΅. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ являСтся Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для устройств iOS ΠΈ Android.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π˜ΠΌΠΏΠΎΡ€Ρ‚ Π΄Π°Π½Π½Ρ‹Ρ…
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания
  • Π¦Π΅Π»Π΅Π²Ρ‹Π΅ страницы
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΎΠ½Π»Π°ΠΉΠ½-бронирования
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ SEO
  • Π‘Ρ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒ опроса
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

ПанСль Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ Π²Π΅Π±-сайтов Π²ΠΎ Flazio

4

GoDaddy Website Builder: ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ простой Π² использовании встроСнный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

GoDaddy Website Builder — это инструмСнт ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ рСдактирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты нСзависимо ΠΎΡ‚ Π²Π°ΡˆΠΈΡ… тСхничСских Π½Π°Π²Ρ‹ΠΊΠΎΠ².ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΈΠΌΠ΅Π΅Ρ‚ встроСнный Π²Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π²Π΅Π±-страниц ΠΈ добавлСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

GoDaddy Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ с ΠΏΠΎΠ»Π½Ρ‹ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠΌ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Ρ… Π²Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ². Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ†Π΅Π»Π΅Π²Ρ‹Π΅ страницы ΠΈ страницы ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ страницу ΠΏΠ»Π°Ρ‚Π΅ΠΆΠ΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ со сторонним ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠ»Π°Ρ‚Π΅ΠΆΠ΅ΠΉ.

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

GoDaddy Website Builder ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ являСтся Π²Π΅Π±-интСрфСйсом, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для устройств iOS ΠΈ Android.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • НастраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • ПанСль активности
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ Ρ„ΠΎΡ€ΠΌ
  • Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с Google Analytics
  • Мобильная торговля
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π°ΠΌΠΈ
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

ПанСль управлСния Π²Π΅Π±-сайта Π² GoDaddy Website Builder

5

IM Creator: Π›ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ

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

IM Creator ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ Π²Π΅Π±-сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для создания многосСкционного Π²Π΅Π±-сайта. Для ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ инструмСнт прСдоставляСт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML для создания Π²Π΅Π±-страниц с нуля.

Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Π΅ΡΡ‚ΡŒ функция SEO, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ своСго поискового Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π° ΠΈ увСличСния вовлСчСнности, посСщаСмости ΠΈ конвСрсии вашСго сайта.

IM Creator ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Π² Ρ‡Π°Ρ‚Π΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‡Π΅Ρ€Π΅Π· Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚. Π£ инструмСнта Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для устройств Android.

Π›ΡƒΡ‡ΡˆΠ°Ρ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π˜ΠΌΠΏΠΎΡ€Ρ‚ / экспорт Π΄Π°Π½Π½Ρ‹Ρ…
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания
  • Π¦Π΅Π»Π΅Π²Ρ‹Π΅ страницы / Ρ„ΠΎΡ€ΠΌΡ‹
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ²
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π’Ρ‹Π±ΠΎΡ€ шаблона сайта Π² IM Creator

6

Olitt: ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ нСсколько ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΉ со сторонними прилоТСниями

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

Π­Ρ‚ΠΎΡ‚ инструмСнт Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΏΠ»Π°Ρ‚Π΅ΠΆΠΈ Ρ‡Π΅Ρ€Π΅Π· ваш Π²Π΅Π±-сайт, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ со сторонними прилоТСниями для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠ»Π°Ρ‚Π΅ΠΆΠ΅ΠΉ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡΠ΅Ρ‰Π°Π΅ΠΌΠΎΡΡ‚ΡŒ Π²Π΅Π±-сайта, интСгрируя Π½Π° свой Π²Π΅Π±-сайт сторонниС инструмСнты Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° полСзная функция, Ссли Π²Ρ‹ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, — это Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ настраиваСмого ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² вашСго Π²Π΅Π±-сайта.

Olitt ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ ΠΈ Π² Ρ‡Π°Ρ‚Π΅. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ основан Π½Π° сСти.

Π‘Π°ΠΌΡ‹ΠΉ доступный

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • АвтообновлСниС сайта
  • Π˜ΠΌΠΏΠΎΡ€Ρ‚ / экспорт Π΄Π°Π½Π½Ρ‹Ρ…
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания
  • Π¦Π΅Π»Π΅Π²Ρ‹Π΅ страницы
  • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ²
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π’Ρ‹Π±ΠΎΡ€ шаблона сайта Π² Olitt

7

Webflow: ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ панСль управлСния для создания Π²Π΅Π±-страниц

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

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Webflow Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ нСсколько Π²Π΅Π±-страниц Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ холстС ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° нСсколько языков, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ HTML5, CSS ΠΈΠ»ΠΈ JavaScript, ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ Π΅Π³ΠΎ своСй ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΆΠΈΠ²ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для рСдактирования ΠΈ обновлСния ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π²Π΅Π±-страниц. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² Webflow Π΅ΡΡ‚ΡŒ панСль SEO, которая ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш сайт ΠΈ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π² поисковых систСмах.

Webflow ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Π² Ρ‡Π°Ρ‚Π΅ ΠΈ ΠΏΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ основан Π½Π° сСти.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹
  • НастраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • ΠšΠ»Π°ΡΡΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания
  • ΠŸΠΎΠ»Π½ΠΎΡ‚Π΅ΠΊΡΡ‚ΠΎΠ²Ρ‹ΠΉ поиск
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ SEO
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π² Webflow

8

Weebly: ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Ρ‹ ΠΈ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΈ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ²

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

Weebly ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с пСрСтаскиваниСм, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π½Π°Π²Ρ‹ΠΊΠΎΠ² программирования для создания Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π΅Π±-страниц. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ страницы с Π²ΠΈΠ΄Π΅ΠΎ-Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ эффСкты Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. БущСствуСт Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ изобраТСния, Π½Π΅ покидая Π²Π΅Π±-сайт.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ нСсколько языков кодирования HTML, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ CSS, JavaScript ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ваш Π²Π΅Π±-сайт Π² соотвСтствии с вашими трСбованиями ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

Weebly ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅, Π² Ρ‡Π°Ρ‚Π΅ ΠΈ ΠΏΠΎ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ являСтся Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для устройств iOS ΠΈ Android.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • CRM
  • НастраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½Ρ‹ΠΉ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³
  • ОбмСн Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ
  • Групповая ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΊΠ°
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-сайта с нуля Π² Weebly

9

WordPress: ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΊΡ€ΡƒΠ³Π»ΠΎΡΡƒΡ‚ΠΎΡ‡Π½ΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΈ устранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ

WordPress — это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ инструмСнт для создания Π²Π΅Π±-сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания Π±Π»ΠΎΠ³ΠΎΠ², Π²Π΅Π±-сайтов ΠΈ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ исходного ΠΊΠΎΠ΄Π°, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ HTML ΠΈ Markdown, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ для создания Π²Π΅Π±-страницы.

Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для добавлСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ встраивания Π²ΠΈΠ΄Π΅ΠΎ Π½Π° свой Π²Π΅Π±-сайт. WordPress Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ сСтями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»Π΅Π³ΠΊΠΎ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ вашСго сайта Π½Π° сторонних ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ встроСнныС ΠΊΠ°Ρ€Ρ‚Ρ‹ сайта ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ инструмСнты SEO для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ вашСго сайта. Он Ρ‚Π°ΠΊΠΆΠ΅ содСрТит Ρ€Π°Π·Π΄Π΅Π» Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ Π²Π΅Π±-сайта для измСрСния ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ вашСго Π²Π΅Π±-сайта.

WordPress ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ ΠΈ Π² Ρ‡Π°Ρ‚Π΅. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ являСтся Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΈ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Windows, Linux, iOS ΠΈ Android.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΡŒ
ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ характСристики:
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Π°ΡƒΠ΄ΠΈΠΎΡ„Π°ΠΉΠ»Π°ΠΌΠΈ
  • АвтообновлСниС
  • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹
  • НастраиваСмыС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹
  • ΠšΠ»Π°ΡΡΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²
  • Π‘Π»Π°Π½ΠΊΠΈ элСктронныС
Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚:

Π’Ρ‹Π±ΠΎΡ€ Ρ‚Π΅ΠΌΡ‹ сайта Π² WordPress

Как Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ подходящий бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML для вашСго бизнСса Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для создания сайтов

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

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

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ бСсплатного ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для рСдактирования HTML

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

  • ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π»ΠΈ бСсплатный инструмСнт ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ настройку? Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ бСсплатного тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° HTML часто ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ нСсколько ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹Ρ… шаблонов.Если Π²Π°ΡˆΠ΅ΠΌΡƒ бизнСсу Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ настроСнныС Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ ΠΈ Π²Π΅Π±-страницы, спроситС поставщика, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатного ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния.
  • КакиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ограничСния Π΅ΡΡ‚ΡŒ Ρƒ бСсплатного инструмСнта? Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ бСсплатных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… инструмСнтов ΠΈΠΌΠ΅ΡŽΡ‚ ограничСния для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ бСсплатного ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для рСдактирования HTML, спроситС поставщиков, сколько ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠΌΠ΅ΡŽΡ‚ административный доступ ΠΊ бСсплатному инструмСнту для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ рСдактирования.
  • ΠšΠ°ΠΊΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΌΠ½Π΅ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ? БСсплатныС инструмСнты Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° HTML часто ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Π΅ услуги ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π² качСствС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ услуги ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ Π² Π½Π΅ΠΎΠΏΠ»Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌΠΎΠΉ вСрсии конструктора Π²Π΅Π±-сайтов, ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅, Π½ΡƒΠΆΠ½Π° Π»ΠΈ Π²Π°ΠΌ приоритСтная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°.

Как ΠΌΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ эти ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹? ΠœΡ‹ Π½Π΅ сдСлали — сдСлали Π²Ρ‹.

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

Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, наши Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°ΠΌ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠΊΡƒΠΏΠ°ΡŽΡ‚ΡΡ ΠΈ Π½Π΅ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ΡΡ ΠΈΠ»ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π° ΠΌΠ½Π΅Π½ΠΈΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° — ΠΎΠ½ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ вашими ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ, отраТая взгляды ΠΈ ΠΎΠΏΡ‹Ρ‚ нашСй нСзависимой Π±Π°Π·Ρ‹ Ρ€Π΅Ρ†Π΅Π½Π·Π΅Π½Ρ‚ΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния.


ΠœΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΡ

ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, рассматриваСмыС Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ условиям, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π½ΠΈΠΆΠ΅:

  • ΠŸΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚Π΅ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния (Π½Π΅ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ приобрСсти ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΏΠΎ истСчСнии ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ).
  • ΠŸΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ нашСго Ρ€Ρ‹Π½ΠΊΠ° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для создания Π²Π΅Π±-сайтов: Β«ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС для создания Π²Π΅Π±-сайтов позволяСт Π»Π΅Π³ΠΊΠΎ ΠΈ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой собствСнный Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ кодирования, шаблонов, хостинга Π΄ΠΎΠΌΠ΅Π½ΠΎΠ² ΠΈ встроСнного SEO.Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ для ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ сСтями, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ ΠΈ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°. НСкоторыС ΠΈΠ· этих ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ встроСнныС инструмСнты SEO, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту Π»ΡƒΡ‡ΡˆΠ΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ поисковыС запросы Β»
  • ΠŸΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ бСсплатной ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ нашСго списка поставщиков ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для создания Π²Π΅Π±-сайтов Π½Π° Capterra ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 20+ ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΎΡ†Π΅Π½ΠΊΡƒ Π±ΠΎΠ»Π΅Π΅ 4,0 ΠΈΠ· 5.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ Β«Π›ΡƒΡ‡ΡˆΠ°Ρ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΒ» опрСдСляСтся Π½Π° основС самых высоких ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… ΠΎΡ†Π΅Π½ΠΎΠΊ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… поставщиком Π½Π° основС общСдоступных ΠΎΠ±Π·ΠΎΡ€ΠΎΠ².

Β«Π‘Π°ΠΌΡ‹ΠΉ доступный» инструмСнт опрСдСляСтся Π½Π° основС самой Π½ΠΈΠ·ΠΊΠΎΠΉ Ρ†Π΅Π½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ поставщик ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π½Π° своСм Π²Π΅Π±-сайтС с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния стоимости обновлСния 25 августа 2021 Π³.

языков Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ программирования Π²Π΅Π±-страниц: HTML, XHTML, XML, CSS ΠΈ JavaScript — Π²ΠΈΠ΄Π΅ΠΎ ΠΈ стСнограмма ΡƒΡ€ΠΎΠΊΠ°

ΠŸΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ вашСго Π²Π΅Π±-сайта

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

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

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

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π° вашСго Π²Π΅Π±-сайта

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

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ HTML-ΠΊΠΎΠ΄Π° для Π²Π΅Π±-сайта.

Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML) — это инструмСнт программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ гипСртСкст для установлСния динамичСских ссылок Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹.Он извСстСн ΠΊΠ°ΠΊ язык программирования Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ обСспСчиваСт ΠΎΠ±Ρ‰ΡƒΡŽ структуру для создания Π²Π΅Π±-страниц. ВсС Π²Π΅Π±-страницы Π½Π° самом Π΄Π΅Π»Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ HTML. Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ HTML — это просто тСкстовыС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, содСрТащиС содСрТимоС вашСй Π²Π΅Π±-страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ инструкции, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Ρ‚Π΅Π³Π°ΠΌΠΈ. Π’Π΅Π³ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ инструкции ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ тСкст ΠΈΠ»ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ Π²Π²ΠΎΠ΄ΠΎΠΌ. Π’Π΅Π³ΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ скобки: <>. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π²ΠΎΠΊΡ€ΡƒΠ³ тСкста Π΅ΡΡ‚ΡŒ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΉ Ρ‚Π΅Π³ΠΈ. НапримСр, Ссли ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ, наш Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π³ — это Π±ΡƒΠΊΠ²Π° Β«bΒ» Π² скобках, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ слСдуСт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ Β«/ bΒ» Π² скобках: Β«Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΒ» .ВсС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ HTML Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с HTML Π² скобках ΠΈ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ косой Ρ‡Π΅Ρ€Ρ‚ΠΎΠΉ ΠΈ HTML Π² скобках: ΠΈ. Π­Ρ‚ΠΈ Ρ‚Π΅Π³ΠΈ ΡΠΎΠΎΠ±Ρ‰Π°ΡŽΡ‚ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ содСрТимоС ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ собрано Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ HTML. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Dreamweaver, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ для ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π² создании HTML-ΠΊΠΎΠ΄Π° для Π²Π΅Π±-страницы. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ прСдоставляСт графичСский ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ‰Π΅Π»ΠΊΠ°Ρ‚ΡŒ, ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ части Π²Π΅Π±-страницы. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ HTML-ΠΊΠΎΠ΄ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.Но Ссли Π²Ρ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ заинтСрСсованы Π² ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ HTML, вСроятно, Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ простой тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚, ΠΈ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ввСсти HTML-ΠΊΠΎΠ΄.

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

HTML Π±Ρ‹Π» Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ прСдставлСн Π² 1993 Π³ΠΎΠ΄Ρƒ ΠΊΠ°ΠΊ стандарт Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π—Π° ΠΏΡ€ΠΎΡˆΠ΅Π΄ΡˆΠΈΠ΅ Π³ΠΎΠ΄Ρ‹ Π±Ρ‹Π»ΠΎ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ΠΎ мноТСство вСрсий с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ функциями. БСгодня Extensible Hypertext Markup Language (XHTML) замСняСт HTML Π² качСствС стандарта Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. XHTML — это язык программирования Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ Π½Π° HTML, Π½ΠΎ написанный с использованиСм XML. По сути, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ XHTML, Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ XML-ΠΊΠΎΠ΄ с ограничСниями, основанными Π½Π° Π½Π°Π±ΠΎΡ€Π΅ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… элСмСнтов. Он сочСтаСт Π² сСбС Π»ΡƒΡ‡ΡˆΠΈΠ΅ части HTML ΠΈ XML для создания ΠΌΠΎΡ‰Π½ΠΎΠ³ΠΎ ΠΈ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ языка программирования. XHTML — это Π² основном ΠΏΠ΅Ρ€Π΅Ρ„ΠΎΡ€ΠΌΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° HTML с использованиСм синтаксиса XML. ОсновноС Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ этими языками программирования Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ XHTML Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ сформированы ΠΈΠ»ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Ρ‹ Π² соотвСтствии с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΡΡ‡ΠΈΡ‚Π°Π»ΠΈΡΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ XHTML.XHTML чувствитСлСн ΠΊ рСгистру, Π° HTML — Π½Π΅Ρ‚. XHTML Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с прилоТСниями Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… процСссов. XHTML позволяСт Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΏΡ€ΠΎΡΠ²Π»ΡΡ‚ΡŒ творчСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ элСмСнты. Он обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ структурированный ΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ.

Π£ΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠ΅ вашСго Π²Π΅Π±-сайта

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

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

ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (CSS) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ простой язык стилСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π·Π½Π°ΠΊΠΎΠΌΡƒΡŽ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ»ΠΎΠ³ΠΈΡŽ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·Π΄Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… систСм для измСнСния внСшнСго Π²ΠΈΠ΄Π° Π²Π΅Π±-сайтов. CSS описываСт, ΠΊΠ°ΠΊ Π²Π΅Π±-страницы Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎ CSS ΠΊΠ°ΠΊ ΠΎΠ± ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠΈ своСго Π΄ΠΎΠΌΠ°. Π‘Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠΉ ΠΎΠ½ довольно мягкий ΠΈ скучный, Π½ΠΎ ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ добавляСтС Π΄Π΅ΠΊΠΎΡ€, ΠΎΠ½ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ оТивляСт ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΡƒΡŽ срСду ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. CSS Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠšΠΎΠ½ΡΠΎΡ€Ρ†ΠΈΡƒΠΌΠΎΠΌ ВсСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Ρ‹ (W3C). Он ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ характСристиками Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π’Π°Π±Π»ΠΈΡ†Π° стилСй содСрТит всС ΠΏΡ€Π°Π²ΠΈΠ»Π° стилСй для Π²Π΅Π±-сайта.

CSS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ синтаксис, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈ ΠΏΠΈΡΠ°Ρ‚ΡŒ. Он состоит ΠΈΠ· Π΄Π²ΡƒΡ… частСй: сСлСктора ΠΈ объявлСния. Π‘Π΅Π»Π΅ΠΊΡ‚ΠΎΡ€ опрСдСляСт элСмСнт, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ примСняСтся ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ объявлСниС Ρ‚ΠΎΡ‡Π½ΠΎ опрСдСляСт, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ сдСлано с этим элСмСнтом. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π° Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹ΠΉ, вашС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ стиля Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ: h2 {color: purple;}.Β«h2Β» — это сСлСктор, Π° Β«Ρ†Π²Π΅Ρ‚: ΠΏΡƒΡ€ΠΏΡƒΡ€Π½Ρ‹ΠΉΒ» — это объявлСниС. ОбъявлСниС ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ Π½Π° Π΄Π²Π° Ρ€Π°Π·Π΄Π΅Π»Π°: свойство ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Бвойство — это качСство ΠΈΠ»ΠΈ характСристика, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ†Π²Π΅Ρ‚; Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ — это точная спСцификация свойства, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹ΠΉ. ΠŸΡ€Π°Π²ΠΈΠ»Π° стиля Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй. Π’Π°Π±Π»ΠΈΡ†Π° стилСй — это внСшний Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, совмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ нСсколькими Π²Π΅Π±-страницами. Он ΡƒΠ΄ΠΎΠ±Π½ΠΎ управляСт стилями ΠΏΠΎ всСму сайту. ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ являСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π½Π° ΠΎΠ΄Π½ΠΎΠΉ Π²Π΅Π±-страницС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для использования этой страницСй.ΠŸΡ€Π°Π²ΠΈΠ»Π° CSS ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΊΠΎΠ΄ΠΎΠΌ HTML. CSS Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для отобраТСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π² XHTML.

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

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

Π—Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ создания Π²Π΅Π±-сайта

JavaScript ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ.

ПослС планирования, ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° ΠΈ ΠΎΡ‚Π΄Π΅Π»ΠΊΠΈ трСбуСтся Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ осмотр. Подобно Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ провСряСтся Π΄ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ соотвСтствуСт трСбованиям ΠΈ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ Π² соотвСтствии со спСцификациями, Π²Π΅Π±-сайт Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ.Он Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ спСцификациям, созданным Π½Π° этапС планирования. Он Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния содСрТания. Он Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ простым Π² использовании. Π’Π΅Π±-сайт слСдуСт ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Internet Explorer, Mozilla Firefox, Google Chrome ΠΈΠ»ΠΈ Safari, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ выглядит ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. Π’Π΅Π±-сайт слСдуСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π½Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Windows ΠΈ Mac. ΠšΠ»ΠΈΠ΅Π½Ρ‚ просмотрит Π²Π΅Π±-сайт ΠΈ убСдится, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€Π΅Π½.Π›ΡŽΠ±Ρ‹Π΅ измСнСния ΠΈΠ»ΠΈ исправлСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ внСсти, Π±ΡƒΠ΄ΡƒΡ‚ сдСланы Π½Π° этом этапС. ПослС утвСрТдСния Π²Π΅Π±-сайт запускаСтся Π²ΠΎ всСмирной ΠΏΠ°ΡƒΡ‚ΠΈΠ½Π΅.

ΠšΡ€Π°Ρ‚ΠΊΠΎΠ΅ содСрТаниС ΡƒΡ€ΠΎΠΊΠ°

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

Π”Π°Π»Π΅Π΅ ΠΈΠ΄Π΅Ρ‚ этап ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π°. Π’Π΅Π±-сайты созданы с использованиСм HTML, XML ΠΈ XHTML. Π―Π·Ρ‹ΠΊ гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (HTML) — это инструмСнт программирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ гипСртСкст для создания динамичСских ссылок Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Extensible Markup Language (XML) — это язык программирования Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ HTML, Π±Π΅Π· ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… элСмСнтов. XHTML — это язык программирования Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ Π½Π° HTML, Π½ΠΎ написанный с использованиСм XML.

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

Π¦Π΅Π»ΠΈ ΡƒΡ€ΠΎΠΊΠ°

ПослС просмотра этого ΡƒΡ€ΠΎΠΊΠ° Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠΌΠ΅Ρ‚ΡŒ:

  • ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½
  • ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ шаги, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайта
  • Π Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ языки программирования, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ для создания Π²Π΅Π±-сайтов

4.Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ простой страницы: (HTML-ΠΎΠ±Π·ΠΎΡ€)

Π“Π»Π°Π²Π° 4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ простой страницы: (HTML-ΠΎΠ±Π·ΠΎΡ€)

Π§Π°ΡΡ‚ΡŒ I прСдоставила ΠΎΠ±Ρ‰ΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ срСды Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ рассмотрСли основныС ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ, ΠΏΠΎΡ€Π° Π·Π°ΠΊΠ°Ρ‚Π°Ρ‚ΡŒ Ρ€ΡƒΠΊΠ°Π²Π° ΠΈ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ созданию настоящСй Π²Π΅Π±-страницы. Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ простая страница, Π½ΠΎ Π΄Π°ΠΆΠ΅ самыС слоТныС страницы основаны Π½Π° ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°Ρ…, описанных здСсь.

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

Π­Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ вынСсли ΠΈΠ· этой Π³Π»Π°Π²Ρ‹:

  • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ элСмСнтов ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

  • ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹.

  • Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΎΡΠ½ΠΎΠ²Π½ΡƒΡŽ структуру HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  • ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ прСдставлСниС ΠΎ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй Π² дСйствии.

На этом этапС Π½Π΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡ‚Π΅ΡΡŒ ΠΎΠ± ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… тСкстовых элСмСнтов ΠΈΠ»ΠΈ ΠΏΡ€Π°Π²ΠΈΠ» Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй; ΠΌΡ‹ вСрнСмся ΠΊ Π½ΠΈΠΌ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π³Π»Π°Π²Π°Ρ….А ΠΏΠΎΠΊΠ° просто ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° процСсс, ΠΎΠ±Ρ‰ΡƒΡŽ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ Π½ΠΎΠ²ΡƒΡŽ Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ»ΠΎΠ³ΠΈΡŽ.

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

  • Π¨Π°Π³ 1. НачнитС с содСрТимого. Π’ качСствС ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΌΡ‹ напишСм Π½Π΅ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ тСкстовый ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ посмотрим, Ρ‡Ρ‚ΠΎ с Π½ΠΈΠΌ Π΄Π΅Π»Π°ΡŽΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹.

  • Π¨Π°Π³ 2: Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΎ синтаксисС элСмСнтов HTML ΠΈ элСмСнтах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  • Π¨Π°Π³ 3. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ тСкстовыС элСмСнты. Π’Ρ‹ ΠΎΠΏΠΈΡˆΠ΅Ρ‚Π΅ содСрТаниС, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ тСкстовыС элСмСнты, ΠΈ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML.

  • Π¨Π°Π³ 4: Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π”ΠΎΠ±Π°Π²ΠΈΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° страницу, Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΎΠ± Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ… ΠΈ ​​пустых элСмСнтах.

  • Π¨Π°Π³ 5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ внСшний Π²ΠΈΠ΄ страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. Π­Ρ‚ΠΎ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ прСдставлСниС ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ содСрТимого с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ каскадных Ρ‚Π°Π±Π»ΠΈΡ† стилСй.

К Ρ‚ΠΎΠΌΡƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠΌ, Π²Ρ‹ Π½Π°ΠΏΠΈΡˆΠ΅Ρ‚Π΅ исходный Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ для страницы, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π½Π° рис. 4-1. Π­Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ красиво, Π½ΠΎ с Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ.

Π’ΠΎ врСмя дСмонстрации ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ часто ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Π½Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ — вСроятно, большС, Ρ‡Π΅ΠΌ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ.Но ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² HTML, ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ ΠΈ слСдствиС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ нСбольшого измСнСния исходного Ρ„Π°ΠΉΠ»Π° ΠΏΠΎ ΠΏΡƒΡ‚ΠΈ.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ, запуститС тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Π’ этой Π³Π»Π°Π²Π΅ ΠΈ Π½Π° протяТСнии всСй ΠΊΠ½ΠΈΠ³ΠΈ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΈΡΠ°Ρ‚ΡŒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, поэтому ΠΏΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, поставляСмый с вашСй ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмой, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ (Windows) ΠΈΠ»ΠΈ TextEdit (Macintosh), ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для этих Ρ†Π΅Π»Π΅ΠΉ.Π”Ρ€ΡƒΠ³ΠΈΠ΅ тСкстовыС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ подходят, Ссли Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ тСкстовыС Ρ„Π°ΠΉΠ»Ρ‹ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ .html . Если Ρƒ вас Π΅ΡΡ‚ΡŒ WYSIWYG-инструмСнт для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Dreamweaver, ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΠΎΠΊΠ°. Π― Ρ…ΠΎΡ‡Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ почувствовали, ΠΊΠ°ΠΊ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ‡Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (см. Π‘ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль HTML, Ρ‚Ρ€ΡƒΠ΄Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ).

Π’ этом Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ ΠΈ TextEdit. Π”Π°ΠΆΠ΅ Ссли Π²Ρ‹ использовали эти ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ€Π°Π½ΡŒΡˆΠ΅, просмотритС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ настройки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ упраТнСния Π±ΠΎΠ»Π΅Π΅ ΠΏΠ»Π°Π²Π½Ρ‹ΠΌΠΈ.НачнСм с Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π°; ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Mac ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π±Π΅Π³Π°Ρ‚ΡŒ Π²ΠΏΠ΅Ρ€Π΅Π΄.

Рисунок 4-1. Π’ этой Π³Π»Π°Π²Π΅ ΠΌΡ‹ шаг Π·Π° шагом напишСм исходный Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ для этой страницы.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ (Windows)

Π’ΠΎΡ‚ шаги для создания Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ Π² Windows 7 (рис. 4-2):

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ мСню ΠŸΡƒΡΠΊ ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ (Π² АксСссуары). 1

  2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈ Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ тСкст.2

  3. Π—Π°Ρ‚Π΅ΠΌ ΠΌΡ‹ сдСлаСм Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌΠΈ. Π­Ρ‚ΠΎΡ‚ шаг Π½Π΅ трСбуСтся для создания HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Π½ΠΎ ΠΎΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ взгляда ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² Π±ΠΎΠ»Π΅Π΅ понятными. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΏΠ°ΠΏΠΊΠΈ …Β» Π² мСню Β«Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹Β» 3 ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«Π’ΠΈΠ΄Β» 4. НайдитС Β«Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для извСстных Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ²Β» ΠΈ снимитС этот Ρ„Π»Π°ΠΆΠΎΠΊ. 5 НаТмитС «ОК», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ настройку, ΠΈ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π½Ρ‹ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Ρ„Π°ΠΉΠ»ΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅

Π’ Windows 7 Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ALT, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ мСню для доступа ΠΊ инструмСнтам ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌ ΠΏΠ°ΠΏΠΊΠΈ.Π’ Windows Vista ΠΎΠ½ называСтся «Папка ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ поиска».

Рисунок 4-2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² TextEdit (Mac OS X)

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ TextEdit создаСт Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ с Β«Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ тСкстом», Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ со скрытыми инструкциями ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ стиля для выдСлСния тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ, установки Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ Ρ‚. Π”. . Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ TextEdit находится Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста, Ссли Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ панСль инструмСнтов форматирования Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π° (Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста Π½Π΅Ρ‚).Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ HTML Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ тСкстовыми Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ, поэтому Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ (рис. 4-3).

  1. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Finder для поиска TextEdit Π² ΠΏΠ°ΠΏΠΊΠ΅ Applications . Найдя Π΅Π³ΠΎ, Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ имя ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

  2. TextEdit ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. МСню форматирования тСкста Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ RTF. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ это ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ.

  3. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ «Настройки» ΠΈΠ· мСню TextEdit.

  4. Π’Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Ρ‚Ρ€ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°:

    На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ «Новый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Β» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст».

    На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒΒ» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π˜Π³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΎΡ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста Π² Ρ„Π°ΠΉΠ»Π°Ρ… HTMLΒ» ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Β«Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΒ« .txt Β»ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ с ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ тСкстом».

  5. Когда Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΡ€Π°ΡΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ.

  6. Когда Π²Ρ‹ создаСтС Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, мСню форматирования большС Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚, ΠΈ Π²Ρ‹ смоТСтС ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ свой тСкст ΠΊΠ°ΠΊ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.Π’Ρ‹ всСгда ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст, Π²Ρ‹Π±Ρ€Π°Π² Π€ΠΎΡ€ΠΌΠ°Ρ‚ β†’ Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст, Ссли Π²Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ TextEdit для HTML.

Рисунок 4-3. Запуск TextEdit ΠΈ Π²Ρ‹Π±ΠΎΡ€ настроСк Plain Text Π² настройках.

Π¨Π°Π³ 1. НачнитС с содСрТания

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Ρƒ нас Π΅ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΏΠΎΡ€Π° Π½Π°Π±ΠΈΡ€Π°Ρ‚ΡŒ тСкст. Π’Π΅Π±-страница всСгда начинаСтся с содСрТания, поэтому ΠΌΡ‹ Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ Π½Π°ΡˆΡƒ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ. Π£ΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ 4-1 | ΠŸΡ€ΠΈ Π²Π²ΠΎΠ΄Π΅ содСрТимого выполняСтся Π²Π²ΠΎΠ΄ Π½Π΅ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ³ΠΎ тСкстового содСрТимого ΠΈ сохранСниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Π½ΠΎΠ²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅.

Наш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ выглядит Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ (рис. 4-5). ВСкст скомпонован вмСстС — Π² исходном Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΎΠ½ выглядСл ΠΈΠ½Π°Ρ‡Π΅. Π—Π΄Π΅ΡΡŒ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΠ²ΠΎΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ Π²Π΅Ρ‰Π΅ΠΉ. ΠŸΠ΅Ρ€Π²ΠΎΠ΅, Ρ‡Ρ‚ΠΎ бросаСтся Π² Π³Π»Π°Π·Π°, это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строк Π² исходном Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. На Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π§Ρ‚ΠΎ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹Β» отобраТаСтся другая информация Π² источникС, которая Π½Π΅ отобраТаСтся Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ просто ввСсти Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ Π½Π°Π·Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ .html нСдостаточно.Π₯отя Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ тСкст ΠΈΠ· Ρ„Π°ΠΉΠ»Π°, ΠΌΡ‹ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π»ΠΈ структуру содСрТимого. Π—Π΄Π΅ΡΡŒ Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ HTML. ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ для добавлСния структуры: сначала Π² сам Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ HTML (Π½Π° шагС 2), Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π° содСрТимоС страницы (шаг 3). Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΡƒΠ·Π½Π°Π΅Ρ‚ структуру ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ страницу Π±ΠΎΠ»Π΅Π΅ осмыслСнным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

Π¨Π°Π³ 2. Π—Π°Π΄Π°ΠΉΡ‚Π΅ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

Π£ нас Π΅ΡΡ‚ΡŒ содСрТимоС, сохранСнноС Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ .html — Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ.

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌ … HTML-элСмСнты

Π•Ρ‰Π΅ Π² Π³Π»Π°Π²Π΅ 2 Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ HTML-элСмСнтов с ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,

для Π°Π±Π·Π°Ρ†Π°) ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ ( ). ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π΅Π³ΠΈ Π² наш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Π°Π½Π°Ρ‚ΠΎΠΌΠΈΡŽ HTML-элСмСнта (Π΅Π³ΠΎ синтаксис , ) ΠΈ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹. Π’ΠΈΠΏΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π½Ρ‹ΠΉ элСмСнт ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ Π½Π° рис. 4-6.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ состоит ΠΈΠ· содСрТимого ΠΈ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.

Рисунок 4-6. Части элСмСнта ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° HTML.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Ρ‚Π΅Π³Π°ΠΌΠΈ Π² исходном тСкстС. Π’Π΅Π³ состоит ΠΈΠ· ΠΈΠΌΠ΅Π½ΠΈ элСмСнта (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½ΠΎΠ³ΠΎ ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ) Π² ΡƒΠ³Π»ΠΎΠ²Ρ‹Ρ… скобках ( <> ). Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ любой тСкст Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобках скрыт ΠΈ Π½Π΅ отобраТаСтся Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

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

Π’Π΅Π³ΠΈ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Π΅ Π²ΠΎΠΊΡ€ΡƒΠ³ содСрТимого, Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ . Π’Π°ΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ элСмСнт состоит ΠΊΠ°ΠΊ ΠΈΠ· содСрТимого , Ρ‚Π°ΠΊ ΠΈ ΠΈΠ· Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³ΠΎΠ²). Однако Π½Π΅ всС элСмСнты ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. НСкоторыС ΠΈΠ· Π½ΠΈΡ… ΠΏΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ ΡΠ²Π»ΡΡŽΡ‚ΡΡ пустыми , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, img элСмСнт, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для добавлСния изобраТСния Π½Π° страницу.Π§ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅ Π² этой Π³Π»Π°Π²Π΅ ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ пустых элСмСнтах.

И послСднСС … Π·Π°Π³Π»Π°Π²Π½Ρ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹. Π’ HTML Π·Π°Π³Π»Π°Π²Π½Ρ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹ Π² ΠΈΠΌΠ΅Π½Π°Ρ… элСмСнтов Π½Π΅ Π²Π°ΠΆΠ½Ρ‹. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, , ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Однако Π² XHTML (Π±ΠΎΠ»Π΅Π΅ строгая вСрсия HTML) всС ΠΈΠΌΠ΅Π½Π° элСмСнтов Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ рСгистрС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ. Многим Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ нравится ΡƒΠΏΠΎΡ€ΡΠ΄ΠΎΡ‡Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ строгих ΠΏΡ€Π°Π²ΠΈΠ» Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ XHTML ΠΈ ΠΎΠ½ΠΈ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ строчных Π±ΡƒΠΊΠ², ΠΊΠ°ΠΊ я сдСлаю Π² этой ΠΊΠ½ΠΈΠ³Π΅.

Π‘ΠΎΠ²Π΅Ρ‚

Косая Ρ‡Π΅Ρ€Ρ‚Π° ΠΈ обратная косая Ρ‡Π΅Ρ€Ρ‚Π°

Π’ HTML-Ρ‚Π΅Π³Π°Ρ… ΠΈ URL-адрСсах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ косая Ρ‡Π΅Ρ€Ρ‚Π° (/). Косая Ρ‡Π΅Ρ€Ρ‚Π° находится ΠΏΠΎΠ΄ Π²ΠΎΠΏΡ€ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π·Π½Π°ΠΊΠΎΠΌ (?) На стандартной QWERTY-ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅.

Π›Π΅Π³ΠΊΠΎ ΡΠΏΡƒΡ‚Π°Ρ‚ΡŒ ΠΊΠΎΡΡƒΡŽ Ρ‡Π΅Ρ€Ρ‚Ρƒ с символом ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ косой Ρ‡Π΅Ρ€Ρ‚Ρ‹ (\), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится ΠΏΠΎΠ΄ Π·Π½Π°ΠΊΠΎΠΌ Ρ‡Π΅Ρ€Ρ‚Ρ‹ (|). Клавиша ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ косой Ρ‡Π΅Ρ€Ρ‚Ρ‹ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ‚Π΅Π³Π°Ρ… ΠΈΠ»ΠΈ URL-адрСсах, поэтому Π±ΡƒΠ΄ΡŒΡ‚Π΅ остороТны ΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π΅.

На рис. 4-7 ΠΏΠΎΠΊΠ°Π·Π°Π½ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ каркас Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML5.Π― Π³ΠΎΠ²ΠΎΡ€ΡŽ «рСкомСндуСтся», ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ СдинствСнный элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π² HTML, — это Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ . Но я ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, особСнно для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, явно ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ с Π½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΉ структурной Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ. И Ссли Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ Π² Π±ΠΎΠ»Π΅Π΅ строгом XHTML, всС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты, ΠΊΡ€ΠΎΠΌΠ΅ meta , Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Ρ‡Ρ‚ΠΎ происходит Π½Π° рис. 4-7.

  1. Π― Π½Π΅ Ρ…ΠΎΡ‡Ρƒ ΠΏΡƒΡ‚Π°Ρ‚ΡŒ Π²Π΅Ρ‰ΠΈ, Π½ΠΎ пСрвая строка Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ являСтся элСмСнтом; это дСкларация Ρ‚ΠΈΠΏΠ° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (Ρ‚Π°ΠΊΠΆΠ΅ называСмая Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ†ΠΈΠ΅ΠΉ DOCTYPE ), которая ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ этот Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΊΠ°ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ HTML5.Π― ΠΌΠΎΠ³Ρƒ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΠ± ΠΎΠ±ΡŠΡΠ²Π»Π΅Π½ΠΈΡΡ… DOCTYPE Π² Π³Π»Π°Π²Π΅ 10, Π½ΠΎ для этого обсуТдСния достаточно ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ позволяСт соврСмСнным Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ‚ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½ написан Π² соотвСтствии со спСцификациСй HTML5.

  2. Π’Π΅ΡΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ содСрТится Π² элСмСнтС html . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ html называСтся ΠΊΠΎΡ€Π½Π΅Π²Ρ‹ΠΌ элСмСнтом , ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ содСрТит всС элСмСнты Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ Π½ΠΈ Π² ΠΊΠ°ΠΊΠΎΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠΌ элСмСнтС.Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ°ΠΊ для Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² HTML, Ρ‚Π°ΠΊ ΠΈ для XHTML.

  3. Π’ элСмСнтС html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Ρ‚Π΅Π»ΠΎ . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ head содСрТит ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ самом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, Ρ‚Π°ΠΊΡƒΡŽ ​​как Π΅Π³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚, сцСнарии ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚ΠΈΠΏΡ‹ Β«ΠΌΠ΅Ρ‚Π°Β» ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

  4. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΌΠ΅Ρ‚Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта head ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ самом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠΌΠ΅Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для прСдоставлСния всСх Π²ΠΈΠ΄ΠΎΠ² ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½ΠΎ Π² этом случаС ΠΎΠ½ опрСдСляСт ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΡƒ символов (стандартизованный Π½Π°Π±ΠΎΡ€ Π±ΡƒΠΊΠ², Ρ†ΠΈΡ„Ρ€ ΠΈ символов), ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Π― Π½Π΅ Ρ…ΠΎΡ‡Ρƒ сСйчас Π²Π΄Π°Π²Π°Ρ‚ΡŒΡΡ Π² подробности ΠΏΠΎ этому ΠΏΠΎΠ²ΠΎΠ΄Ρƒ, Π½ΠΎ знаю, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ вСских ΠΏΡ€ΠΈΡ‡ΠΈΠ½ для указания ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, поэтому я Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ» Π΅Π΅ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ минимальной структуры Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅

    Π”ΠΎ HTML5 синтаксис для указания Π½Π°Π±ΠΎΡ€Π° символов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнта meta Π±Ρ‹Π» Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ слоТным.Если Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ свои Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² HTML 4.01 ΠΈΠ»ΠΈ XHTML 1.0, ваш элСмСнт meta Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

      http-Equiv = "content-type" content = "text / html; charset = UTF-8 "> 
  5. Π’Π°ΠΊΠΆΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Π΅ΡΡ‚ΡŒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° . Богласно спСцификации HTML, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.

  6. НаконСц, элСмСнт body содСрТит всС, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Рисунок 4-7. Минимальная структура HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹ Π»ΠΈ Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ структуру Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу Black Goose Bistro? ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ index.html ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΡŽ 4-2 | ДобавляСм Π±Π°Π·ΠΎΠ²ΡƒΡŽ структуру.

НСмногоС измСнилось послС структурирования Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅. Если Π±Ρ‹ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΠ» эту страницу Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, этот Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‚Π°ΠΊΠΆΠ΅ Π±Ρ‹Π» Π±Ρ‹ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π² Π΅Π³ΠΎ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ»ΠΈ список ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ (см. Π‘ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль «НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊΒ»).Но ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ вмСстС, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ структурирован. Об этом ΠΌΡ‹ позаботимся дальшС.

Π¨Π°Π³ 3. ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ тСкстовыС элСмСнты

ИмСя нСбольшой ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΏΠΎΠ΄ вашим поясом, Π½Π΅ составит Ρ‚Ρ€ΡƒΠ΄Π° Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ, которая ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ( h2 ΠΈ h3 ) , Π°Π±Π·Π°Ρ†Ρ‹ ( p ) ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ тСкст ( em ) Π² наш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΊΠ°ΠΊ ΠΌΡ‹ это сдСлаСм Π² ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΈ 4-3 | ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкстовых элСмСнтов.Однако ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ, я Ρ…ΠΎΡ‡Ρƒ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ врСмя Ρ€Π°Π·Π³ΠΎΠ²ΠΎΡ€Ρƒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄Π΅Π»Π°Π΅ΠΌ ΠΈ Ρ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅ΠΌ ΠΏΡ€ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ содСрТимого с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML.

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ... сСмантичСская Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ°

ЦСлью HTML являСтся Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ смысла ΠΈ структуры ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ. Π­Ρ‚ΠΎ , Π° Π½Π΅ , ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для прСдоставлСния инструкций ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ (Π΅Π³ΠΎ прСдставлСниС).

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

Помимо добавлСния смысла ΠΊ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ, Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° Π΄Π°Π΅Ρ‚ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.Π’ΠΎ, ΠΊΠ°ΠΊ элСмСнты ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π΄Ρ€ΡƒΠ³ Π·Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΈΠ»ΠΈ Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ Π² Π΄Ρ€ΡƒΠ³Π°, создаСт ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎΠ± этом ΠΊΠ°ΠΊ ΠΎ схСмС (Π΅Π΅ тСхничСскоС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ - DOM , для Document Object Model ). Базовая иСрархия Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π²Π°ΠΆΠ½Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π΄Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ подсказки ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ основа, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ добавляСм инструкции ΠΏΠΎ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ с Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JavaScript. ΠœΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ структурС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° большС Π² Части III, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ обсудим каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, ΠΈ Π² Части IV Π² ΠΎΠ±Π·ΠΎΡ€Π΅ JavaScript.

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

Π₯ΠΎΡ€ΠΎΡˆΠΎ, Ρ…Π²Π°Ρ‚ΠΈΡ‚ Π»Π΅ΠΊΡ†ΠΈΠΉ. ΠŸΡ€ΠΈΡˆΠ»ΠΎ врСмя ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ этим содСрТаниСм Π² Π£ΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΈ 4-3 | ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкстовых элСмСнтов.

Π’ΠΎΡ‚ ΠΌΡ‹ ΡƒΠΆΠ΅ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ добиваСмся. Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° элСмСнты ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ тСкст Π±ΠΎΠ»Π΅Π΅ Π·Π½Π°Ρ‡ΠΈΠΌΡ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ нСсколько Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ происходит Π½Π° рис. 4-9.

Π‘Π»ΠΎΡ‡Π½Ρ‹Π΅ ΠΈ встроСнныС элСмСнты

Π₯отя это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ, стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ элСмСнты Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ Π°Π±Π·Π°Ρ†Π° Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с Π½ΠΎΠ²ΠΎΠΉ строки ΠΈ Π½Π΅ ΠΈΠ΄ΡƒΡ‚ вмСстС, ΠΊΠ°ΠΊ Ρ€Π°Π½ΡŒΡˆΠ΅.Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Π°Π±Π·Π°Ρ†Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты . Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΎΠ½ΠΈ находятся Π² ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΡ€ΠΎΠ±ΠΊΠ°Ρ…, слоТСнных Π½Π° страницС. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Π±Π»ΠΎΠΊΠ° начинаСтся с Π½ΠΎΠ²ΠΎΠΉ строки, ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ добавляСтся Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ пространство Π²Ρ‹ΡˆΠ΅ ΠΈ Π½ΠΈΠΆΠ΅ всСго элСмСнта. На рис. 4-10 края Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов ΠΎΠ±Π²Π΅Π΄Π΅Π½Ρ‹ красным.

Рисунок 4-10. ΠšΠΎΠ½Ρ‚ΡƒΡ€Ρ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ структуру элСмСнтов Π½Π° домашнСй страницС.

Напротив, посмотритС Π½Π° тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ ( em ).Он Π½Π΅ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ Π½ΠΎΠ²ΡƒΡŽ строку, Π° скорСС остаСтся Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π°Π±Π·Π°Ρ†Π°. Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ элСмСнт em являСтся встроСнным элСмСнтом . ВстроСнныС элСмСнты Π½Π΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ Π½ΠΎΠ²ΡƒΡŽ строку; ΠΎΠ½ΠΈ просто ΠΏΠ»Ρ‹Π²ΡƒΡ‚ ΠΏΠΎ Ρ‚Π΅Ρ‡Π΅Π½ΠΈΡŽ. На рис. 4-10 встроСнный элСмСнт em Π²Ρ‹Π΄Π΅Π»Π΅Π½ Π³ΠΎΠ»ΡƒΠ±Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° Π²Π΅Ρ‰ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚Π΅ Π² Ρ€Π°Π·ΠΌΠ΅Ρ‡Π΅Π½Π½ΠΎΠΉ страницС Π½Π° рисунках 4-9 ΠΈ 4-10, - это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ пытаСтся ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ страницС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ, сдСлав Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня самым большим ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΌ. Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π° страницС, с Ρ‡ΡƒΡ‚ΡŒ мСньшими Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ уровня ΠΈ Ρ‚. Π΄.

Как Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ опрСдСляСт, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ h2 ? Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй! ВсС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ свои собствСнныС встроСнныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Π² спСцификации Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π°Π³Π΅Π½Ρ‚Π° ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ элСмСнтов ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. ΠžΡ‚Ρ€ΠΈΡΠΎΠ²ΠΊΠ° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Π° для Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, h2 всСгда большиС ΠΈ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹Π΅), Π½ΠΎ Π΅ΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ (Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅ ΠΈΠΌΠ΅Ρ‚ΡŒ отступ).

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

БСйчас ΠΌΡ‹ исправим прСдставлСниС страницы с Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй, Π½ΠΎ сначала Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π° страницу ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π§Ρ‚ΠΎ интСрСсного Π² Π²Π΅Π±-страницС Π±Π΅Π· изобраТСния? Π’ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΈ 4-4 | Добавляя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ элСмСнта img . Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π² Π³Π»Π°Π²Π΅ 7, Π½ΠΎ ΠΏΠΎΠΊΠ° это Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ Π΄Π²Π΅ основныС ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ: пустыС элСмСнты ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹.

Π”ΠΎ сих ΠΏΠΎΡ€ ΠΏΠΎΡ‡Ρ‚ΠΈ всС элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ использовали Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС Black Goose Bistro, слСдовали синтаксису, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ Π½Π° рис. 4-6: нСбольшой тСкстовый ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌ Ρ‚Π΅Π³Π°ΠΌΠΈ.

Однако Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ элСмСнты Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ тСкстового содСрТимого, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для прСдоставлСния простой Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΈΠ²Ρ‹. Π­Ρ‚ΠΈ элСмСнты Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ пустыми . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ изобраТСния ( img ) являСтся ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ элСмСнта; ΠΎΠ½ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» изобраТСния с сСрвСра ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² это мСсто Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ тСкста. Π”Ρ€ΡƒΠ³ΠΈΠ΅ пустыС элСмСнты Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Ρ€Π°Π·Ρ€Ρ‹Π² строки ( br ), тСматичСскиС Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ ( часов ) ΠΈ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, Π½ΠΎ Π½Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Π΅Π³ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ΅ содСрТимоС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠ΅Ρ‚Π° элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ использовали Ρ€Π°Π½Π΅Π΅.

На рис. 4-11 ΠΏΠΎΠΊΠ°Π·Π°Π½ ΠΎΡ‡Π΅Π½ΡŒ простой синтаксис пустого элСмСнта (сравнитС с рис. 4-6). Если Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ XHTML, синтаксис Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ отличаСтся (см. Π‘ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль Β«ΠŸΡƒΡΡ‚Ρ‹Π΅ элСмСнты Π² XHTMLΒ»).

Рисунок 4-11. ΠŸΡƒΡΡ‚Π°Ρ структура элСмСнта.

ВСрнСмся ΠΊ добавлСнию изобраТСния с пустым элСмСнтом img . ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ сам ΠΏΠΎ сСбС Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π΅Π½ - Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π’ΠΎΡ‚ Ρ‚ΡƒΡ‚-Ρ‚ΠΎ ΠΈ пригодятся Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹. Атрибуты - это инструкции, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡ‚ΠΎΡ‡Π½ΡΡŽΡ‚ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‚ элСмСнт. Для элСмСнта img трСбуСтся Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src (сокращСнно ΠΎΡ‚ Β«sourceΒ»), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ располоТСниС (URL) Ρ„Π°ΠΉΠ»Π° изобраТСния.

Рисунок 4-12. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ img с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ.

Бинтаксис Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ:

  attributename = "value"  

Атрибуты ΠΈΠ΄ΡƒΡ‚ послС ΠΈΠΌΠ΅Π½ΠΈ элСмСнта, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ.Π’ нСпустых элСмСнтах Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ входят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³:

  attributename = "value" >
 attributename = "value" > Content  

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° Π² элСмСнт Π² любом порядкС. ΠŸΡ€ΠΎΡΡ‚ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΈΡ… ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ.

  attribute1 = "value" attribute2 = "value" > 

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π½Π° рис. 4-12 ΠΏΠΎΠΊΠ°Π·Π°Π½ элСмСнт img с ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ ΠΎΠ± Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ…:

  • Атрибуты ΠΈΠ΄ΡƒΡ‚ послС ΠΈΠΌΠ΅Π½ΠΈ элСмСнта Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ Ρ‚Π΅Π³Π΅, Π° Π½Π΅ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ Ρ‚Π΅Π³Π΅.

  • К элСмСнту ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΎ нСсколько Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ Ρ‚Π΅Π³Π΅. Π˜Ρ… порядок Π½Π΅ Π²Π°ΠΆΠ΅Π½.

  • Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ значСния, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π·Π° Π·Π½Π°ΠΊΠΎΠΌ равСнства (=). Π’ HTML Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ сокращСны Π΄ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… слов - Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ checked , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ устанавливаСт Ρ„Π»Π°ΠΆΠΎΠΊ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹.Однако Π² XHTML всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ явныС значСния ( checked = "checked" ). Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ этот Ρ‚ΠΈΠΏ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ логичСским Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ , ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ описываСт Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, которая Π»ΠΈΠ±ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π°, Π»ΠΈΠ±ΠΎ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π°.

  • Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ числом, словом, строкой тСкста, URL-адрСсом ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠ΅ΠΌ, Π² зависимости ΠΎΡ‚ назначСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ всСго этого Π² этой ΠΊΠ½ΠΈΠ³Π΅.

  • НСкоторыС значСния Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π² HTML, Π½ΠΎ XHTML Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΈΡ….Многим Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ нравится ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎΡΡ‚ΡŒ ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ создании HTML. ΠžΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ допустимы, Ссли ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ; ΠΎΠ΄Π½Π°ΠΊΠΎ Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ условиСм. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π² Ρ„Π°ΠΉΠ»Π°Ρ… HTML Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ прямыми ("), Π° Π½Π΅ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹ΠΌΠΈ (").

  • Π’Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ src ΠΈ alt Π² элСмСнтС img .

  • ИмСна Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², доступныС для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ Π² спСцификациях HTML; Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для элСмСнта.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ свои силы Π² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ элСмСнта img с Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ Π½Π° страницу бистро Black Goose Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΈ. ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ нСсколько пСрСносов строк.

Π¨Π°Π³ 5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ внСшний Π²ΠΈΠ΄ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй

Π’ зависимости ΠΎΡ‚ содСрТания ΠΈ Ρ†Π΅Π»ΠΈ вашСго Π²Π΅Π±-сайта Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ вашСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚.Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΌΠ½Π΅ Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ домашнюю страницу Black Goose Bistro, Ρ‡Ρ‚ΠΎΠ±Ρ‹ произвСсти Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… посСтитСлСй. Β«ΠŸΡ€ΠΈΡ‚Π²ΠΎΡ€ΡΡ‚ΡŒΡΡΒ» - это просто ΠΌΠΎΠΉ способ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ я Ρ…ΠΎΡ‚Π΅Π» Π±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ прСдставлСниС, Ρ‡Ρ‚ΠΎ являСтся Π·Π°Π΄Π°Ρ‡Π΅ΠΉ каскадных Ρ‚Π°Π±Π»ΠΈΡ† стилСй (CSS).

Π’ ΡƒΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠΈ 4-5 | Добавляя Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй, ΠΌΡ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ внСшний Π²ΠΈΠ΄ тСкстовых элСмСнтов ΠΈ Ρ„ΠΎΠ½Π° страницы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ нСсколько простых ΠΏΡ€Π°Π²ΠΈΠ» Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. НС Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡ‚Π΅ΡΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΈΡ… всС прямо сСйчас; ΠΌΡ‹ рассмотрим CSS Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Π² Части III.Но я Ρ…ΠΎΡ‡Ρƒ хотя Π±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ «слой» ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΊ структурС, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ нашСй Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.

ΠœΡ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ страницу бистро Black Goose. Π’Ρ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ написали свою ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π²Π΅Π±-страницу с Ρ‚Π°Π±Π»ΠΈΡ†Π΅ΠΉ стилСй, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ·Π½Π°Π»ΠΈ ΠΎΠ± элСмСнтах, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ…, пустых элСмСнтах, Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… ΠΈ встроСнных элСмСнтах, Π±Π°Π·ΠΎΠ²ΠΎΠΉ структурС HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ использовании Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ вмСстС с Π½ΠΈΠΌ. ΠΏΡƒΡ‚ΡŒ. НСплохо для ΠΎΠ΄Π½ΠΎΠΉ Π³Π»Π°Π²Ρ‹!

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

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли я Π·Π°Π±Ρ‹Π» ввСсти ΠΊΠΎΡΡƒΡŽ Ρ‡Π΅Ρ€Ρ‚Ρƒ ( / ) Π² Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ Ρ‚Π΅Π³Π΅ выдСлСния ( )? Если Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ символ Π½Π΅ Π½Π° своСм мСстС (рис. 4-16), ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° отобраТаСтся Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ (курсивом) тСкстом. Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π±Π΅Π· косой Ρ‡Π΅Ρ€Ρ‚Ρ‹ Π½ΠΈΡ‡Ρ‚ΠΎ Π½Π΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Β«Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΒ» Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, поэтому ΠΎΠ½ просто ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅

ΠŸΡ€ΠΎΠΏΡƒΡΠΊ косой Ρ‡Π΅Ρ€Ρ‚Ρ‹ Π² Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ Ρ‚Π΅Π³Π΅ (ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ опусканиС самого Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°) для Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈΠ»ΠΈ Π°Π±Π·Π°Ρ†Ρ‹, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Ρ‚Π°ΠΊΠΈΠΌ Π΄Ρ€Π°ΠΌΠ°Ρ‚ΠΈΡ‡Π½Ρ‹ΠΌ. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ Π½Π°Ρ‡Π°Π»ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ элСмСнта Π±Π»ΠΎΠΊΠ° ΠΊΠ°ΠΊ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π΅Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ элСмСнт Π±Π»ΠΎΠΊΠ° Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½.

Π― исправил ΠΊΠΎΡΡƒΡŽ Ρ‡Π΅Ρ€Ρ‚Ρƒ, Π½ΠΎ Π½Π° этот Ρ€Π°Π· Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ Π±Ρ‹, Ссли Π±Ρ‹ я случайно пропустил скобку Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°

(рис. 4-17).

Π’ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ отсутствуСт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ? Π­Ρ‚ΠΎ связано с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π±Π΅Π· Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ скобки Ρ‚Π΅Π³Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ вСсь ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ тСкст - Π²ΠΏΠ»ΠΎΡ‚ΡŒ Π΄ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ скобки ( > ), ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚, - являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°

. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ тСкст Π² Ρ‚Π΅Π³Π΅, поэтому ΠΌΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ исчСз. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ просто ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π» внСшнС выглядящСС имя элСмСнта ΠΈ ΠΏΠ΅Ρ€Π΅ΡˆΠ΅Π» ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌΡƒ элСмСнту.

Рисунок 4-16. Если косая Ρ‡Π΅Ρ€Ρ‚Π° ΠΎΠΏΡƒΡ‰Π΅Π½Π°, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ Π·Π½Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° элСмСнт заканчиваСтся, ΠΊΠ°ΠΊ Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅.

Ошибки Π² Π²Π°ΡˆΠΈΡ… ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ… HTML ΠΈ ΠΈΡ… исправлСниС - ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ. Если Π²Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ свои ΠΏΠ΅Ρ€Π²Ρ‹Π΅ страницы, я Π±Ρ‹ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» ΠΏΠΎΠ²ΠΎΠ·ΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠ°ΠΊ я здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΠ΅Ρ‚ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ измСнСния. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΏΡ€ΠΈ поискС ΠΈ устранСнии нСисправностСй ΠΏΠΎΠ·ΠΆΠ΅. Π― пСрСчислил Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ распространСнныС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹? ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ эти ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π΅ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½Ρ‹ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊΠΈΠ΅ ΠΌΠ΅Π»ΠΎΡ‡ΠΈ всС врСмя ΠΈΠ΄ΡƒΡ‚ Π½Π΅ Ρ‚Π°ΠΊ, Π΄Π°ΠΆΠ΅ для профСссионалов.

Рисунок 4-17.ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ скобки Π΄Π΅Π»Π°Π΅Ρ‚ всС ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ содСрТимоС Ρ‡Π°ΡΡ‚ΡŒΡŽ Ρ‚Π΅Π³Π° ΠΈ поэтому Π½Π΅ отобраТаСтся.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π²Π°ΡˆΠΈΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²

Один ΠΈΠ· способов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Ρ‹ΡΠ²Π»ΡΡŽΡ‚ ошибки Π² своСй Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅, - это ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° своих Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Π§Ρ‚ΠΎ это ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚? Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π²Π°ΡˆΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡΠΎΠ±Π»ΡŽΠ΄Π°Π΅Ρ‚Π΅ всС ΠΏΡ€Π°Π²ΠΈΠ»Π° любой вСрсии HTML, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ (ΠΈΡ… нСсколько, ΠΊΠ°ΠΊ ΠΌΡ‹ обсудим Π² Π³Π»Π°Π²Π΅ 10).Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Ρ‚ ошибок, ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ. ΠΠ°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ рСкомСндуСтся ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ свои Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, особСнно для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… сайтов. Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΠΎΠ»Π΅Π΅ согласованы Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, ΠΎΠ½ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ быстрСС ΠΈ Π±ΠΎΠ»Π΅Π΅ доступны.

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

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ваш Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ дСйствитСлСн? Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ это сами ΠΈΠ»ΠΈ ΡΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³Π°, Π½ΠΎ люди Π΄Π΅Π»Π°ΡŽΡ‚ ошибки, ΠΈ ΠΎΡ‚ вас Π½Π΅ ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΠΌΠΈΠ½ΡƒΡ‚Ρƒ ΠΏΡ€Π°Π²ΠΈΠ»Π°, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π² спСцификациях. ВмСсто этого Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€ , ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ провСряСт ваш источник Π½Π° соотвСтствиС ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²Π°ΠΌΠΈ HTML-вСрсии. Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€Ρ‹:

  • Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ†ΠΈΠΈ DOCTYPE. Π‘Π΅Π· Π½Π΅Π³ΠΎ Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€ Π½Π΅ Π·Π½Π°Π΅Ρ‚, с ΠΊΠ°ΠΊΠΎΠΉ вСрсиСй HTML ΠΈΠ»ΠΈ XHTML ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ.

  • Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ символов для Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

  • Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΈΠ» ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

  • НСстандартныС элСмСнты.

  • ΠΠ΅ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ.

  • Ошибки влоТСнности.

  • ΠžΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ошибки.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ряд ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΈ исправлСния ошибок Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ… HTML. W3C ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ бСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€ Π½Π° Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€Π΅ .w3.org . Для Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² HTML5 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΎΠ½Π»Π°ΠΉΠ½-Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€, располоТСнный ΠΏΠΎ адрСсу html5.validator.nu . Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Firebug для Firefox ΠΈΠ»ΠΈ встроСнныС инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π² Safari ΠΈ Chrome, Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€Ρ‹, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π° Π»Π΅Ρ‚Ρƒ. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Dreamweaver для создания своих сайтов, Π² Π½Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ встроСн Π²Π°Π»ΠΈΠ΄Π°Ρ‚ΠΎΡ€.

БСйчас Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅ основы Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡƒΠ·Π½Π°Π»ΠΈ ΠΈΠ· этой Π³Π»Π°Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ вопросы.ΠžΡ‚Π²Π΅Ρ‚Ρ‹ Π² ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ A.

  1. Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³ΠΎΠΌ ΠΈ элСмСнтом?

  2. Π—Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡƒΡŽ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ структуру Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML5.

  3. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅, являСтся Π»ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ· этих ΠΈΠΌΠ΅Π½ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΡ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ для Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, обвСдя Β«Π”Π°Β» ΠΈΠ»ΠΈ «НСт». Если это Π½Π΅ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎ, ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρƒ.

    Π°. Sunflower.html

    Π”Π°

    НСт

    b. index.doc

    Π”Π°

    НСт

    c. кулинария домашняя страница.html

    Π”Π°

    НСт

    d. Song_Lyrics.html

    Π”Π°

    НСт

    e. ΠΈΠ³Ρ€ / rubix.html

    Π”Π°

    НСт

    f.% something.html

    Π”Π°

    НСт

  4. ВсС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ Π½Π΅Π²Π΅Ρ€Π½Ρ‹. ΠžΠΏΠΈΡˆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ ΠΈΠ· Π½ΠΈΡ…, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

    1. ΠŸΠΎΠ·Π΄Ρ€Π°Π²Π»ΡΠ΅ΠΌ!

    2. связанный тСкст

    3. Π­Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ Π°Π±Π·Π°Ρ† <\ p>

  5. Как Π±Ρ‹ Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ этот ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ HTML, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Π½Π΅ отобраТался Π² ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°?

     список ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² начинаСтся здСсь 

ΠžΠ±Π·ΠΎΡ€ элСмСнтов: структура Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

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

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚

ОписаниС

Ρ‚Π΅Π»ΠΎ

9198
9193

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

html

ΠšΠΎΡ€Π½Π΅Π²ΠΎΠΉ элСмСнт, содСрТащий всС ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты

9800097000 meta

ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

title

ΠŸΡ€ΠΈΠ΄Π°Π΅Ρ‚ страницС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ

HTML: Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ основа для доступности - Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ

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

ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ трСбования: Базовая ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Π°Ρ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ, Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ HTML (см. Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² HTML) ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ.
ЦСль: Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с функциями HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности прСимущСства ΠΈ способы ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ использования Π² Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ….

По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ большС ΡƒΠ·Π½Π°Π²Π°Ρ‚ΡŒ ΠΎΠ± HTML - Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ большС рСсурсов, ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ большС ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΈ Ρ‚. Π”. - Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ постоянно Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ: Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ использования сСмантичСского HTML (ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ POSH ΠΈΠ»ΠΈ Plain Old Semantic HTML). Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ использованиС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… элСмСнтов HTML ΠΏΠΎ ΠΈΡ… прямому Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ это Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½ΠΎ. Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ CSS ΠΈ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ любой HTML-элСмСнт вСсти сСбя Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅.НапримСр, ΠΊΠ½ΠΎΠΏΠΊΠ° управлСния воспроизвСдСниСм Π²ΠΈΠ΄Π΅ΠΎ Π½Π° вашСм сайтС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‡Π΅Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Но, ΠΊΠ°ΠΊ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΏΠΎΠ·ΠΆΠ΅, ΠΈΠΌΠ΅Π΅Ρ‚ смысл ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ элСмСнт для Ρ€Π°Π±ΠΎΡ‚Ρ‹:

  
  

Π£ HTML

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅

Β© Copyright 2050 Π½ΠΈΠΊΠ΅ΠΌ.ВсС ΠΏΡ€Π°Π²Π° ΠΎΡ‚ΠΌΠ΅Π½Π΅Π½Ρ‹.

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

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

  <Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ>
   

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ

<основной> <ΡΡ‚Π°Ρ‚ΡŒΡ>

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡ‚Π°Ρ‚ΡŒΠΈ

<сторона>

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅

<Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»>

Если Π²Ρ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅Ρ‚Π΅ наш Π±ΠΎΠ»Π΅Π΅ соврСмСнный ΠΏΡ€ΠΈΠΌΠ΅Ρ€ структуры с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ чтСния с экрана, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΌΠ°ΠΊΠ΅Ρ‚Π° большС Π½Π΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ ΠΈ Π½Π΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚ ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Π½ΠΈΡŽ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Π΅Π΅ ΠΈ мСньшС с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ простоС обслуТиваниС ΠΊΠΎΠ΄Π° ΠΈ ΠΌΠ΅Π½ΡŒΡˆΡƒΡŽ полосу пропускания для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ (особСнно часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ).

Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ сообраТСниСм ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² являСтся использованиС сСмантичСских элСмСнтов HTML5, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ (см. Π Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ содСрТимого Π½Π° Ρ€Π°Π·Π΄Π΅Π»Ρ‹) - Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ элСмСнты

, Π½ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ элСмСнты раздСлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ ваши основная навигация (

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ использованиС ссылок, ΠΊΠ½ΠΎΠΏΠΎΠΊ, элСмСнтов Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠΊ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ элСмСнт для элСмСнтов управлСния Ρ„ΠΎΡ€ΠΌΠΎΠΉ).

Однако, ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅, люди ΠΈΠ½ΠΎΠ³Π΄Π° Π΄Π΅Π»Π°ΡŽΡ‚ странныС Π²Π΅Ρ‰ΠΈ с HTML. НапримСр, ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Ρ€Π°Π·ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ

s, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  
НаТми мСня!
НаТми и мСня!
И я!

Но ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠΎΠ΄ Π½Π΅ рСкомСндуСтся - Π²Ρ‹ сразу тСряСтС Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹, которая Π±Ρ‹Π»Π° Π±Ρ‹ Ρƒ вас, Ссли Π±Ρ‹ Π²Ρ‹ просто использовали элСмСнты