Edytor stron HTML w języku rosyjskim. Wizualny edytor HTML

Wizualny HTML- edytor podobny do Macromedia Dreamweaver, ale darmowy.

Ostatnio mówiłem Ci o tym, jak sprawdzić swoją witrynę pod kątem wydajności za pomocą lokalny serwer Denver. Ale sama kwestia stworzenia tej strony pozostała nierozwiązana. Spróbujmy naprawić to irytujące niedopatrzenie - dzisiaj opowiem Ci o jednym programie, za pomocą którego możesz zrobić prostą stronę internetową, nawet bez znajomości programowania HTML i innych sztuczek.

Zwracam twoją uwagę darmowe wizualne Edytor HTML NVU.

Dlaczego jest dobry? Tak, fakt, że aby stworzyć stronę internetową nie trzeba zawracać sobie głowy nauką języków programowania internetowego. Po prostu wpisujesz tekst, wstawiasz obrazy lub animacje, a cała "brudna" praca polegająca na dekorowaniu tego wszystkiego w HTML przejmuje NVU.

Niestety obecnie rozwój NVU zawieszone, ale projekt urósł do pierwszej stabilnej wersji, a to już dużo.

Możliwości NVU

• Pomoc wiele trybów wyświetlania edytowalna strona;
• zaawansowane opcje dla edycja tekstu;
• wstaw zdjęcia(w tym tło);
• redagowanie poszczególne strony i całe witryny;
• tworzenie formularzy i tabel;
• sprawdzanie pisowni;
• możliwość publikacje na stronie bezpośrednio z programu;
• wbudowany edytor CSS i konsola Java Script.

Wszystko to i wiele więcej pozwala nam na wykonanie od podstaw małej strony z minimalną (najlepiej) wiedzą z zakresu HTML (lub ich całkowitego braku :)).

Pobieranie... Instalowanie... Uruchamianie i oglądanie :) (zgadza się - bez zbędnych gestów z rusyfikacją, wprowadzaniem dodatkowych informacji itp.). Zgadzam się, aby utworzyć skrót na pulpicie i uruchomić go za jego pomocą NVU:

Interfejs NVU

Z rzutu oka NVU przypomina o niektórych Edytor tekstu. To jego główna zaleta - wizualna GUI. Ale patrząc poniżej, zobaczysz, że oprócz zwykłych jest jeszcze kilka tryby wyświetlania wprowadzone informacje: tagi HTML, kod i podgląd.

Tryb tagów HTML

"tagi HTML" to rodzaj mozaiki tekstu i tagów, zaprojektowanej jako kolorowe prostokąty. Ten tryb widoku jest przydatny dla początkujących użytkowników, ponieważ wyświetla wszystkie używane główne tagi i jednocześnie nie zawraca sobie głowy dużą ich liczbą, pozostając tym samym edytorem wizualnym. W tym trybie dobrze jest nauczyć się nazw tagów, aby później bez problemu móc z nich korzystać w trybie edycji kodu.

Kod trybu

Tryb "Kod" to okno z kodem HTML edytowanej strony, znane wszystkim programistom internetowym. To stąd wyrastają wszystkie zasoby Internetu z tych wszystkich bazgrołów. Po opanowaniu języka kodu możesz łatwo dodać do swojej witryny dowolne kontrolki, skrypty i inne "gadżety", które przywykłeś podziwiać na stronach innych osób :).

Zapowiedź

I w końcu "Zapowiedź" pozwala ocenić wynik naszych starań, wyświetlając stronę w takiej formie, jaką przyjmie w Internecie. Na zrzucie ekranu nie różni się on od tekstowego odpowiednika, ale warto dodać dowolne elementy nawigacyjne czy skrypty, gdyż różnica się ujawni:

Teraz, gdy opcje przeglądania i edycji zostały nieco wyjaśnione, przyjrzyjmy się bliżej możliwościom. NVU. Oddziaływać z programem możesz używać pasek menu lub używając piktogramy i symbole pod nim.

Ukryte funkcje wizualnego edytora HTML NVU

Wszystkie podstawowe opcje formatowania są dostępne jako ikony, ale niektóre opcje są ukryte na pasku menu i nie od razu się ujawniają.

Na przykład w menu "Plik" Znajdziesz takie Funkcje,, Jak:

1. „Otwórz adres w Internecie”. Dzięki silnikowi z Mozilli możesz otwierać i edytować strony bezpośrednio z Internetu. Może to być bardzo przydatne, jeśli chcesz zobaczyć, jak działa ta lub inna funkcja witryny. Wystarczy wpisać adres w oknie, które się otworzy i podziwiać wynik:

2. „Eksportuj do formatu tekstowego”. Po obejrzeniu strony możesz zapisać jej kod źródłowy w formacie .txt na swoim dysku twardym.

W "Redagowanie" są narzędzia do Szukaj właściwe słowa w tekście i sprawdzanie pisowni.

W menu "Wstawić" można zwrócić uwagę na możliwość Wstawia kod PHP oraz znaki, których nie ma na klawiaturze.

"Format" daje największe możliwości dla ustawienia widoku tekstu, obrazy i inne informacje. Najciekawszą i co najważniejsze, nigdzie nie wyświetlaną możliwością jest tutaj „Kolor i tło strony”. Korzystając z tej opcji, możesz łatwo dodać dowolny obraz tła lub po prostu ustawić kolor tła witryny.

Wreszcie menu "Narzędzia" zapewnia takie funkcje, jak dostęp do Konsole JavaScript, redaktor css i narzędzie do Walidacja HTML kod. Również stąd możesz uzyskać dostęp ustawienia programy i Ustawienia motywu projekt NVU.

W NVUłatwe do zrozumienia, ponieważ wszystkie kontrolki w programie są wyposażone w podpowiedzi i wyjaśnień, a dzięki grupie rosyjskich programistów z Zespół Mozilli jest też bardzo dobry pomoc po rosyjsku. Jedyny minus NVU jest to, że kod generowany przez program jest bardzo kłopotliwy i ma wiele dodatkowych znaczników. Ale niech to będzie tylko zachętą do nauki HTML, optymalizacji i doprowadzenia witryny do perfekcji.

Powodzenia w rozwoju i sukcesach we wszystkich przedsięwzięciach :)!!!

PS Ten artykuł jest przeznaczony do bezpłatnej dystrybucji. Zachęcamy do kopiowania z zachowaniem autorstwa Rusłan Tertyszny i wszystkie P.S. i P.P.S.

PS. Możesz też polubić inny, raczej rozsądny

Chciałbym również polecić dobry Książka HTML z których sam korzystałem:

NVU to mały program do edycji kodu HTML. Edytor HTML NVU ma interfejs wizualny i istnieje dla różnych system operacyjny. Ten edytor kodu został stworzony na bazie edytora HTML Mozilla Composer, dzięki czemu NVU jest dość prosty i zrozumiały, a pod względem możliwości wyprzedza już oryginalny program i zbliżył się do funkcjonalności takich płatnych redaktorów jak Dreamweaver i FrontPage.

Jedną z zalet tego edytora kodu jest możliwość pobrania NVU w języku rosyjskim. Rosyjska strona NVU jest w pełni przetłumaczona, co ułatwia użytkownikom, którzy nie są zaznajomieni z język angielski. Jeśli pobierzesz NVU za darmo w języku rosyjskim, dostaniesz wygodny program stworzyć swoją stronę lub witrynę dobrej jakości, nawet jeśli jesteś absolutnie początkującym. W edytorze możesz tworzyć strony spełniające wszystkie niezbędne standardy internetowe.

Bardziej doświadczeni użytkownicy mogą w razie potrzeby przejść bezpośrednio do edycji kodu. Ponadto NVU posiada inne narzędzia, takie jak Site Manager i CSS Editor. Dzięki nim możesz edytować strony, które są włączone zdalny serwer, używaj podświetlania składni, sprawdzaj kod pod kątem błędów itp. Interfejs edytora jest łatwy do zmiany poprzez użycie różnych motywów, a możliwości można łatwo rozszerzyć instalując rozszerzenia stworzone dla NVU.

Możesz korzystać ze wszystkich funkcji edytora, jeśli pobierzesz NVU w ciągu kilku minut. Ten edytor HTML ma karty, podglądy i dostęp do najczęściej używanych tagów, co znacznie przyspiesza tworzenie witryn. Istnieje również wiele opcji zmiany tekstu: wyśrodkowanie, czcionka, styl itp.

Funkcje edytora HTML NVU

• można zainstalować na Windows, Linux, Mac OS X;
• otwarty kod źródłowy dostępny do przeglądania i modyfikacji;
• użytkownik może osobiście modyfikować lub modyfikować program do własnych celów;
• możliwość bezpośredniej edycji kodu HTML i CSS;
• niewielka ilość miejsca na dysku zajmowana przez komputer;
• elementy posiadają właściwości, których parametry można konfigurować;
• Podświetlanie składni.

Jeśli chodzi o edytory kodu, czasami trudno jest uzyskać jasny przegląd wszystkich korzyści i funkcjonalności, które mają do zaoferowania różne edytory. Jednak na końcu wymagany jest co najmniej jeden, dlatego ważne jest, aby wiedzieć, który edytor najlepiej odpowiada Twoim osobistym potrzebom.

Redaktorzy WYSIWYG są często krytykowani przez rzemieślników za nadęty, niechlujny i niezgodny ze standardami kod źródłowy, który tworzą. Jednak ostatnio edytory WYSIWYG znacznie się poprawiły. Czasami musisz zapewnić swoim klientom najprostsze narzędzia do edycji lub aktualizacji ich stron internetowych. I tu nieodzowne są edytory WYSIWYG.

Błędem byłoby polecać Ci „najlepszych” redaktorów, ponieważ wybór zawsze zależy od Twoich potrzeb, głównych celów, umiejętności i doświadczenia. Dlatego w tym artykule staraliśmy się przedstawić przegląd różnych, przydatnych i nie tak WYSIWYG edytorów.
Mamy nadzieję, że znajdziesz nowych redaktorów, o których nigdy wcześniej nie słyszałeś. A może znajdziesz w swoim ulubionym edytorze jakieś funkcje, których przegapiłeś, lub odważysz się poeksperymentować z wieloma obiecującymi opcjami usprawnienia pracy. Ponadto możesz dowiedzieć się, z których edytorów możesz korzystać, a jakich narzędzi nie powinieneś używać.

Co to znaczy WYSIWYG?
W takich edytorach możesz zmienić nie kod źródłowy swoich dokumentów, ale jego reprezentację, która (jeśli to możliwe) zostanie opublikowana w dokumencie końcowym. Więc zamiast ręcznie pisać bloki kodu, zarządzasz projektem z komponentami za pomocą okna edytora. Oznacza to, że widzisz coś bardzo podobnego do wyniku końcowego, chociaż dokument lub obraz jest nadal tworzony.
Notatka: W tym artykule omówiono tylko edytory WYSIWYG oparte na komputerach stacjonarnych, które działają w systemach Windows, Linux lub Mac. Nie zawiera przeglądu edytorów JavaScript WYSIWIG, ale obszerny przegląd takich edytorów można znaleźć na stronie lub .

Adobe Dreamweaver

Dawniej produkt firmy Macromedia, Dreamweaver jest jednym z najczęściej używanych edytorów, który może pomóc programistom usprawnić ich przepływ pracy i zaoszczędzić mnóstwo czasu podczas kodowania. Jeśli poprzednie wersje programu Dreamweaver czasami generowały dziwny kod źródłowy, to Ostatnia wersja może wygenerować (w większości przypadków) idealnie czysty znacznik.

Dreamweaver udostępnia również różne przydatne narzędzia, takie jak biblioteki fragmentów kodu, zarządzanie ftp, serwer debugowania i zintegrowane kodowanie. Na przykład możesz przeglądać informacje CSS w jednym, ujednoliconym panelu CSS, co ułatwia przeglądanie stylów zastosowanych do określonych elementów, określanie, gdzie są zdefiniowane atrybuty i edycję istniejących stylów. Zobacz także naszą listę samouczków programu Dreamweaver. Cena: 400 USD (wersja CS3).

Niektóre z wielu funkcji programu Dreamweaver:
* Zaawansowana edycja CSS
* Zintegrowane środowisko kodowania
* Framework Spry dla Ajax
* Sprawdź kompatybilność przeglądarki.
* Integracja z Photoshop CS3 i Fireworks.
* Fragmenty kodu (takie jak formaty CSS)
* Zarządzanie FTP
* Obsługa XML
* Obsługa FLV
* Zasoby szkoleniowe (np. Adobe CSS Advisor)
* Liczne rozszerzenia programu Dreamweaver.
Amaya
Amaya (Win/Mac/Linux)
Tym, co naprawdę wyróżnia Amaya od reszty, jest to, że jest hybrydą przeglądarki internetowej i edytora stron internetowych, dzięki czemu możesz przeglądać sieć i edytować swoje strony w tej samej aplikacji. Stworzone przez konsorcjum WWW narzędzie pozwala zarządzać stronami internetowymi, modyfikować i aktualizować ich zawartość, dodawać nowe obrazy i linki. Oczywiście, jeśli Amaya może wyświetlić te strony.

Najnowsza wersja edytora, Amaya 10, został wydany w lutym 2008 roku. Jest w stanie pracować z wieloma dokumentami jednocześnie (dokumenty (X)HTML, MathML(.Mml) i SVG (.Svg) mogą być wyświetlane i edytowane w tym samym czasie). Na przykład możesz wstawiać formuły matematyczne za pomocą wyskakującego okienka: Amaya konwertuje je w locie za pomocą Math-ML.

Amaya zawiera również zunifikowaną aplikację do adnotacji (adnotacje, komentarze zewnętrzne, adnotacje, uwagi, które można dołączyć do dowolnego dokumentu internetowego lub określonej części dokumentu) i obsługuje SVG, RDF i XPointer. otwarte źródło.

Szybki tkacz
RapidWeaver (Mac)
RapidWeaver to potężne narzędzie do tworzenia witryn internetowych oparte na szablonach, które może generować wszelkiego rodzaju strony, takie jak strony tekstowe, blogi, formularze kontaktowe, galerie obrazów i pokazy slajdów Flash, a także ma wbudowany menedżer FTP i integrację z iPhoto i .Mac.

Edytor zawiera podcasty, wbudowane komentarze, kanały RSS, permalink i obsługę tagowania. RapidWeaver będzie również przyjazny dla SEO. Posiada również wiele potężnych funkcji, takich jak modyfikacja motywów, renderowanie php, mieszanie i dopasowywanie WYSIWYG i HTML, inteligentne publikowanie, wyjście witryny oparte na XHTML i CSS, przeglądanie kodu źródłowego, wbudowane sprawdzanie błędów. Wszystkie szablony oparte są na XHTML i CSS. Niezwykłe jest to, że RapidWeaver generuje prawidłowy kod. Cena: 49 USD.

Adobe Contribute
Adobe Contribute

Głównym celem programu Adobe Contribute jest umożliwienie edycji serwisów WWW i blogów użytkownikom bez wiedzy technicznej. Program Contribute CS3 umożliwia autorom aktualizowanie istniejących serwisów i blogów przy zachowaniu integralności serwisu. Contribute oferuje integrację Dreamweaver, hosting z Microsoft Office oraz edycję z IE 7 i Firefox.

Dzięki temu edytorowi WYSIWYG autorzy mogą edytować lub aktualizować dowolną witrynę lub blog bez konieczności nauki języka HTML. Cena: 169 USD (wersja CS3).

Adobe Live
Adobe Golive (Windows/Mac)

W kwietniu firma Adobe przestała opracowywać i sprzedawać GoLive 9. Adobe GoLive zachęca użytkowników do przejścia na Dreamweaver, po czym prawdopodobnie nie powinieneś polecać GoLive (w rzeczywistości zaskakująco potężne narzędzie do edycji (patrz poniżej) dla swoich klientów).

Niektóre funkcje Adobe GoLive 9:
* Style projektantów
* Wizualny układ CSS
* Umieść polecenie
*Integracja z Adobe InDesign®
* Zarządzanie kolorem
*Obsługa platformy
* Narzędzia do zarządzania witryną
* Serwer publikacji
* Inteligentne obiekty

Microsoft Expression Web
Microsoft Expression (Windows)

Kiedyś mocno krytykowany za naprawdę zły edytor stron internetowych (Frontpage), Microsoft niedawno stworzył edytor Expression, który wydaje się wiele dziedziczyć po swoich poprzednikach. Expression próbował stworzyć wygodne środowisko dla użytkowników Internetu, z funkcjami, które są niezwykle podobne do Adobe Dreamweaver. Jednak w bezpośrednim porównaniu Dreamweaver oferuje więcej i tworzy czystszy kod. Jednak Expression tworzy przyzwoity, zgodny ze standardami kod i wie, jak pracować z układami CSS i CSS.

Edycja Studio wraz z innymi aplikacjami (narzędzie do projektowania graficznego, narzędzie do kodowania wideo itp.) kosztuje ok. 500 dolarów. Jedna licencja Expression kosztuje 350 USD. Możesz uzyskać Expression, aktualizując Frontpage i oszczędzając pieniądze. Wersję próbną przez 60 dni można pobrać bezpłatnie, ale wymagana jest rejestracja.

Uwaga: Expression nie jest następcą Frontpage, są raczej różnymi narzędziami programistycznymi. Microsoft Expression jest bardziej podobny do Microsoft SharePoint Designer, jest bardziej zorientowany na projektanta i ma na celu ogólne tworzenie stron internetowych. Microsoft SharePoint Designer skupia się na rozwijaniu i dostosowywaniu do witryn opartych na SharePoint, można go uznać za starszego brata Frontpage.



Niektóre funkcje programu Microsoft Expression:
* Integracja z ASP.NET 2.0
* Zaawansowane renderowanie CSS
* Konstruktor wyrażeń XPath
* Twórz i formatuj widoki danych XML zgodnych ze standardami branżowymi
* Siatka właściwości tagów
* Sprawdzanie dostępności
* Walidacja standardów w czasie rzeczywistym
*Pełna obsługa schematów

Ten edytor powinien być realną alternatywą dla dominujących produktów: edytora WYSYWIG dla systemów Linux, Microsoft Windows i Mac, który mógłby konkurować z FrontPage i Dreamweaver. Pod pewnymi względami Nvu zapewnia więcej, niż można by oczekiwać od całkowicie wolnego oprogramowania.

Nvu (wymawiane N-view, od „nowy-widok”) oferuje zintegrowanego menedżera FTP, potężne wsparcie dla formularzy, arkuszy kalkulacyjnych i szablonów i jest naprawdę łatwy w użyciu. CaScadeS, znany edytor CSS, taki jak dodatkowy moduł integruje się z Nvu i ułatwia tworzenie stylów i zarządzanie nimi oraz sprawdzanie, jak Twoje style są stosowane w locie w modyfikowanym dokumencie.

Nvu jest oprogramowaniem typu open source i wydanym na licencji Mozilla Public License (MPL). Niestety rozwój NVU nie jest kontynuowany w ostatnie lata. Ulepszoną wersję NVU można znaleźć tutaj - KompoZer.

Niektóre z funkcji NVU:
* Menedżer Witryny umożliwia przeglądanie tworzonych witryn.
* Obsługa XML.
* Wbudowany walidator.

Kompozytor
KompoZer (Win/Mac/Linux)

To narzędzie jest odgałęzieniem NVU, które zostało opracowane po spowolnieniu dalszego rozwoju NVU. KompoZer to system do tworzenia stron internetowych, który łączy menedżera plików internetowych i edytor WYSIWYG.

KompoZer jest niezwykle prosty w obsłudze, co czyni go odpowiednim rozwiązaniem dla użytkowników, którzy chcą tworzyć strony internetowe bez wiedzy technicznej. W porównaniu do NVU, Kompozer tworzy czysty kod znaczników.

Najnowsza wersja została wydana w sierpniu 2007 roku. Kompozer może być traktowany jako alternatywa dla mniejszych projektów oraz dla użytkowników bez wiedzy technicznej. Ale jest zdecydowanie za słaby dla profesjonalnych twórców stron internetowych.

Namo WebEditor 2006
Namo WebEditor 2006 (wygrana)
Namo WebEditor łączy w sobie prawie wszystkie narzędzia potrzebne do tworzenia stron internetowych w prostym i intuicyjnym interfejsie. Elementy interfejsu są niezwykle przejrzyste, proste i łatwe w użyciu. Możesz przełączać się między edytorem projektu, przeglądarką HTML i przeglądarką zdjęć. Możesz także użyć wielu kreatorów, aby zautomatyzować przepływ pracy. Namo jest potężny, ale jego możliwości WYSIWYG są ograniczone. Edytor nie był aktualizowany od 2006 roku, dlatego generowanie kodu źródłowego jest czasami bardzo dziwne. Namo Pro Web Editor jest dostarczany z edytorem Flash, a także programami graficznymi. Dostępna jest wersja testowa. Cena: 99,95 USD.



Niektóre z funkcji Namo Webeditor:
* Pomocnicy kodu do automatycznego zamykania tagów
*Szybki edytor tagów
* Selektor tagów
*Odniesienie HTML/CSS

Pierwsza strona Evrsoft 2006
Pierwsza strona Evrsoft 2006 (wygrana)
W rzeczywistości ten edytor jest bardzo niedoceniany. Nie jest zbyt popularny i nie był aktualizowany od 2006 roku, ale ma wiele bardzo przydatnych funkcji, które można włączyć do nowoczesnych edytorów WYSIWYG. Na przykład funkcja Auto History zapamiętuje wszystkie użyte atrybuty i wartości i automatycznie sugeruje „prawidłową” wartość.

Dual Preview Engine umożliwia podgląd dokumentów internetowych w wielu przeglądarkach dzięki First Page 2006. Możesz wyświetlić podgląd swojej pracy w Internet Explorer, Mozilla lub przeglądaj strony w obu przeglądarkach obok siebie (paski poziome/pionowe). A w czasie rzeczywistym przeglądaj kod i edytuj dokumenty.

Pierwsza strona jest bezpłatna. Podobna darmowa alternatywa (również nieaktualizowana od 2005 roku): Selida HTML Editor.

Niektóre z funkcji pierwszej strony:
* Obsługa klas CSS i automatyczne wykrywanie
* Podświetlanie składni
* Oznacz narzędzie wyboru dokumentu
* Automatyczne uzupełnianie tagów
* Uporządkowane elektronarzędzia HTML
* Podgląd w IE podczas pisania
* Mapowanie obrazów
* Projektant arkuszy stylów CSS
* Strona serwera obejmuje wsparcie
* Wysoce konfigurowalne paski narzędzi i interfejs
*Klient FTP
* Zaawansowane wyszukiwanie i zamiana w plikach

Projektant Microsoft SharePoint
Microsoft SharePoint Designer 2007 (wygrana)

Jest następcą Microsoft Frontpage. SharePoint Designer to standardowy edytor WYSIWYG. Poza obsługą interaktywnych stron ASP.NET nie oferuje niczego rewolucyjnego. Dostępna bezpłatna wersja próbna. Istnieje wersja online, która wymaga Internet Explorera i dużej cierpliwości.

Niektóre funkcje Sharepointa:
* obsługa interaktywnych stron ASP.NET
* tworzenie widoków danych z RSS, XML, Office XML
* współpracuj z wbudowanym Workflow Designer
* Narzędzia CSS
* śledź dostosowane strony
* sprawdzanie pisowni
* Integracja z SharePoint Server 2007

Fuzja NetObjects
Fuzja NetObjects
Ten edytor był kiedyś prawdopodobnie najgorszym, ale nadal bardzo popularnym edytorem WYSIWYG. Generował okropny kod źródłowy (tylko MS Word go pogarszał), ale był często używany przez firmy hostingowe i dostawców. NetObjects Fusion umożliwia tworzenie stron internetowych bez wiedzy technicznej. Zwłaszcza jeśli chcesz stworzyć wizytówkę, możesz to zrobić w kilka minut. Ale jeśli chcesz stworzyć profesjonalną stronę internetową, NetObjects nie jest opcją wartą rozważenia.

NetObjects Fusion w wersji 10 jest obecnie dostępny. Jakość wygenerowanego kodu źródłowego mogła się zmienić, ale nie ma to większego znaczenia. Dostępna jest wersja próbna, która wymaga zarejestrowania się w sklepie. Dlatego nie mamy zrzutu ekranu tego produktu. Cena £: ? 100.

Quanta Plus

Edytor obsługuje zarówno ręczne kodowanie, jak i interfejs WYSIWYG. Posiada następujące funkcje: automatyczne uzupełnianie tagów podczas wprowadzania i edycji tagów w interfejsie dialogowym, zarządzanie projektami, możliwość debugowania kodu PHP. On także ma edytor wizualny CSS, uzupełnianie CSS, oferuje wysoką rozszerzalność i podgląd.

Edytor posiada również ciekawe funkcje do zarządzania projektami, w tym obsługę projektów zarówno lokalnych, jak i zdalnych (przez sieć). Projekty można pobierać z różnych serwerów przy użyciu różnych protokołów. Zawiera wsparcie CVS, wsparcie Subversion dostępne poprzez zewnętrzne wtyczki. Quanta jest oparta na KDE. Wydany na licencji GPL.

droga wolna
Autostrada (Mac)

Freeway (pierwotnie Uniqorn) jest dostępny w dwóch wersjach: Freeway Pro i Freeway Express. Freeway 5 Pro może być używany do tworzenia układów CSS przy użyciu pozycjonowania bezwzględnego. W wersji zaawansowanej, na przykład, łączenie się z bazą danych MySQL za pomocą języka skryptowego, takiego jak PHP, odbywa się za pomocą wtyczek o nazwie „Akcje”. Niektóre akcje można pobrać bezpłatnie z kilku stron internetowych, ale są też takie komercyjne, jak akcje stron trzecich.

Istnieje wersja próbna, która wymaga wypełnienia dość długiego formularza internetowego. Freeway został nominowany do nagrody Creative Web Product of the Year podczas Macworld 2008 Awards. Jeśli używasz komputera Mac, pierwszą opcją, którą warto rozważyć, jest Freeway wraz z RapidWeaver.

Niektóre funkcje platformy Freeway:
* Wiele stron wzorcowych
* Narzędzia układu
* Mapa linków
* Style linków
* Zintegrowane przesyłanie .Mac
*Kompatybilność z Internet Explorerem
* Obsługa pokrojonych obrazów tła
* Wbudowany podgląd w ramach platformy Freeway (Safari/Webkit)
* Pełny plik EPS (Panther i nowsze), Illustrator, import warstwowych plików Photoshop
* Sklep na autostradzie
* Pracuj z szablonami Bloggera

Kompozytor Seamonkey
SeaMonkey Composer (Win/Mac/Linux)
Ten edytor jest prostą, ale bardzo wydajną alternatywą dla dużych aplikacji komercyjnych. Będąc następcą Netscape Composer, SeaMonkey Composer tak naprawdę nie ma z tym nic wspólnego.

Edytor jest potężny, a jednocześnie prosty, oferuje dynamiczne zmiany rozmiaru obrazów i tabel, szybkie wstawianie i usuwanie z komórek tabeli, zaawansowaną obsługę CSS i obsługę pozycjonowanych warstw. Edytor WYSIWYG wbudowany w SeaMonkey.

Tworzyć
Utwórz (Mac)
Create łączy w sobie podstawowe funkcje aplikacji takich jak Illustrator, InDesign, Pages, GoLive, Canvas, Dreamweaver, QuarkExpress i organizuje je w celu łatwego użycia, jest niedrogie, zaprojektowane dla OS X. Możesz między innymi dodawać łącza do tekstu i grafiki Dzięki funkcji przeciągnij i upuść dostępne jest narzędzie, które automatycznie tworzy nawigację i indeks, a także umożliwia tworzenie plików PDF i witryn internetowych z tego samego dokumentu.

Kreator stron internetowych WYSIWYG
Kreator stron internetowych WYSIWYG
Web Builder to wysoce konfigurowalna i rozszerzalna aplikacja z wieloma funkcjami, skryptami i szablonami. Nowe elementy projektu można dodawać za pomocą metody przeciągnij i upuść, a dostępnych jest wiele skryptów. W oprogramowaniu można edytować obrazy.

Zintegrowane narzędzia e-commerce PayPal; istnieje obiekt RSS Feed, blog z wbudowanym RSS i kompatybilny z Google generator SiteMap. Edytor posiada również wiele rozszerzeń, takich jak ochrona hasłem, kanał RSS, parser RSS, album ze zdjęciami i lightboxy.

Jeśli masz jakieś pytania, skorzystaj z naszego

NeonHTML- Darmowy edytor HTML i CSS z narzędziami wizualnymi. Różni się funkcjonalnością narzędzi. Obsługuje XHTML. Umożliwia szybką i wygodną edycję: podświetlanie składni, wizualne tworzenie tagów w oknach dialogowych. Większość narzędzi posiada podgląd, zmiana parametrów od razu wpływa na wyświetlanie w podglądzie. Jest wbudowana przeglądarka z imitacją różnych rozdzielczości i skal. Narzędzie do optymalizacji wyszukiwarek (SEO) i sprawdzania rankingu stron internetowych. Narzędzie do zmiany tekstu pomoże w promocji. Bardzo dobra praca z kolorami - specjalnie stworzona paleta jak w edytory graficzne, lista ostatnich kolorów, lista kolorów stron, szybka edycja kolorów jednym kliknięciem, natychmiastowe tworzenie opcji stylu za pomocą próbnika kolorów, okna dokowanego kolorów. Narzędzia współdziałają ze sobą, co zapewnia szybkie przyzwyczajenie się do interfejsu, wygodę i dużą szybkość. Nie zastępuje klawiatury tam, gdzie nie jest potrzebna. Nie zawiera niepotrzebnych menu.

___________________________ ______________________________ _______________________

Wizualny edytor HTML podobny do Macromedia Dreamweaver, ale całkowicie darmowy. Świetne narzędzie dla początkujących, którzy dopiero zaczynają opanowywać naukę tworzenia stron internetowych.

Dlaczego jest dobry? Tak, fakt, że aby stworzyć stronę internetową nie trzeba zawracać sobie głowy nauką języków programowania internetowego. Po prostu wpisujesz tekst, wstawiasz obrazy lub animacje, a NVU zajmuje się całą "brudną" pracą formatowania wszystkiego w HTML.

Niestety w tej chwili rozwój NVU został wstrzymany, ale projekt urósł do pierwszej stabilnej wersji, a to już dużo. Przyjrzyjmy się temu bardziej szczegółowo.

Możliwości NVU

• różne tryby wyświetlania edytowanej strony;
• szerokie możliwości projektowania tekstu;
• wstawianie obrazów (w tym tła);
• możliwość pracy na całej witrynie, a nie tylko na poszczególnych stronach;
• tworzenie tabel i formularzy;
• publikacja redagowanej strony bezpośrednio od redakcji;
• własny edytor kaskadowych arkuszy stylów (CSS) oraz konsola Java Script.

Wszystko to i wiele więcej pozwala nam na wykonanie od podstaw małej strony z minimalną (najlepiej) wiedzą z zakresu HTML (lub ich całkowitego braku :)).

Instalowanie edytora wizualnego

Pobieranie... Instalowanie... Uruchamianie i oglądanie :) (zgadza się - bez zbędnych gestów z rusyfikacją, wprowadzaniem dodatkowych informacji itp.).

Zgadzamy się na utworzenie skrótu na pulpicie i uruchomienie z nim NVU.

Interfejs NVU

Na pierwszy rzut oka NVU wygląda jak edytor tekstu. To jest jego główna zaleta - wizualny interfejs graficzny.

Ale patrząc w dół, zobaczysz, że oprócz zwykłych, istnieje kilka innych trybów wyświetlania wprowadzonych informacji:

• znaczniki HTML;
• i podgląd.

Tryb tagów HTML

„Tagi HTML” to rodzaj mozaiki tekstu i tagów, zaprojektowanych jako kolorowe prostokąty.

Ten tryb widoku jest przydatny dla początkujących użytkowników, ponieważ wyświetla wszystkie używane główne tagi i jednocześnie nie zawraca sobie głowy dużą ich liczbą, pozostając tym samym edytorem wizualnym.

Również w tym trybie wygodnie jest przestudiować nazwy tagów, aby później łatwo z nich korzystać w trybie edycji kodu.

Kod trybu

Tryb „Kod” to okno znane wszystkim programistom internetowym z kodem HTML edytowanej strony. To właśnie stąd, z tych wszystkich doodli, wyrastają wszystkie zasoby Internetu.

Po opanowaniu języka kodu możesz łatwo dodać do swojej witryny dowolne kontrolki, skrypty i inne "gadżety", które przywykłeś podziwiać na stronach innych osób :).

Zapowiedź

I wreszcie „Podgląd” pozwala ocenić wynik naszych wysiłków, wyświetlając stronę w formie, którą zdobędzie w Internecie.

Na zrzucie ekranu nie różni się on od tekstowego odpowiednika, ale warto dodać dowolne elementy nawigacyjne czy skrypty, gdyż różnica się ujawni:

Jeśli edytujesz tę stronę w Notatniku jak zagorzały programista, potrzebujesz przynajmniej przeglądarki i lokalnego serwera WWW, aby ją wyświetlić.

A tutaj, jak mówią, już „all inclusive”.

Teraz, gdy opcje przeglądania i edycji zostały nieco wyjaśnione, przyjrzyjmy się bliżej możliwościom NVU.

Ukryte funkcje wizualnego edytora HTML NVU

Wszystkie podstawowe opcje formatowania są dostępne jako ikony, ale niektóre opcje są ukryte na pasku menu.

Na przykład w menu „Plik” znajdziesz funkcje takie jak:

1. „Otwórz adres w Internecie”. Dzięki silnikowi z Mozilli możesz otwierać i edytować strony bezpośrednio z Internetu.

Może to być bardzo przydatne, jeśli chcesz zobaczyć, jak działa ta lub inna funkcja witryny. Wystarczy wpisać adres w oknie, które się otworzy i podziwiać wynik:

2. „Eksportuj do formatu tekstowego”. Po obejrzeniu strony możesz zapisać jej kod źródłowy w formacie .txt na swoim dysku twardym.

W "Edycji" znajdują się narzędzia do wyszukiwania właściwych słów w tekście i sprawdzania pisowni.

W menu „Wstaw” możesz zwrócić uwagę na możliwość wstawienia kodu PHP i znaków, których nie ma na klawiaturze.

„Format” zapewnia szeroką gamę opcji dostosowywania wyglądu tekstu, obrazów i innych informacji.

Najciekawszą i co najważniejsze, nigdzie nie wyświetlaną funkcją jest tutaj „Kolor i tło strony”. Korzystając z tej opcji, możesz łatwo dodać dowolny obraz tła lub po prostu wybrać dobry kolor tła dla witryny.

Wreszcie menu „Narzędzia” zapewnia opcje, takie jak dostęp do konsoli JavaScript, edytora CSS i narzędzia do inspekcji kodu HTML.

Również stąd możesz uzyskać dostęp do ustawień programu i ustawień motywu NVU.

wnioski

NVU jest łatwe do zrozumienia, ponieważ wszystkie kontrolki w programie są dostarczane z podpowiedziami i wyjaśnieniami, a dzięki grupie rosyjskich programistów z zespołu Mozilla.ru jest również bardzo dobra pomoc w języku rosyjskim.

Jedyną wadą NVU jest to, że kod generowany przez program jest bardzo uciążliwy i zawiera wiele zbędnych tagów. Ale niech to będzie tylko zachętą do nauki HTML, optymalizacji i doprowadzenia witryny do perfekcji.

Powodzenia w rozwoju i sukcesach we wszystkich przedsięwzięciach!

PS Dozwolone jest dowolne kopiowanie i cytowanie tego artykułu pod warunkiem wskazania otwartego aktywnego linku do źródła i zachowania autorstwa Rusłana Tertysznego.