Популярни визуални HTML редактори

07.03.2020

HTML визуалните редактори работят по принципа WYSIWYG. Това е съкращение на това, което виждате, което получавате, което се превежда като: "Това, което виждате, е това, което получавате."

Опитните редактори веднага фиксират резултата, когато правят промени. Всички модификации на шрифтове, добавяне на таблици, вмъкване на нови елементи се извършват чрез натискане на съответните бутони. Тези инструменти за разработка ви помагат бързо да създадете уебсайт. WYSIWYG HTML визуалните редактори съществуват както като настолни приложения, така и като онлайн версии.

WYSIWYG Web Builder

WYSIWYG визуален редактор

Това е лесен и удобен редактор, с който човек, който няма опит в уеб дизайна, може да работи. По подразбиране програмата има 10 шаблона, на базата на които се разработват сайтовете. Има възможност да получите допълнителни шаблони, които можете да намерите на официалния сайт на програмата. Инструментите за редактиране са разделени на категории. Ето ги:

  • навигация;
  • рисуване;
  • медии;
  • форми;
  • Екстра.

Функционалността включва добавяне на JavaScript код за създаване на визуални ефекти. За да видите резултата, потребителят трябва да натисне бутона F5 - страницата ще се появи в браузъра, който се използва по подразбиране.

Ако работите с дървото на страниците, можете да се придвижвате в него в специален мениджър. Програмата проверява изпълнението на предоставените връзки, оценява размерите на страниците, прави карта на сайта. HTML редактор с визуално сърфиране WYSIWYG Web Builder поддържа внедряването на разширения, което ви позволява да увеличите възможностите на софтуера. За да използвате добавки, програмата трябва да бъде регистрирана.

Производител на уеб страници

Редактор на Visual Web Page Maker

HTML и CSS Web Page Maker е визуален редактор за създаване на пълноправни многостранични сайтове. Той интегрира графични файлове, видео, таблици, формуляри за прехвърляне на файлове, текст и т.н. Както и в предишната програма, има основни шаблони за бърз старт. Програмата предвижда възможност за поставяне на един елемент на няколко страници.

Прозорецът на програмата е разделен на две части. Отляво е панелът Съдържание на сайта, който е предназначен да се движи по страниците на сайта. Дясната страна е работната зона, в която се работи.

Друга удобна опция е да създадете сайт въз основа на съществуваща страница. Трябва да посочите адреса на уеб страницата, която искате да копирате. Библиотеката има примери за JavaScript код. Те се използват за поставяне на часовник в ъгъла на екрана, за показване на времето, добавяне на слайдшоу. Visual HTML редактор за сайта може да работи с FTP. След създаването на сайта можете да го качите на сървъра.

CoffeeCup визуален дизайнер на обекти

Редактор за кафене

Това е платен визуален HTML редактор. Той идва с десет безплатни шаблона, но можете да си купите допълнително - за $ 9 на шаблон. Работното място заема целия прозорец на програмата, което е много удобно. Има различни средства за добавяне на прозрачност, сенки, обем, промяна на формата на блока, когато задържите върху него курсора на мишката.

Програмата има вграден FTP клиент. След като изтеглите сайта на сървъра, можете да го редактирате директно от редактора, ако сте активирали синхронизирането на данни. Сайтът се актуализира автоматично.

WebSite X5 Evolution 8

WebSite X5 визуален текстов редактор

WebSite X5 Evolution HTML визуалният редактор използва леко различни методи за създаване на сайтове. Библиотеката на програмата съдържа повече от сто варианта за дизайн. Създаването на страницата се извършва на етапи.

  1. Първо, основните части на сайта са конфигурирани. Тук можете да въведете името, името на автора, езика, ключовите думи, иконите. Избира как да се показва менюто.
  2. Трябва да помислите върху структурата и да създадете карта на сайта, да маркирате скритите ресурси, да зададете честотата на опресняване на страницата.
  3. За да редактирате страница, кликнете върху нея. След появата на работния прозорец се показва броят на блоковете на страницата, поставят се мултимедийни файлове, текст, таблици и слайдшоута.
  4. Допълнителни настройки, като флаш, реклама и новини, са конфигурирани в последния етап.

След приключване на работата сайтът се качва на сървъра чрез вградения FTP клиент.

KompoZer

Композитор - визуален редактор

HTML редактор с визуален преглед на KompoZer е напълно безплатна програма с отворен код. Той работи на всички популярни операционни системи (Windows, Mac, Linux), отлично разбира езика на JavaScript, поддържа всички съвременни стандарти. За да разширите основната функционалност от официалния сайт, можете да изтеглите модули на трети страни.

Да работи инсталиран пакет за русификация на програмата. Редакторът може да работи едновременно с няколко страници, да качва сайта на сървъра, да редактира кодовете буквално в движение. Програмата има вградена проверка на правописа. KompoZer е предназначен за професионални уебмастъри.

HTML онлайн

Това е един от най-популярните онлайн редактори. За да започнете, отидете на страницата на уеб приложението. Програмата поддържа форматиране на текстови документи в HTML-маркиране, работи отлично с Google Docks, PDF, Excel. CSS, JavaScript се редактира в отделни раздели. Оформлението се актуализира в прозореца на браузъра, когато правите промени. Едно от предимствата е, че HTML онлайн не трябва да се инсталира на компютър.

скоби

Среда за развитие на скоби

Това не е просто редактор за оформлението на сайта, а цялостна среда за разработка на IDE. Подходящ за писане на код на всеки език за програмиране. Освен това има много полезни инструменти за ускоряване на процеса на редактиране.

Списък на популярните разширения за уеб дизайнери:

  • Emmet - ускорява писането на CSS, HTML код чрез съкращаване на основните команди.
  • Разкрасяване на формати HTML, CSS, Javascript файлове.
  • Проверката на W3C проверява кода за съответствие с установените стандарти.

Това е кратко описание на популярните визуални HTML редактори. Изберете този, който наистина харесвате. Всеки от тях има своите предимства и недостатъци. За да оцените тези програми само след тестване на функционалността.