Html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ бСсплатный – Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно


27.02.2020 Facebook Twitter LinkedIn Google+ Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°


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

Π’ΠΎΠΏ 5 бСсплатных HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²

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

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, ΠΌΡ‹ собрали для вас список ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΏΠΎΠ΄ бСсплатной Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ.

Notepad++


ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Π·Π°ΠΌΠ΅Π½Ρƒ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Ρƒ Windows, Ρ‚Π°ΠΊ ΠΈ Π² качСствС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° с языками вСрстки ΠΈ Π²Π΅Π±-программирования: HTML, CSS, Java Script, PHP.

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

Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ дистрибутива ΠΈ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

Komodo Edit


Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΠ±Ρ‰Π΅Π³ΠΎ назначСния с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ HTML ΠΈ CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдставляСт собой ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ, возмоТности ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚Π΅ΠΌ установки Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ. ОсобСнно рСкомСндуСтся HTML Toolkit, послС добавлСния ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΈΠ΅ возмоТности ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр CSS, Π°Π²Ρ‚ΠΎΠ·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ², ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° HTML 5, контСкстноС Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π‘Ρ€Π΅Π΄ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… интСрСсных возмоТностСй ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ свСтлыС ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы, гибкая настройка подсвСтки ΠΊΠΎΠ΄Π°, Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ², соСдинСниС с сайтом ΠΏΠΎ FTP ΠΈ Ρ‚. Π΄.

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½Π°Ρ справочная систСма ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π΄Π΅Π»Π°ΡŽΡ‚ Komodo Edit ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌ.

Aptana


ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ являСтся Ρ€Π°Π±ΠΎΡ‚Π° с HTML, CSS ΠΈ JavaScript, Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π΄Ρ€ΡƒΠ³ΠΈΡ… языков осущСствляСтся ΠΏΡƒΡ‚Π΅ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². АвтозаполнСниС HTML ΠΈ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки – ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ бонус для бСсплатного Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Aptana частично ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ CSS3, ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ – HTML5. Дистрибутив ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ довольно ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹ΠΉ, Π½ΠΎ это ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ. Новичка Ρ‚Π°ΠΊΠΎΠ΅ большоС количСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ настроСк ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΏΡƒΠ³Π½ΡƒΡ‚ΡŒ, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Π² качСствС простого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚.

Alaborn iStyle


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

Π‘Ρ€Π΅Π΄ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… возмоТностСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ этот HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ:

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

KompoZer


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

Удобство Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ обСспСчиваСтся ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ интСрфСйсом, встроСнным Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ CSS ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ всСх элСмСнтов HTML.

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

www.imagecms.net

БСсплатный ΠΎΠ½Π»Π°ΠΉΠ½ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚Π΅Π»ΡŒ ΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€

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

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG Β«Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅Β»

Π Π°Π±ΠΎΡ‚Ρ‹ Π² этом Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ являСтся ΠΎΡ‡Π΅Π½ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎΠΉ. Он Π²Π΅Π΄Π΅Ρ‚ сСбя ΠΊΠ°ΠΊ Microsoft Word, Open office ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста, ΠΈ ΠΎΠ½ позволяСт Π²Π°ΠΌ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ элСмСнты, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚Π΅ свою ΡΡ‚Π°Ρ‚ΡŒΡŽ Π½Π° сайтС. ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ внСшний Π²ΠΈΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ, Π² зависимости ΠΎΡ‚ CSS-Ρ„Π°ΠΉΠ»Π° Π²Π΅Π±-сайта.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ исходного ΠΊΠΎΠ΄Π°

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML ΠΊΠΎΠ΄Π° с ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΌ синтаксисом ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ мноТСством ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ:

  • Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ Π½ΠΎΠΌΠ΅Ρ€Π° строки
  • Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ строки
  • Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²
  • АвтоматичСскоС Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ²
  • ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ см. Π½ΠΈΠΆΠ΅ …

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ очистки:

  • ВстроСнныС стили – Π£Π΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ style
    Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π΅Π³Π°. РСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» CSS для стилизации.
  • class & id – УдаляСт всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ class ΠΈ id . Ѐункция ΠΏΠΎΠ»Π΅Π·Π½Π° Ссли Π²Ρ‹ пСрСноситС ΡΡ‚Π°Ρ‚ΡŒΡŽ с ΠΎΠ΄Π½ΠΎΠ³ΠΎ сайта Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ Ρ‡ΡƒΠΆΠ΅Ρ€ΠΎΠ΄Π½Ρ‹Ρ… классов.
  • ΠŸΡƒΡΡ‚Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ – УдаляСт Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ содСрТат Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΈΠ»ΠΈ содСрТат Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠ±Π΅Π».
  • Π’Π΅Π³ΠΈ с ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ – УдаляСт Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΎΠ±Π΅Π», Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ <p>&nbsp;</p>
  • ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ – УдаляСт ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Π²Ρ‹Π·Π²Π°Π½Π½Ρ‹Π΅ ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ смСщСния тСкста Π²ΠΏΡ€Π°Π²ΠΎ ΠΈ настройки пропусков Π² тСкстС: <p>&nbsp;&nbsp;&nbsp;</p>
  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ – Π˜Π·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ HTML-ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π²: <!— … —>
  • Атрибуты Ρ‚Π΅Π³Π°
    – Π‘Ρ‚ΠΈΡ€Π°Π΅Ρ‚ всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ‚Π΅Π³Π°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ стили, классы ΠΈ Ρ‚. Π΄. Π­Ρ‚ΠΎΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅ влияСт Π½Π° src ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ hrefссылок, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС эти Ρ‚Π΅Π³ΠΈ станут бСсполСзными.
  • Π’ простой тСкст – УдаляСт всС Ρ‚Π΅Π³ΠΈ, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ оставляСт простой тСкст.

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

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ β–Ό мСню, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ очистки. Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ послС наТатия Π³Π»Π°Π²Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ очистки HTML. НаТмитС Π½Π° красный Π·Π½Π°Ρ‡ΠΎΠΊ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π½Π° справа Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ….

  • ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ – Π’ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π΅ состояниС. Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ этап, Ссли Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ очистки Π½Π΅ принСс ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.
  • Новая страница – Π‘Ρ‚Π΅Ρ€Π΅Ρ‚ΡŒ вСсь Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ с чистого листа.
  • Π‘ΠΆΠ°Ρ‚ΡŒ – Вабуляция ΠΈ Π½ΠΎΠ²Ρ‹Π΅ строки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» HTML Π±ΠΎΠ»Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ для Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, Π½ΠΎ Π½Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π£Π΄Π°Π»ΠΈΡ‚Π΅ эти Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Π·Π½Π°ΠΊΠΈ для ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° ΠΈ Π±ΠΎΠ»Π΅Π΅ быстрой Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.
  • Tree view – Π—Π°Π΄Π°Ρ‚ΡŒ отступ тСкста для выдСлСния ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Ρ‚Π΅Π³ΠΎΠ². Π‘ этой ΠΎΠΏΡ†ΠΈΠ΅ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сТатыС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ вновь доступными для чтСния.
  • ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° символов – Π Π΅ΡˆΠΈΡ‚Π΅, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы ΠΈΠ»ΠΈ Π½Π΅Ρ‚. НапримСр &nbsp;
  • Π”Π΅ΠΌΠΎ-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ – Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ±ΠΎΡ€Π½ΡƒΡŽ панСль Π΄Π΅ΠΌΠΎ-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с этим инструмСнтом. Π”Π΅ΠΌΠΎ содСрТит Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ, изобраТСния, ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты.
  • ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ вмСстС – По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π΄Π²Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ вмСстС, Ссли Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ большой. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ.
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тарабарский тСкст
    – ДобавляСт ΠΏΡƒΠ½ΠΊΡ‚»Lorem ipsum» Π² ΠΊΠΎΠ½Π΅Ρ† Ρ„

htmled.it

Онлайн HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ — Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ бСсплатныС инстурмСнты web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽ, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ BiznesSystem.ru. Π―Π·Ρ‹ΠΊ HTML Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ являСтся основой всСх сайтов ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π—Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ, Π½Π΅Π·Π½Π°Π½ΠΈΠ΅ этого языка останавливаСт ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ‚Π°Π»Π°Π½Ρ‚Π»ΠΈΠ²Ρ‹Ρ… людСй Π½Π° ΠΏΡƒΡ‚ΠΈ ΠΊ созданию своСго Π²Π΅Π± ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° – вСдь Π½Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ ΡΠΊΠ»ΠΎΠ½Π½ΠΎΡΡ‚ΡŒ ΠΊ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ. И Π½Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ HTML ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ написаниСм Ρ‚Π΅Π³ΠΎΠ² Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅, Π½ΠΎ ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простых Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… Word.

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

  1. ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ HTML ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹;
  2. ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты Π²Π΅Π± Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ;
  3. БСрвис для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊΠΎΠ΄Π° Dirty Markup.

HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π° Π΄Π²Π° Ρ‚ΠΈΠΏΠ°:

  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ (WYSIWYG) – Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… вСсь процСсс создания ΠΊΠΎΠ΄Π° Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ знания HTML – позволяСт ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ тСкст, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты страниц Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ (ΠΊΠ°ΠΊ Π² Word) β€” дСлая Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, выдСляя Π°Π±Π·Π°Ρ†Ρ‹, дополняя ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ списками ΠΈ Ρ‚.Π΄., Π° Π½Π° Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ HTML ΠΊΠΎΠ΄ со всСми Ρ‚Π΅Π³Π°ΠΌΠΈ;
  • Π Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с исходным ΠΊΠΎΠ΄ΠΎΠΌ – ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚ΠΎΠΌ ΠΎΠ½ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ структуру ΠΊΠΎΠ΄Π°, благодаря подсвСткС ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ„ΠΈΡˆΠΊΠ°ΠΌ. Π‘ Ρ‚Π°ΠΊΠΈΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ Π±Π΅Π· знания HTML ΡƒΠΆΠ΅ Π½Π΅ ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

Π•ΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π² Π²ΠΈΠ΄Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ NVU ΠΈΠ»ΠΈ Frontpage, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠΎΠ΄ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π² Notepad++. Но ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π°Π½Π°Π»ΠΎΠ³ΠΈ – сайты, Π³Π΄Π΅ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ прямо Π² сСти, Π±Π΅Π· нСобходимости скачивания.

Онлайн Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π΅Π½, Ссли Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ ΠΊΠΎΠ΄ΠΈΠ½Π³ΠΎΠΌ (создаСтС ΠΈ ΠΏΡ€Π°Π²ΠΈΡ‚Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ страницы) Ρ€Π΅Π΄ΠΊΠΎ.

Π― Ρ€Π΅ΡˆΠΈΠ» привСсти список Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ качСствСнных ΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… HTML ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², извСстных ΠΌΠ½Π΅.

ΠŸΡ€ΠΎΡΡ‚Ρ‹Π΅ HTML ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Cut Editor

Π”Π°Π½Π½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ эталоном, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π΅Π³ΠΎ панСль настройки содСрТит практичСски всё, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ вСбмастСр – смайлики, youtube Π²ΠΈΠ΄Π΅ΠΎ, Π΄Π°ΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ вставки ΠΊΠΎΠ΄Π° с подсвСткой Ρ‚Π΅Π³ΠΎΠ² для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ восприятия.

Π’ Cut Editor Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ‚Ρ€Π΅Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ²:

  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ;
  • Π Π΅ΠΆΠΈΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ;
  • ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ΄Π΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части ΠΎΠΊΠ½Π° Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π”Π°Π½Π½Ρ‹ΠΉ WYSIWYG HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ Π² любой сайт, ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Ρ‚Π°ΠΌ ΠΆΠ΅ Ρƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ПанСль управлСния ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, для этого Π½Π°Π΄ Ρ„ΠΎΡ€ΠΌΠΎΠΉ Π΅ΡΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ с Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΌ списком, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΠΈΠΌ 5 Π½Π°Π±ΠΎΡ€ΠΎΠ² ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… ΠΊΠ½ΠΎΠΏΠΎΠΊ.

CKEditor

Данная Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π΅ просто ΠΎΠ½Π»Π°ΠΉΠ½ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π° встраиваСмый ΠΌΠΎΠ΄ΡƒΠ»ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° любой сайт, поэтому встрСчаСтся ΠΎΠ½ Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ… рСсурсах. ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΈ Π½Π° своСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ – для этого Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ исходники Ρ‚ΡƒΡ‚ β€” ckeditor.com.

Π”Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΡƒΡ‚.

Π­Ρ‚ΠΎ WYSIWYG Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с большим количСством Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Π—Π΄Π΅ΡΡŒ Π΅ΡΡ‚ΡŒ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста ΠΈ вставка гипСрссылок ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

ΠžΡ„ΠΎΡ€ΠΌΠ»ΡΠ΅Ρ‚Π΅ страницу Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, Π° Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ отобраТСния Π½Π° Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ HTML ΠΊΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Β«Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊΒ».

Rendera

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

ИзмСнСния Π² ΠΊΠΎΠ΄Π΅ воспроизводятся Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ части Π½Π΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π° послС наТатия ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«RenderΒ».

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡƒΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с CSS ΠΈ JavaScript.

Vulk

ΠšΡ€Π°ΠΉΠ½Π΅ простой встраиваСмый HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG Ρ‚ΠΈΠΏΠ°. ΠœΠΈΠ½ΠΈΠΌΡƒΠΌ настроСк, Π»Π΅Π³ΠΊΠΈΠΉ вСс ΠΈ простота ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΊΡƒΠ΄Π° ΡƒΠ³ΠΎΠ΄Π½ΠΎ, исходники ΡΠΊΠ°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ прямо с сайта Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° – всё Π½Π° русском языкС.

Π’ Π½Π°Π±ΠΎΡ€Π΅ ΠΏΠ°Π½Π΅Π»ΠΈ управлСния Π΅ΡΡ‚ΡŒ всС Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ вострСбованныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ – ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΎ, Π½ΠΎ со вкусом.

Π’Π½ΠΈΠ·Ρƒ Π΅ΡΡ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π² HTML Ρ€Π΅ΠΆΠΈΠΌ.

JSBin

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π΄Π²ΡƒΡ…ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ HTML, CSS ΠΈ JS ΠΊΠΎΠ΄Π°. Π’ Π»Π΅Π²ΠΎΠΉ части ΠΌΡ‹ пишСм Ρ‚Π΅Π³ΠΈ ΠΈ вставляСм Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π° Π² ΠΏΡ€Π°Π²ΠΎΠΉ смотрим, Ρ‡Ρ‚ΠΎ ΠΈΠ· этого получаСтся Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° Ρ‚Π΅Π³ΠΎΠ² позволяСт ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ синтаксиса. Π£Π΄ΠΎΠ±Π΅Π½ для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ Java скриптов, Ρ€Π°Π±ΠΎΡ‚Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅ поддСрТиваСтся Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ….

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π½Π° Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ‚ΠΈΠΏ ΠΊΠΎΠ΄Π° располоТСно Π½Π°Π΄ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ.

ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты для Π²Π΅Π± Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

Cloud9IDE

Π”Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с HTML ΠΊΠΎΠ΄ΠΎΠΌ, поддСрТиваСтся ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ список языков программирования, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ JavaScript, PHP, Perl, Pyton ΠΈ Π΄Ρ€.

Но главная Ρ„ΠΈΡˆΠΊΠ° Π½Π΅ Π² этом. Cloud9ide позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠΎΠ΄ΠΎΠΌ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ нСскольким программистам – Π² Π»ΠΈΡ‡Π½ΠΎΠΌ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚Π΅ открываСтся доступ для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΊΡ€ΡƒΠ³Π° спСциалистов. Π’ связи с этим ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Π° рСгистрация.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ наглядно подсвСчиваСт элСмСнты ΠΊΠΎΠ΄Π°, позволяСт участникам Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΎΠ±Ρ‰Π°Ρ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π΅Π· Ρ‡Π°Ρ‚ – ΠΎΠ΄Π½ΠΈΠΌ словом, всС сдСлано ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ.

ShiftEdit

Π”Π°Π½Π½Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΏΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ описанный Π²Ρ‹ΡˆΠ΅ Cloud9ide, ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ массу языков, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для своСго сайта ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ HTML ΠΊΠΎΠ΄ ΠΈ JS ΠΈ PHP. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ ΠΊ своСму хостингу ΠΏΠΎ FTP ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ прямо с Π½Π΅Π³ΠΎ. Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ Π½Π° 3 части: основная с ΠΊΠΎΠ΄ΠΎΠΌ, слСва ΠΈΠ΄Π΅Ρ‚ список Ρ„Π°ΠΉΠ»ΠΎΠ², справа ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ΡΡ Ρ€Π°Π±ΠΎΡ‚Π° с Dropbox ΠΈ Google Drive.

ВсС Ρ‚Π΅Π³ΠΈ Π² ΠΊΠΎΠ΄Π΅ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ для наглядности. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ автоподставка Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ², Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ подсвСтка Π½Π΅Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… элСмСнтов.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ позволяСт автоматичСски Β«ΠΏΡ€ΠΈΡ‡Π΅ΡΠ°Ρ‚ΡŒΒ» нСприглядный участки ΠΊΠΎΠ΄Π°, Π΄ΠΎΠ±Π°Π²ΠΈΠ² отступы ΠΈ пСрСносы строк.

По этому HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ Π΅ΡΡ‚ΡŒ краткая Π²ΠΈΠ΄Π΅ΠΎ инструкция, Π΄ΡƒΠΌΠ°ΡŽ Π½Π΅ лишним Π±ΡƒΠ΄Π΅Ρ‚ Π΅Π΅ привСсти:

БСрвис для «причСсывания» ΠΊΠΎΠ΄Π° Dirty Markup

Π”Π°Π½Π½Ρ‹ΠΉ сСрвис нСльзя отнСсти ΠΊ ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌ, хотя ΠΎΠ½ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с HTML, JS ΠΈ CSS ΠΊΠΎΠ΄ΠΎΠΌ довольно эффСктивно, Π½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ Π² Π½Π΅ΠΌ Π½Π΅ прСдусмотрСн. Π—Π°Π΄Π°Ρ‡Π° инструмСнта Π² очисткС ΠΊΠΎΠ΄Π° – ΠΈΠ· любого корявого Π½Π°Π±ΠΎΡ€Π° Ρ‚Π΅Π³ΠΎΠ², внСсСнного Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΊΠ°ΠΊ ΠΏΠΎΠΏΠ°Π»ΠΎ, Dirty Markup Π΄Π΅Π»Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для восприятия структурированный ΠΊΠΎΠ΄, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ логичСский элСмСнт ΠΈ Π±Π»ΠΎΠΊ Π»Π΅Π³ΠΊΠΎ читаСтся ΠΈ понимаСтся.

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

На ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π°Ρ… Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π΄Π²Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Ρ… Π½Π° 100% ΠΊΠΎΠ΄Π°, ΠΎΠ΄ΠΈΠ½ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ ΠΈ Π΅Π³ΠΎ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π²Ρ‚ΠΎΡ€ΠΎΠΉ Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт – ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ внСсти ΠΏΡ€Π°Π²ΠΊΠΈ Π² Ρ€Π°Π½Π΅Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ сайт.

НадСюсь, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ сСгодня список HTML ΠΎΠ½Π»Π°ΠΉΠ½ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ эффСктивнСС Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ своими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ Π΄ΠΎΡΡ‚ΠΈΠ³Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Ρ… высот. А я Π½Π° этом Π³ΠΎΠ²ΠΎΡ€ΡŽ всСм Π΄ΠΎ свидания.

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(12 голосов, Π² срСднСм: 4.8 ΠΈΠ· 5)

biznessystem.ru

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ – ΠΏΡƒΡ‚Π΅Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ²

Π’Ρ€Π΅ΠΌΠ΅Π½Π° создания HTML страниц Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ Windows ΠΏΡ€ΠΎΡˆΠ»ΠΈ ΠΈ сСйчас для вСбмастСров создано ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€ΠΈΠ·Π²Π°Π½ΠΎ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ вСрстки Π²Π΅Π±-страниц, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя, Π·Π°Ρ‚Ρ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ Π½Π° эту Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π² нСсколько Ρ€Π°Π·.

Π”Π°ΠΆΠ΅ самый простой Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π½Π΅ говоря ΠΎ слоТных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΠ°ΠΊΠ΅Ρ‚Π°Ρ…, ΠΈΠΌΠ΅Π΅Ρ‚ ряд прСимущСств:

  • Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ синтаксиса популярных языков программирования ΠΈ вСрстки;
  • Вставка распространСнных Π²Π΅Π±-конструкций Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅;
  • Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²Π΅Π±-страницы, Π½Π΅ обладая Π½Π°Π²Ρ‹ΠΊΠ°ΠΌΠΈ программирования;
  • АвтоматичСскоС исправлСниС ошибок ΠΈ коррСкция ΠΊΠΎΠ΄Π°;
  • Π Π°Π±ΠΎΡ‚Π° с нСсколькими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

Разновидности HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²

ВсС HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π° Π΄Π²Π΅ основныС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ:

  • WYSIWYG HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-страницы Π±Π΅Π· знания языков программирования, Ρ‡Ρ‚ΠΎ слСдуСт ΠΈΠ· названия: What You See Is What You Get (Ρ‡Ρ‚ΠΎ видишь, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΡˆΡŒ). ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠΌ являСтся отсутствиС углублСния нСпосрСдствСнно Π² процСсс ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° страницы, ΠΎΠ΄Π½Π°ΠΊΠΎ это ΠΆΠ΅ являСтся ΠΈ нСдостатком.

    Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ этого Ρ‚ΠΈΠΏΠ° Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚ ΠΎΠ±ΡŠΡ‘ΠΌΠ½Ρ‹Π΅ HTML ΠΊΠΎΠ΄Ρ‹, Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Ρ‡Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ получаСтся нСвСроятно Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΈΠΌ ΠΈ врСмя Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ увСличиваСтся;

  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML Ρ‚Π΅Π³ΠΎΠ². Работая с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ нСпосрСдствСнный ΠΊΠΎΠ΄ страницы ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ. HTML Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ получаСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΌ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°.

    Однако для ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ получСния ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°Ρ‚ΡŒ языки Π²Π΅Π±-программирования Π½Π° довольно высоком ΡƒΡ€ΠΎΠ²Π½Π΅.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ ΠΊΠ°ΠΊ Π² Π²ΠΈΠ΄Π΅ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисов, Ρ‚Π°ΠΊ ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

МоТно Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΄Π²Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для рСдактирования HTML ΠΊΠΎΠ΄Π°: Notepad++ ΠΈ Adobe Dreamweaver.

Notepad++ являСтся бСсплатным Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ HTML ΠΈ разрабатываСтся open-source сообщСством энтузиастов, ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡΠ·Ρ‹Ρ‡Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ, подсвСчиваСт синтаксис самых распространСнных языков Π²Π΅Π±-программирования (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, CSS, PHP ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅).

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, благодаря Ρ‡Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ сразу с нСсколькими Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

Adobe Dreamweaver β€” Π·Π½Π°ΠΌΠ΅Π½ΠΈΡ‚Ρ‹ΠΉ WYSIWYG HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для Mac ΠΈ Windows, позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ, тСкстовом ΠΈ смСшанном Ρ€Π΅ΠΆΠΈΠΌΠ°Ρ….

Π”Π°Π½Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ развиваСтся Π½Π° протяТСнии ΡƒΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ дСсяти Π»Π΅Ρ‚, ΠΈΠΌΠ΅Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс ΠΈ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности.

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° являСтся ΠΏΠ»Π°Ρ‚Π½ΠΎΠΉ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-мастСра ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ HTML5 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Adobe Dreamweaver Π»ΡƒΡ‡ΡˆΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

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

Если вас ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π½Π΅ устраиваСт использованиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² HTML, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ online сСрвисы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ позволят Π²Π°ΠΌ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π²Π΄Π°Π»ΠΈ ΠΎΡ‚ домашнСго ΠΈΠ»ΠΈ офисного ПК.

Рассмотрим ΠΏΡΡ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных сСрвисов:

  1. HTML Instant. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ собой бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML Ρ‚Π΅Π³ΠΎΠ².

    Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания скриптов, выдСлСния ΠΊΠΎΠ΄Π°, внСсСния Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ‚Π΅Π³ΠΎΠ², ΠΊΠΎΠ΄Π° CSS, Π° Ρ‚Π°ΠΊΠΆΠ΅ создания Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π°Π±Π»ΠΈΡ†:

  2. Real-Time HTML Editor. Один ΠΈΠ· самых простых Π² использовании HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΡƒΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ошибками Π² синтаксисС ΠΈ скриптах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ Π΄ΠΎΠΏΡƒΡ‰Π΅Π½Ρ‹ ΠΏΡ€ΠΈ создании ΠΊΠΎΠ΄Π°:
  3. TimsFreeStuff HTML Editor. Π”Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML online позволяСт Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ с постоянным ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠΊΠΎΠ½ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

    ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΈ тСстирования ΠΊΠΎΠ΄Π° ΠΏΡ€ΠΈ написании упрощаСтся, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ всё происходящСС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ:

  4. Online HTML Editor. Π”Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° HTML прСдставляСт собой Π΄ΠΎΡΡ‚ΠΎΠΉΠ½ΡƒΡŽ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ, ΠΎΡΠ½Π°Ρ‰Ρ‘Π½Π½ΡƒΡŽ всСми стандартными ΠΈ ΡƒΠΆΠ΅ описанными функциями Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΈ сСрвисов:
  5. Online WYSIWYG HTML Editor. БСсплатный Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с мноТСством настроСк ΠΈ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным интСрфСйсом.

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для вас Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML, слСдуСт ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ ΠΈ ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Π½Π°ΠΌΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

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

Π£Π΄Π°Ρ‡ΠΈ!

www.internet-technologies.ru

Π²Ρ‹Π±Π΅Ρ€ΠΈ свой для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹

Β 

ЗдравствуйтС, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ подписчики ΠΈ гости ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π°. Π’ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ… я посвящал вас Π² основы языков css ΠΈ html, ΠΎΠ΄Π½Π°ΠΊΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ косвСнно ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π» ΠΎ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…. ИмСнно поэтому сСгодня ΡΡ‡ΠΈΡ‚Π°ΡŽ Π½ΡƒΠΆΠ½Ρ‹ΠΌ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ html. РасскаТу Π²Π°ΠΌ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… популярных инструмСнтах сайтостроСния, Π° впослСдствии Π²Ρ‹ смоТСтС ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠΈΠΉΡΡ.

ПопаданиС Π² дСсяточку

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

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

Notepad++ (https://notepad-plus-plus.org/)

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

PSPad (http://www.pspad.com/)

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

KompoZer (http://www.kompozer.net/)

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ относится ΠΊ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«Ρ‡Ρ‚ΠΎ Ρ‚Ρ‹ видишь, Ρ‚ΠΎ Ρ‚Ρ‹ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡˆΡŒΒ». KompoZer Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² список Π»ΠΈΠ΄Π΅Ρ€ΠΎΠ² срСди Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈ нСспроста. Он позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ вмСстС, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π½Π°Π΄Π΅Π»Π΅Π½ 3-мя Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹. НачнСм с ΠΌΠΎΠ΅Π³ΠΎ любимого – Ρ€Π΅ΠΆΠΈΠΌΠ° ΠΊΠΎΠ΄Π°.

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

Komodo Edit (http://www.activestate.com/komodo_edit/)

ΠœΠΎΡ‰Π½Ρ‹ΠΉ инструмСнт с доступным исходным ΠΊΠΎΠ΄ΠΎΠΌ. Π’ основС Π΅Π³ΠΎ создания Π»Π΅ΠΆΠΈΡ‚ коммСрчСская срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Komodo IDE, поэтому ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Π½Π°Π΄Π΅Π»Π΅Π½ мноТСством Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… плюшСк: контСкстноС автоматичСскоС Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ², гСнСрация случайного тСкста для заполнСния ΠΏΠΎΠ»Π΅ΠΉ, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр стилСвой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, встроСнныС рСгулярныС выраТСния ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³Π΅.

Ко всСму этому Ρ…ΠΎΡ‡Ρƒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ возмоТности ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΡƒΡ‚ΠΈΠ»ΠΈΡ‚!

jEdit (http://www.jedit.org/)

Β 

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

Однако Π»ΠΈΡ‡Π½ΠΎ для мСня ΠΊΠ°ΠΌΠ½Π΅ΠΌ прСткновСния Π½Π° ΠΏΡƒΡ‚ΠΈ ΠΊ этому Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ стал Π΅Π³ΠΎ Π½Π΅Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΉ ΠΈ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс.

Aptana Studio (http://www.aptana.com/)

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

Fraise (https://www.assembla.com/home)

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

Gedit (http://projects.gnome.org/gedit/)

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

  • ΠΠ²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π½Ρ‹Ρ… элСмСнтов;
  • ГСнСрация Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ тСкста;
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° синтаксиса ΠΊΠΎΠ΄Π°;
  • ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Π² любом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Vim (http://www.vim.org/)

ВяТСлый Π² освоСнии ΠΊΠΎΠ½ΡΠΎΠ»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠΉ мноТСством плюсов для программистов. ΠžΡΠ½Π°Ρ‰Π΅Π½ 3-мя Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹.

ICEcoder (https://icecoder.net/downloads)

Π­Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ 2015 Π³ΠΎΠ΄Π°, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ тСкста ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ прСдоставляСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈ ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ нСпосрСдствСнно Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ соврСмСнный инструмСнт для Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠ°ΠΊ локально, Ρ‚Π°ΠΊ ΠΈ Π² сСти, оснащСн характСристиками стандартных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ Π½Π° всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ….

Π§Ρ‚ΠΎ касаСтся мСня, Ρ‚ΠΎ я часто мСняю WYSIWYG-ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, пробуя Π½ΠΎΠ²Ρ‹Π΅ вСрсии ΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ.

На этом всС, ТСлаю ΡƒΠ΄Π°Ρ‡ΠΈ Π² поисках подходящСго Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°! Π”Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ ссылочкой ΠΈ ΠΏΠ΅Ρ€Π΅Π΄ ΡƒΡ…ΠΎΠ΄ΠΎΠΌ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π° ΠΌΠΎΠΉ Π±Π»ΠΎΠ³. Π’ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… статСй. Пока-ΠΏΠΎΠΊΠ°!

Π‘ ΡƒΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π ΠΎΠΌΠ°Π½ Π§ΡƒΠ΅ΡˆΠΎΠ²

Β 

ΠŸΡ€ΠΎΡ‡ΠΈΡ‚Π°Π½ΠΎ: 856 Ρ€Π°Π·

romanchueshov.ru

Html Reader бСсплатный html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

НазваниС: HtmlReader
ВСрсия: 2.5
Π―Π·Ρ‹ΠΊ интСрфСйса: Русский
Π Π°Π·ΠΌΠ΅Ρ€: 3,10 ΠœΠ‘
ЛицСнзия: БСсплатная
Π‘Π°ΠΉΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°: Β  Β Β  http://manticora.ru/

ВсСм ΠΊΡ‚ΠΎ занимаСтся написаниС ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ сайтов Π·Π½Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π° с html, css ΠΊΠΎΠ΄ΠΎΠΌ ΠΎΡ‡Π΅Π½ΡŒ долгая ΠΈ кропотливая Ρ€Π°Π±ΠΎΡ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ этот процСсс ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

HtmlReader —бСсплатный HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² Π²ΠΈΠ΄Π΅ html — Ρ„Π°ΠΉΠ»ΠΎΠ². Π˜ΠΌΠ΅Π΅Ρ‚ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ для создания Π½ΠΎΠ²Ρ‹Ρ…, для рСдактирования ΠΈ просмотра ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… html — Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Π’Π°ΠΊΠΆΠ΅ ΠΎΠ½ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ Π² Π²ΠΈΠ΄Π΅ html — Ρ„Π°ΠΉΠ»ΠΎΠ². Π’ Π΅Π³ΠΎ основС довольно ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ для написания, измСнСния ΠΈ просмотра html — Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Одним ΠΈΠ· бСсплатных ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² являСтся ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° HtmlReader.

Β 

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Π° ΠΊΠ°ΠΊ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π°ΠΊ ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ WEB Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ, Ρ‚Π΅ΠΌ ΠΊΡ‚ΠΎ Π΄ΠΎ этого Ρ€Π°Π±ΠΎΡ‚Π°Π» с ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΌΠΈ Π°Π½Π°Π»ΠΎΠ³Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° русифицирована, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ со вставкой Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠ°Π»ΠΈΡ‚Ρ€ Ρ†Π²Π΅Ρ‚ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ подсвСтка Ρ‚Π΅Π³ΠΎΠ² html, php, css ΠΈ js, ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, ΠΈ мастСр ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ ΠΈ вставки Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ².

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° вСсит Ρ‡ΡƒΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 3ΠΌΠ‘ ΠΈΠΌΠ΅Π΅Ρ‚ понятный интСрфСйс ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ WEB Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Ρ‚Π΅ΠΌ ΠΊΡ‚ΠΎ Ρ€Π΅ΡˆΠΈΠ» ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой собствСнный сайт.

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

ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π΅Π½ ΠΈ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΊΠ°ΠΊ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Ρ‚Π°ΠΊ ΠΈ для ΡƒΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΡ… Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… ПО срСдствах Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ web-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ интСрфСйс ΠΈ ΡΡ‚ΠΈΠ»ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π½Π° Ρ‚Π°ΠΊΠΈΠ΅ коммСрчСскиС ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹, ΠΊΠ°ΠΊ HomeSite, AceHtml ΠΈΠ»ΠΈ ΠΈΡ… свободной ΠΈ бСсплатной Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ 1st Page 2006.

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

Β 

softfly.ru

IT GROUP: Π›ΡƒΡ‡ΡˆΠΈΠ΅ бСсплатныС HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Как ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π·Π½Π°ΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ простыС HTML странички ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π° Ρ‡Ρ‚ΠΎ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π² поставкС Windows, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΆΠ΅ ΠΈ Π±ΠΎΠ»Π΅Π΅ спСциализированноС ПО для написания
HTML ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π°ΠΌ упростит Ρ€ΠΎΠ±ΠΎΡ‚Ρƒ.
Π’Π°ΠΊ сСгодня ΠΈ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Ρ€Π΅Ρ‡ΡŒ ΠΎ пятСркС Π»ΡƒΡ‡ΡˆΠΈΡ… бСсплатных HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² (Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² исходного ΠΊΠΎΠ΄Π°) , всС ΠΈΡ… ΠΏΠ»ΡŽΡΡ‹ ΠΈ минусы.ΠŸΠΎΠΈΡ‰Π΅ΠΌ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρƒ Adobe Dreamweaver ΠΈ phpDesigner.
CoffeeCup Free HTML Editor — бСсплатный ΠΈ простой Π² ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ HTML5 ΠΈ CSS3.
Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ присутствуСт Ρ€Π΅ΠΆΠΈΠΌ WYSIWYG, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-страницы Π±Π΅Π· нСобходимости ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML ΠΊΠΎΠ΄, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра сдСланных ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ прСдпросмотра Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² ΠΈ рСдактирования HTML ΠΊΠΎΠ΄Π°.
ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° располагаСт ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ FTP-ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ. Π˜ΠΌΠ΅ΡŽΡ‚ΡΡ мастСра ΠœΠ°ΡΡ‚Π΅Ρ€Π° добавлСния Ρ‚Π°Π±Π»ΠΈΡ†, Ρ„ΠΎΡ€ΠΌ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, ссылок ΠΈ Ρ‚.Π΄.
HTML-Kit — ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-страницу, ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ страницы Π½Π° Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ ошибок, ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Π΅ ΠΈΠ»ΠΈ Π²Ρ‹Π»ΠΎΠΆΠΈΡ‚ΡŒ Π½Π° сайт. Главная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ — подсвСтка синтаксиса HTML, XHTML, XML, CSS, XSLT, JavaScript, VBScript, PHP, ASP, Java, Perl, ΠŸΠΈΡ‚ΠΎΠ½Π°, C/C ++, Visual Basic, Pascal/Delphi, Lisp, SQL, INI/Conf ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ языки программирования.
Amaya являСтся ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ консорциумом W3C. Amaya являСтся WYSIWYG Π²Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, со встроСнным Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ.Π’ ΠΎΠ΄Π½ΠΎΠΌ ΠΏΠ°ΠΊΠ΅Ρ‚Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ всС срСдства Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для просмотра, рСдактирования ΠΈ ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠ³ΠΎ управлСния Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ.ΠžΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ стандартов W3-консорциума.Β  ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Amaya написана Π½Π° C ΠΈ доступна для Windows, Unix ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈ MacOS X.
Notepad + + — бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ исходного ΠΊΠΎΠ΄Π° ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ Π·Π°ΠΌΠ΅Π½Π° стандартного Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π°, с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ синтаксиса большого количСства языков программирования.
Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ базируСтся Π½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ Scintilla (ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ для рСдактирования) написанном Π½Π° C++ с использованиСм Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Win32 API ΠΈ STL (Ρ‡Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ выполнСния ΠΏΡ€ΠΈ минимальном Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹), распространяСтся ΠΏΠΎΠ΄ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ GPL.




Komodo Edit β€” бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ исходного ΠΊΠΎΠ΄Π° для динамичСских языков программирования, ΠΈΠ·Π΄Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ ActiveState.
ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS 3, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ОБ Windows, Mac, Linux .
Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ подсвСтку синтаксиса, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ скобок, ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ ΠΈ Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… слов. Быстрый запуск, удалённая Ρ€Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, горячиС клавиши, инструмСнтарий с ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠΈ, макросов ΠΈ сниппСтов, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΉ Mozilla Firefox.
CodeLobster — ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ РНР, HTML, CSS, JavaScript со встроСнным Π΄Π΅Π±Π°Π³Π³Π΅Ρ€ΠΎΠΌ ΠΈ HTML инспСктором Π² стилС FireBug. Доступны Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для Drupal, Joomla, Smarty, WordPress, jQuery, CodeIgniter, CakePhp, Facebook, MySQL, Symfony ΠΈ Yii.
Codelobster PHP Edition ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ PHP.Π˜ΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ PHP Π΄Π΅Π±Π°Π³Π³Π΅Ρ€, подсвСтку ΠΊΠΎΠ΄Π°, Ρ‚ΡƒΠ»Ρ‚ΠΈΠΏΡ‹ ΠΊ функциям, контСкстная ΠΈ динамичСская ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΠΎ Π½ΠΈΠΌ, Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π΅Π½ΠΈΠ΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π½ΠΎ ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… классов.
Для получСния бСсплатного использования Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ рСгистрации ΠΈΠ»ΠΈ ΠΊΠ°Ρ‡Π½ΠΈΡ‚Π΅ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΊΠ»ΡŽΡ‡Π΅ΠΉ с Ρ‚ΠΎΡ€Ρ€Π΅Π½Ρ‚ Ρ‚Ρ€Π΅ΠΊΠ΅Ρ€Π°.

pcomp-it.blogspot.com

Comments