Popularne wizualne edytory HTML

07.03.2020

Edytor wizualny HTML działa na zasadzie WYSIWYG. Jest to skrót od słów "Widzisz, co masz", co tłumaczy się jako: "To, co widzisz, jest tym, co dostajesz".

Doświadczeni redaktorzy natychmiast naprawiają wynik podczas wprowadzania zmian. Wszystkie modyfikacje czcionek, dodawanie tabel, wstawianie nowych elementów odbywa się poprzez naciśnięcie odpowiednich przycisków. Te narzędzia programistyczne pomagają szybko zbudować stronę internetową. Edytory wizualne WYSIWYG HTML istnieją zarówno jako aplikacje na komputery stacjonarne, jak i wersje online.

WYSIWYG Web Builder

Edytor wizualny WYSIWYG

Jest to prosty podręczny edytor, z którym może pracować osoba bez doświadczenia w projektowaniu stron internetowych. Domyślnie program ma 10 szablonów, na podstawie których tworzone są witryny. Istnieje możliwość uzyskania dodatkowych szablonów, które można znaleźć na oficjalnej stronie internetowej programu. Narzędzia do edycji są podzielone na kategorie. Oto one:

  • nawigacja;
  • rysunek;
  • media;
  • formularze;
  • ekstra

Funkcjonalność obejmuje dodawanie kodu JavaScript do tworzenia efektów wizualnych. Aby zobaczyć wynik, użytkownik musi nacisnąć przycisk F5 - strona pojawi się w przeglądarce, która jest używana domyślnie.

Jeśli używasz drzewa stron, możesz nawigować po nim w specjalnym menedżerze. Program sprawdza wydajność dostarczanych linków, ocenia rozmiary stron, tworzy mapę witryny. Edytor HTML z przeglądaniem wizualnym WYSIWYG Web Builder obsługuje implementację rozszerzeń, co pozwala na zwiększenie możliwości oprogramowania. Aby korzystać z dodatków, program musi zostać zarejestrowany.

Kreator stron internetowych

Edytor wizualnego edytora stron WWW

HTML i CSS Web Page Maker to wizualny edytor do tworzenia pełnowartościowych witryn wielostronicowych. Integruje pliki graficzne, wideo, tabele, formularze przesyłania plików, tekst, itp. Podobnie jak w poprzednim programie, istnieją podstawowe szablony do szybkiego uruchomienia. Program przewiduje możliwość umieszczenia jednego elementu na kilku stronach.

Okno programu podzielone jest na dwie części. Po lewej stronie znajduje się panel Zawartość witryny, który służy do nawigowania po stronach witryny. Prawa strona to obszar roboczy, w którym praca idzie.

Inną dogodną opcją jest utworzenie witryny na podstawie istniejącej strony. Musisz podać adres strony internetowej, którą chcesz skopiować. Biblioteka zawiera przykłady kodu javascript. Są one używane do umieszczania zegara w rogu ekranu, pokazywania czasu, dodawania pokazu slajdów. Edytor HTML dla witryny może współpracować z FTP. Po utworzeniu strony możesz przesłać ją na serwer.

Projektant witryny wizualnej CoffeeCup

Edytor CoffeeCup

To płatny wizualny edytor HTML. Zawiera dziesięć darmowych szablonów, jednak możesz kupić dodatkowe - za 9 USD za szablon. Miejsce pracy zajmuje całe okno programu, co jest bardzo wygodne. Istnieją różne sposoby dodawania przezroczystości, cieni, objętości, zmiany kształtu bloku po najechaniu na niego kursor myszy.

Program ma wbudowanego klienta FTP. Po pobraniu witryny na serwer możesz ją edytować bezpośrednio z edytora, jeśli masz aktywowaną synchronizację danych. Strona jest aktualizowana automatycznie.

WebSite X5 Evolution 8

WebSite X5 wizualny edytor tekstu

Edytor wizualny HTML WebSite X5 Evolution wykorzystuje nieco inne metody tworzenia witryn. Biblioteka programu zawiera ponad sto opcji projektowych. Tworzenie strony odbywa się etapami.

  1. Najpierw konfigurowane są główne części witryny. Tutaj możesz wpisać imię i nazwisko, nazwisko autora, język, słowa kluczowe, ikony. Wybiera sposób wyświetlania menu.
  2. Musisz przemyśleć strukturę i utworzyć mapę witryny, zaznaczyć ukryte zasoby, określić częstotliwość odświeżania strony.
  3. Aby edytować stronę, kliknij na nią. Po wyświetleniu okna roboczego wyświetlana jest liczba bloków na stronie, wstawiane są pliki multimedialne, tekst, tabele i pokazy slajdów.
  4. Dodatkowe ustawienia, takie jak flash, reklama i kanał informacyjny, są konfigurowane na ostatnim etapie.

Po zakończeniu pracy strona jest przesyłana na serwer przy użyciu wbudowanego klienta FTP.

Kompozer

Composer - edytor wizualny

Edytor HTML z wizualną wersją KompoZera to całkowicie darmowy program open source. Działa na wszystkich popularnych systemach operacyjnych (Windows, Mac, Linux), doskonale rozumie język JavaScript, obsługuje wszystkie nowoczesne standardy. Aby rozszerzyć podstawową funkcjonalność z oficjalnej strony, możesz pobrać moduły stron trzecich.

Aby zainstalować zainstalowany pakiet do rusyfikacji programu. Redaktor może pracować jednocześnie z kilkoma stronami, wgrać stronę na serwer, edytować kody dosłownie w locie. Program ma wbudowany moduł sprawdzania pisowni. KompoZer jest przeznaczony dla profesjonalnych webmasterów.

HTML online

Jest to jeden z najpopularniejszych redaktorów internetowych. Aby rozpocząć, przejdź na stronę aplikacji internetowej. Program obsługuje formatowanie dokumentów tekstowych w znacznikach HTML, świetnie współpracuje z Google Dockami, PDF, Excel. CSS, JavaScript jest edytowany w oddzielnych zakładkach. Układ jest aktualizowany w oknie przeglądarki po wprowadzeniu zmian. Jedną z zalet jest to, że HTML online nie musi być zainstalowany na komputerze.

Wsporniki

Środowisko programistyczne Bracketts

To nie jest tylko edytor układu strony, to kompletne środowisko programistyczne IDE. Nadaje się do pisania kodu w dowolnym języku programowania. Ponadto istnieje wiele przydatnych narzędzi do przyspieszenia procesu edycji.

Lista popularnych rozszerzeń dla projektantów stron internetowych:

  • Emmet - przyspiesza pisanie kodu CSS, kodu HTML poprzez skracanie podstawowych poleceń.
  • Upiększa formaty plików HTML, CSS, JavaScript.
  • Weryfikacja W3C sprawdza kod pod kątem zgodności z ustalonymi standardami.

Oto krótki opis popularnych wizualnych edytorów HTML. Wybierz ten, który naprawdę lubisz. Każda z nich ma swoje zalety i wady. Aby docenić te programy tylko po samodzielnym przetestowaniu funkcjonalności.