Vizuálny editor, ktorý číta php. PHP editory. Najviac podceňované IDE - Sublime Text

Existuje mnoho spôsobov, ako si vytvoriť vlastnú stránku – od použitia hotových šablón na stránke Narod.ru až po žiadosť o reklamu ako „vytvorenie stránok za dva dni od 300 rubľov“. Vytvorte si vlastný blog alebo jednoducho domovskej stránke možno aj dieťa. Preto sa takmer každý môže pochváliť vlastnou webovou stránkou na webe. Každému, kto chce konštruktérov stránok, sú k dispozícii rôzne služby, ktoré v priebehu niekoľkých sekúnd vytvoria jednoduchú osobnú používateľskú stránku. Takýchto stránok sú na internete stovky a státisíce. Spravidla sú si navzájom podobné a nepamätajú sa. Pre tých, ktorí používajú bezplatné online nástroje na vytvorenie osobnej webovej stránky, je vlastníctvo webovej stránky často zábavné, ľudia si stránku vytvoria a zabudnú na ňu. Obsah na ňom sa vo väčšine prípadov redukuje na zverejnenie fotografií vášho psíka a pár informácií „o sebe“.

Iná vec je, ak človek vníma vlastnú webovú stránku ako komunikačný prostriedok, napríklad telefón alebo poštu. Vlastná stránka je užitočná pre každého podnikateľa, ktorý chce prezentovať svoje podnikanie, praktického lekára, právnika, ktorý otvára svoju konzultáciu, školiace stredisko atď. V tomto prípade musí byť stránka originálna a zmysluplná, niesť užitočná informácia pre návštevníkov. Ak chcete získať stránku, ktorá spĺňa tieto požiadavky, sú nevyhnutné bezplatné generátory domovskej stránky. Zvládnutie základov webového programovania však môže trvať dlho. Môžete si, samozrejme, najať profesionála, aby vytvoril akúkoľvek stránku podľa vašich predstáv, ale táto možnosť má veľmi zjavnú nevýhodu, takže pre mnohých je neprijateľná.

Vizuálne webové editory - dobrý spôsob ušetrite čas na učenie sa programovania webu a rýchlo vytvorte webovú stránku, naplnenú všetkými potrebnými informáciami. Na jednej strane na vytvorenie webového projektu pomocou takéhoto programu nemusíte mať špeciálne znalosti a byť programátorom. Na druhej strane vám tieto typy aplikácií dávajú slobodu byť kreatívny a zaisťujú, že stránka nebude vyzerať úplne rovnako ako tisíce iných. Práca vizuálnych web editorov je založená na vlastnosti WYSIWYG – What You See Is What You Get (to, čo vidíte, je to, čo dostanete). Inými slovami, počas úprav vyzerajú webové stránky takmer rovnako, ako sa budú zobrazovať v prehliadači.

⇡ WYSIWYG Web Builder 7.1.0

vývojár: Pablo Software Solutions
veľkosť distribúcie: 5,5 Mb
distribúcia: shareware
Ruské rozhranie: nie

Webové stránky vytvorené pomocou WYSIWYG Web Builder a iných vizuálnych editorov pozostávajú z jednotlivých blokov. Môže ísť o text, grafiku, flashové videá atď. Používateľovi stačí vybrať potrebné bloky a umiestniť ich na príslušné miesta na stránke, pričom kód automaticky vygeneruje program.

Ak nemáte žiadne skúsenosti s webdizajnom, mali by ste začať vytvárať svoj prvý projekt v programe s predpripravenou šablónou. V predvolenom nastavení má WYSIWYG Web Builder asi desať šablón rôznych smerov a niekoľko desiatok ďalších si môžete zadarmo stiahnuť z oficiálnej webovej stránky programu. Po stiahnutí šablóny budete môcť upravovať ktorýkoľvek z jej prvkov.

Na tento účel môžete použiť množstvo nástrojov umiestnených na vertikálnom paneli. Pre pohodlie sú rozdelené do kategórií: navigácia (strom stránok, navigačné menu), kreslenie (čiara, krivka, mnohouholník), multimediálne nástroje (prehrávač Flash, prehrávač YouTube, Java, objekt OLE), nástroje na prácu s webovými formulármi ( a pole na vloženie CAPTCHA kódu, zaškrtávacie políčko, tlačidlo na stiahnutie súboru, pole na zadávanie textu), Paypal (rôzne tlačidlá na prácu s týmto elektronickým platobným systémom) atď. Ak nepotrebujete žiadnu kategóriu prostriedkov vo svojom práce, môžete ho zbaliť, aby ste uvoľnili miesto na obrazovke pre populárnejšie nástroje.

Stojí za to venovať pozornosť kategórii Extra. Tu sú zhromaždené nástroje na vytvorenie fotogalérie, pridanie odberu noviniek vo formáte RSS, prezentáciu, vyhľadávanie na stránke. Môžete tu tiež nájsť celú zbierku hotových prvkov kódu Javascript. To zahŕňa rôzne vizuálne efekty a užitočné nástroje, ako je napríklad definovanie aktuálna verzia prehliadač, zobrazenie informácie o čase poslednej úpravy webovej stránky, umiestnenie odkazu na záložku stránky.

Napriek tomu, že pri práci vo WYSIWYG Web Builder používateľ vidí hotové prvky stránky, stránka môže predsa len vyzerať v prehliadači trochu inak ako v okne pracovného editora. Pre rýchle zobrazenie vzhľadu stránky v prehliadači stačí stlačiť kláves F5. WYSIWYG Web Builder otvorí projekt v predvolenom prehliadači systému. Ak potrebujete zobraziť stránky vo viacerých prehliadačoch naraz, môžete ich pridať do zoznamu.

Šablóna lokality sa zvyčajne skladá z niekoľkých stránok. Pre pohodlné ovládanie projekt v okne programu sa nachádza špeciálny panel Site Manager, ktorý zobrazuje strom stránok lokality. Pomocou nástrojov tohto panela môžete vytvárať nové stránky na základe šablón, pridávať stránky predtým uložené na pevný disk, kopírovať existujúce stránky, prezerať si ich vlastnosti atď.

V procese práce na zdroji pozostávajúcom z Vysoké číslo stránky, môžu prísť vhod aj také nástroje programu ako kontrola stavu odkazov, vyhodnocovanie veľkosti stránok a generátor sitemap vo forme XML súboru, ktorý bude umiestnený v koreňovom adresári stránky. Okrem toho vám WYSIWYG Web Builder môže pomôcť zhromaždiť všetky obrázky a iné mediálne súbory, ktoré sa používajú na webových stránkach, na jednom mieste.

Napriek tomu, že samotný WYSIWYG Web Builder je pomerne funkčný editor, možno v ňom nenájdete žiadny nástroj. V tomto prípade stojí za to pozrieť sa do galérie rozšírení - možno je požadovaný nástroj dostupný ako doplnok. K programu existuje viac ako 250 rozšírení a ich počet sa neustále zvyšuje. Rozšírenia sú napísané aktívnych používateľov redaktor a uverejnené na oficiálnom fóre. Treba mať na pamäti, že rozšírenia nemôžete pripojiť k skúšobnej verzii WYSIWYG Web Builder, preto musíte program zaregistrovať.

⇡ Tvorca webových stránok 3.21

vývojár: www.webpage-maker.com
veľkosť distribúcie: 3,66 MB
distribúcia: shareware
Ruské rozhranie: nie

Web Page Maker – dosť jednoduchý vizuálny editor, ktorý je vhodný na vytvorenie malej stránky, ktorá obsahuje niekoľko stránok. Pomocou neho môžete na stránku pridávať text, vektorové prvky, grafické súbory, videá v rôznych formátoch, tabuľky, webové formuláre a ďalšie známe prvky stránky.

Program má tiež pripravené verzie takého dôležitého prvku akejkoľvek stránky, ako je navigačné menu. Web Page Maker obsahuje rôzne možnosti ponuky. Po výbere vhodného prvku ho môžete okamžite upraviť, špecifikovať orientáciu (horizontálnu alebo vertikálnu), vzdialenosť medzi prvkami, text a parametre odkazu.

Niektoré prvky (napríklad rovnaké navigačné menu) by sa mali nachádzať na všetkých stránkach lokality. Pri úprave akéhokoľvek bloku ho môžete rýchlo umiestniť na všetky stránky aktuálneho projektu alebo určiť tie stránky, na ktorých by sa mal nachádzať.

Hlavnú časť okna programu zaberá pracovný priestor a na pravej strane je panel Obsah stránky. Pomocou tohto panela je vhodné spravovať stránky lokality, ako aj jednotlivé prvky stránok. Karta Prvky zobrazuje všetky bloky na stránke a kliknutím na každý z nich ihneď vidíte, kde sa nachádza. Okrem toho môžete okamžite vyvolať okno vlastností každého prvku alebo odstrániť nepotrebné bloky. Pokiaľ ide o sadu nástrojov na vytváranie štruktúry webu, stojí za zmienku možnosť vytvorenia nová stránka na základe zdroja, ktorý už existuje na internete. Stačí zadať jej adresu a Web Page Maker stránku načíta, rozdelí na bloky a upraví ich.

Na oživenie stránky je možné použiť animačné efekty. Príklady vopred vytvoreného kódu Javascript možno nájsť v knižnici Web Page Maker. Pomocou nich môžete zmeniť farbu rolovania okna, umiestniť hodiny zobrazujúce aktuálny čas do rohu obrazovky, pridať prezentáciu atď.

Po dokončení práce na stránke je možné projekt uložiť na pevný disk alebo okamžite nahrať na server FTP. navyše ďalší klient to nie je potrebné – Web Page Maker má vstavané nástroje na prácu s FTP.

⇡ Návrhár vizuálnych stránok šálky kávy 6.06

vývojár: CoffeeCup Software
veľkosť distribúcie: 17,6 MB
distribúcia: shareware
Ruské rozhranie: nie

Vývojári CoffeeCup Visual Site Designer sa zrejme riadia heslom „zarábaj na všetkom, na čom sa dá zarobiť“. Preto musíte mať na pamäti, že nákup tohto vizuálneho editora za 49 dolárov vám neposkytne všetky funkcie, ktoré môžete očakávať od nákupu väčšiny iných podobných programov.

Program sa teda dodáva s desiatimi šablónami a na stiahnutie zvyšku sa navrhuje prejsť na webovú stránku vývojára. Po otvorení príslušnej stránky môžete zistiť, že ďalšie šablóny sú platené a predávajú sa za cenu 9 USD za kus. Takéto „prekvapenia“ čakajú na používateľa v procese práce s aplikáciou. Kliknite na tlačidlo nástroja webového formulára a zistíte, že jeho používanie stojí ďalších 39 dolárov, skúste na svoju stránku pridať fotogalériu a uvidíte, že táto funkcia je dostupná aj za príplatok.

Štandardná verzia programu umožňuje prácu s textom, vektorovými prvkami, grafikou. Po výbere nástroja sa na vertikálnom paneli zobrazí plávajúca paleta s jej nastaveniami. Zostane na obrazovke, kým používateľ nezmení nástroj. Vďaka tomuto prístupu je pracovnej oblasti pridelené maximálne množstvo priestoru.

Bežné prvky webovej stránky, ako sú počítadlá a webové formuláre, je možné v programe vytvoriť iba pomocou vlastného nástroja na vkladanie HTML.

Pri práci s vektorovými prvkami (šípky, mnohouholníky, hviezdičky, popisky atď.) môžete použiť množstvo nástrojov na zmenu ich vzhľadu. Napríklad je možné zmeniť priehľadnosť, pridať tieň, urobiť objekt 3D, rozžiariť ho alebo zmeniť tvary, keď prejdete myšou. Okrem toho môžete prispôsobiť výplň každého objektu, pridať textúru.

CoffeeCup Visual Site Designer má vstavaného FTP klienta, ktorý možno použiť na nahranie stránky na vzdialený server. Ak sa po načítaní stránky rozhodnete vykonať zmeny na niektorých jej stránkach, môžete využiť funkciu synchronizácie dát. V tomto prípade program načíta stránky, ktoré boli zmenené. Ak je to potrebné, bez toho, aby ste opustili CoffeeCup Visual Site Designer, môžete lokalitu dokonca úplne odstrániť zo servera.

⇡ Webová stránka X5 Evolution 8

Vývojár: Incomedia
veľkosť distribúcie: 15,3 MB
distribúcia: shareware
Ruské rozhranie: áno

Väčšina vizuálnych editorov je si navzájom podobná. To má svoje výhody, pretože keď ste prišli na jeden z týchto programov, už budete mať istotu, ak sa neskôr rozhodnete vyskúšať iný. Ak ste však ešte nikdy nevytvárali webové stránky, aj ten najjednoduchší vizuálny editor môže spočiatku vyvolávať množstvo otázok, ako napríklad: „čo je potrebné urobiť ako prvé?“, „ktoré programové nástroje sú hlavné a ktoré pomocné“ ?" atď.

Program WebSite X5 Evolution implementuje trochu iný prístup k tvorbe stránky, vďaka čomu veľa otázok zmizne samo. Aplikácia je postavená na princípe sprievodca krok za krokom, vďaka čomu má začínajúci používateľ istotu, že mu nič dôležité neušlo.

Hoci vás sprievodca prevedie všetkými krokmi vytvárania projektu, používateľ môže voliteľne „preskočiť“ cez niektoré kroky tak, že z bočnej ponuky vyberie tie akcie, ktoré chce momentálne vykonať. Celkovo je päť etáp.

Prvý naznačuje Všeobecné nastavenia. Tu teda zadajte názov stránky, autora a jazyk, vyberte Kľúčové slová, načíta sa Favicon, vyberie sa typ ponuky (horizontálne alebo vertikálne), vyberie sa príslušná šablóna (v knižnici programu je viac ako sto možností dizajnu), vzhľad v hornej a dolnej časti stránok lokality.

V druhej fáze sa navrhuje vytvoriť mapu lokality, to znamená premyslieť jej štruktúru. Pomocou tlačidiel „kopírovať“ a „prilepiť“ na paneli s nástrojmi môžete vytvárať nové stránky založené na existujúcich. Tu môžete určiť, ktoré stránky zdroja budú skryté, určiť obnovovaciu frekvenciu pre každú stránku.

Dvojitým kliknutím na názov stránky sa dostanete do ďalšej fázy práce na stránke a tu sa už môžete zaoberať priamo jej obsahom. Štandardne je stránka rozdelená do štyroch blokov, do každého z nich môžete pridať objekt: text, grafický súbor, prezentáciu, tabuľku, flash animáciu, multimediálny súbor atď. V prípade potreby je možné počet blokov na stránku zvýšiť alebo znížiť. Po umiestnení objektu na stránku je potrebné definovať jeho nastavenia, napríklad zadať cestu k grafický súbor, zadajte text atď. Všetky tieto operácie bude potrebné vykonať pre každú stránku.

Vo štvrtej fáze vám WebSite X5 Evolution ponúkne zadať niektoré ďalšie nastavenia, napríklad definovať vzhľad úvodnej stránky, nastaviť parametre pre zobrazovanie flash reklám, pridať na stránku blog a RSS kanál.

Medzi ponúkanými funkciami je aj taký prvok ako „Kôš pre elektronický obchod“. Pomocou neho si môžete rýchlo vytvoriť svoj vlastný internetový obchod. V jeho nastaveniach môžete rýchlo vytvárať kategórie produktov, definovať dodacie podmienky, vyberať možnosti platby, vložiť licenčnú zmluvu a prispôsobiť vzhľad prvkov obchodu.

Nakoniec posledným krokom je export projektu. Hotový web je možné uložiť do HDD alebo nahrať priamo na FTP server. Okrem toho program umožňuje ukladať súbory projektu za účelom ich prenosu do iného počítača. Všimnite si, že vytváraný projekt je možné uložiť v ktorejkoľvek fáze vo vlastnom formáte programu.

Snáď jedinou nepríjemnosťou pri práci s WebSite X5 Evolution je nemožnosť Náhľad stránky v prehliadači. Ak chcete vidieť, ako bude stránka vyzerať, môžete použiť funkciu „Test“, no vygenerovanie projektu nejaký čas trvá. Okrem toho program generuje stránky vo vlastnom prehliadači, vytvorenom na engine Internet Explorer.

⇡ KompoZer 0.7.10

Vývojár: Fabien Cazenave
veľkosť distribúcie: 7,9 MB
distribúcia: zadarmo
Ruské rozhranie: áno

KompoZer je bezplatný a open source vizuálny webový editor. Program je dostupný nielen pre Windows, ale aj pre Mac, ako aj pre Linux. Editor je založený na engine Gecko, na ktorom beží známy prehliadač Firefox. To poskytuje množstvo výhod: po prvé, engine dokonale podporuje moderné webové štandardy ako XML, CSS a JavaScript. Po druhé, editor založený na Gecko možno rozšíriť pomocou doplnkov.

Možno prvým doplnkom, ktorý chcete nainštalovať, je ruský lokalizačný balík. Inštaluje sa v podstate rovnakým spôsobom, ako sa inštalujú zásuvné moduly pre Firefox: v ponuke Nástroje vyberte príkaz Rozšírenia a potom zadajte cestu k prevzatému lokalizačnému súboru s príponou .xpi. Po inštalácii doplnku budete musieť reštartovať program, po ktorom sa rozhranie zmení na ruské.

FTP klient je integrovaný do programu a dá sa použiť nielen na stiahnutie hotového projektu, ale aj na rýchlu úpravu stránok lokality, ktorá je už na serveri hosťovaná. Zadaním prihlasovacích informácií na server môžete prechádzať stromom adresárov a vyberať stránky na úpravu. Ich obsah bude načítaný v okne KompoZer a môže byť upravovaný za behu.

KompoZer vám umožňuje pracovať s viacerými stránkami súčasne. Každý z nich sa otvára na samostatnej karte, medzi ktorou sa dá rýchlo prepínať. Každá stránka má svoju vlastnú históriu vrátenia a opätovného vykonania. Pri pohľade na ikonu v hlavičke karty môžete okamžite zistiť, či boli vykonané zmeny v obsahu stránky, ktoré ešte neboli uložené.

Hoci KompoZer generuje kód webovej stránky sám, môžete si ho prezrieť a v prípade potreby vykonať nejaké zmeny. V spodnej časti každej stránky sú karty, ktoré umožňujú prepínať medzi vizuálnym zobrazením stránky a zobrazením kódu.

Na paneli nástrojov programu sú štandardne umiestnené najčastejšie používané nástroje: pridanie hypertextového odkazu, vloženie obrázka, tabuľky, nástroje na vytváranie webových formulárov atď. V prípade potreby môžete zmeniť vzhľad tohto panela (napríklad zmenšením ikon), ako aj pridať k nemu niektoré ďalšie nástroje.

Vo všeobecnosti, napriek tomu, že KompoZer je vizuálny webový editor, je určený pre používateľov, ktorí už majú nejaké skúsenosti s tvorbou webstránok. Nenájdete v ňom hotové šablóny a ukážky navigačných menu, no v programe je integrovaný výkonný CSS editor, nechýbajú nástroje na kontrolu HTML kódu a kontrolu pravopisu.

⇡ BestAddress HTML Editor 17

Vývojár: Multimedia Australia
veľkosť distribúcie: 7,1 MB
distribúcia: shareware
Ruské rozhranie: nie

Keď sa používateľ rozhodne študovať nejakú oblasť, napríklad počítačovú grafiku, strih videa alebo programovanie, často sa spýta skúsenejších súdruhov, s ktorým programom je lepšie začať učiť sa nové remeslo. V niektorých prípadoch je skutočne lepšie použiť na začiatku jednoduché nástroje a potom, keď zistíte ich schopnosti, prejsť na pokročilejšie editory. Pokiaľ ide o BestAddress HTML Editor 2010 Professional, môžeme povedať, že tento program má všetky šance stať sa prvým a posledným nástrojom pre začínajúceho webového vývojára.

Práca v režime vizuálnej konštrukcie webovej stránky je podobná práci s konštruktorom – môžete nezávisle nastaviť veľkosť a farbu prvkov, umiestňovať tlačidlá, grafiku, menu a ďalšie komponenty lokality podľa vlastného uváženia. Pohodlné formátovanie, takmer ako v textovom editore, je možné použiť na ovládanie pozície ľubovoľných prvkov stránky. V BestAddress HTML Editor 2010 Professional nenájdete šablóny, ale môžete si stiahnuť webovú stránku umiestnenú na zadanej adrese. Po otvorení stránky v programe ju môžete následne upravovať.

Editor môže automaticky nahrať projekt na server - na to program používa FTP klienta Digital FTP Access, ktorý je s ním dodávaný.

BestAddress HTML Editor 2010 Professional má tiež profesionálne nástroje na kódovanie. Začiatočníci, ktorí chcú pochopiť princípy práce a písania HTML, CSS, Java a PHP kódu, môžu nahliadnuť do dokumentácie. Načrtáva najdôležitejšie pravidlá pre písanie kódu, ako sú priraďovanie značiek, príklady jednoduchých operácií atď. Jednoduché a jasné lekcie poskytujú stručnú predstavu o štruktúre HTML a prinesú začiatočníkovi "informácie".

⇡ Záver

Programy opísané v tejto recenzii vám umožňujú rýchlo vytvoriť vašu stránku a umiestniť ju na internet. Malo by sa pamätať na to, že všetky tieto aplikácie sú iba nástrojmi v rukách používateľa. Či stránka pritiahne pozornosť návštevníkov, či sa stane ďalšou súčasťou úspechu v podnikaní, závisí výlučne od fantázie autora a od jeho túžby zlepšiť to, čo začal. A, samozrejme, aby stránka ospravedlnila vložené nádeje, váš podnik musí mať šťastie, čo prajeme všetkým!

Už je to dávno, čo som na svoj blog napísala jediný článok. Žiaľ, dôvodom bol nedostatok PC. Akonáhle bol môj 8-ročný pán úplne zakrytý, okamžite som zabezpečila dodanie nového. Konečne som sa po týždni a pol dostala k novej stavebnici a teraz môžem pokračovať v blogovaní.

Hneď po zložení PC, nastavení OS a podobne som mal otázku, aké IDE nainštalovať. Pomerne často trpím podobnou otázkou, keďže výber je dostatočne veľký. Aby sme vám uľahčili výber, dal som vám zoznam 15 najlepších IDE na kódovanie v PHP.

PHPStorm

Jazyky: PHP, HTML a JS
Cena: 199 dolárov za prvý rok
Analýza kvality kódu, testy PHPUnit, GitHub

netbeans

Jazyky: Java ME & SE, JavaScript, HTML5, PHP, C/C++, XML, Groovy, Javadoc, JSP
Cena: zadarmo
Subversion, integrácia Mercurial a Git, NetBeans Profiler

Štúdio Aptana

Ďalší z mojich obľúbených IDE, s ktorým som sa stretol pred búrkou. Obrovským plusom je, že je zadarmo.

Platformy: Win, Mac OS X, Linux, Plugin pre Eclipse
Jazyky: JS, HTML, CSS, Ruby on Rails, PHP, Python, Perl
Cena: zadarmo
Open source, sprievodca nasadením pre RoR, GitHub

Eclipse

Väčšina z vás si pravdepodobne spája tento editor s programovaním v jazyk Java, ale to tam nebolo! Eclipse podporuje neuveriteľne veľké množstvo jazykov a je úplne zadarmo.

Platformy: Win, Mac OS X, Linux, Solaris
Jazyky: Ada, ABAP, C, C++, COBOL, D, Fortran, Haskell, Java, JavaScript, Julia, Lasso, Lua, NATURAL, Perl, PHP, Prolog, Python, R, Ruby, Ruby on Rails, Rust, Scala, Clojure, Groovy, Scheme, Erlang, LaTeX, Mathematica
Cena: zadarmo
Rich Client Platform, podpora pre Tomcat, GlassFish a ďalšie služby, Web Tools Platform

Vznešený text

Platformy: Win, Mac OS X, Linux
Jazyky: Neuveriteľne veľké množstvo najpoužívanejších jazykov
Cena: V súčasnosti je cena 70 dolárov
správca balíkov

Kód Visual Studio

Pomerne výkonné IDE, ktoré si pevne obhajuje svoje miesto na tomto trhu. Pod týmto editorom som nemusel písať projekty PHP, pretože som sa s tým stretol, keď som analyzoval jazyk C#

Platformy: Win, Mac OS X, Linux
Jazyky: Batch, C++, Clojure, CoffeeScript, DockerFile, Elixir, F#, Go, jazyk šablóny Pug, Java, HandleBars, Ini, Lua, Makefile, Objective-C, Perl, PowerShell, Python, R, Razor, Ruby, Rust, SQL, Visual Basic, XML, PHP, JS
Cena: Bezplatná, vývojárska licencia od spoločnosti Microsoft
GitHub, refaktorovanie kódu, debugger

atóm

O tomto redaktorovi som už písal v jednom z prvých článkov a odvtedy som názor nezmenil. Jednoduché, krásne a zadarmo. Ideálne pre mladých a začínajúcich vývojárov. No, ktorí majú 15-22 rokov a práve sa začali zoznamovať s PHP. Atom je tiež bezplatná a upravená alternatíva k Stormu. Dá sa na tom pracovať a myslím, že to používa pomerne veľa vývojárov a nielen PHP. Zdalo sa mi to príliš jednoduché a nepohodlné (samozrejme po búrke). V skutočnosti som pre neho pracoval iba nadol.

Platformy: Win, Mac OS X, Linux
Jazyky: HTML, CSS, Less, Sass, GitHub Flavored Markdown, C/C++, C#, Go, Java, Objective-C, JavaScript, JSON, CoffeeScript, Python, PHP, Ruby, Ruby on Rails, shell skript, Clojure, Perl , Git, Make, Property List (Apple), TOML, XML, YAML, Moustache, Julia & SQL
Cena: zadarmo
Open source, vstavaný správca balíkov, motívy

Poznámkový blok ++

Ó áno. Teraz je čas hovoriť o starých otcoch. Mnohí by si teraz asi povedali: „Čo si, ofigel alebo čo?“. No vážne... Ak porovnáte IDE a Windows. Ten Notepad++ je Win XP alebo ME. Presne v klasických témach.

Poznámkový blok je IDE, ktoré nie je ani dobré, ani zlé. Je to proste skutočná klasika. Je to jednoducho neuveriteľne jednoduché, flexibilné a rýchle. Nevidel som žiadny iný editor, ktorý by fungoval tak rýchlo. V ktorej môže používateľ bez námahy upraviť farebnú schému pre každé jednotlivé písmeno, každý jednotlivý jazyk. Tento editor je skvelý pre každého začínajúceho vývojára. Dokonca by som povedal, že každý začiatočník je jednoducho povinný začať písať kód v tomto IDE.

O tomto zápisníku sa dá písať veky. Napriek tomu, že ide o veľmi staré a jednoduché IDE, nepoznám ani jedného programátora, ktorý by ho naďalej používal.

Platformy: vyhrať
Jazyky: Ada, asp, Assembly, AutoIt, Batch, C, C++, C#, Caml, Cmake, COBOL, CoffeeScript, CSS, D, Diff, Flash ActionScript, Fortran, Gui4CLI, Haskell, HTML, INNO, Java, JavaScript, JSP , KiXtart, LISP, Lua, Makefile, Matlab, MS-DOS, INI súbor, NSIS, normálny textový súbor, Objective-C, Pascal, Perl, PHP, PostScript, PowerShell, Vlastnosti, Python, R, zdrojový súbor, Ruby, Shell , Schéma, Smalltalk, SQL, TCL, TeX, Visual Basic, VHDL, Verilog, XML, YAML
Cena: zadarmo
Otvorený zdroj, nahrávanie a prehrávanie makra, zvýrazňovanie a skladanie syntaxe definované používateľom

Coda

Nech som akokoľvek nenávidel „jabĺčka“, ako by mi mohol chýbať tento editor, navrhnutý špeciálne pre Macovods. Aby som bol úprimný, nechápal som, prečo je toto IDE vôbec potrebné, keďže podporuje iba jazyk HTML a navyše stojí peniaze. Nepíšte mi, prosím, kopu urážok, keďže nebola chuť a možnosť otestovať tento editor.

Platformy: Mac OS X
Jazyky: HTML
Cena: 99 $
dotyková lišta pripravený, FTP, SFTP, FTP+SSL a klient WebDAV

Zátvorky

Ten istý editor, o ktorom veľa ľudí vie. Od kamaráta som sa dopočul, že to vôbec nie je IDE. Možno má pravdu.

Platformy: Win, Mac OS X, Linux
Jazyky: C++, C, VBScript, Java, JavaScript, HTML, Python, Perl, Ruby
Cena: zadarmo
Živý náhľad, JSLint, LESS

SlickEdit

Niečo pre mňa neznáme a temné. S touto témou som nikdy nepracoval. Ale trochu som študoval, možno sa v budúcnosti budem musieť ešte zaoberať týmto IDE

Platformy: Viacplatformové
Jazyky: GNU C/C++, Java, WinDbg, Clang C/C++ LLDB, Google Go, Groovy, Python, Perl, Ruby, PHP, XCode, Android JVM/NDK
Cena: SlickEdit Standard 99,95 USD, SlickEdit Standard pre podnik 149,95 USD
GitHub, Subversion, Mercurial, Perforce, CVS

jEdit

Ide o ten istý editor, ktorý podporuje len neuveriteľne veľké množstvo operačných systémov. A len OBROVSKÝ zoznam jazykov. Také veľké, že som sa ani neobťažoval ich sem zahrnúť, ale dám vám len odkaz úplný zoznam. A to všetko úplne zadarmo!

Platformy: Win, Mac OS X, Linux, BSD, OS/2, UNIX, VMS
jazyky:
Cena: zadarmo
Open source, rozdelené Windows, rozsiahla knižnica pluginov

Programátorský poznámkový blok

Programátorský notebook. Pokiaľ ide o mňa, je to zjednodušená kópia programu NotePad ++. Nedávno mám názor, že všetky staré IDE boli napísané výhradne pre VŠETKY programovacie jazyky.

Platformy: vyhrať
Jazyky: Zoznam jazykov
Cena: zadarmo
Open source, Folding, Plugins

Komodo Edit

Platformy: Win, Mac OS X, Linux
Jazyky: Python, Perl, PHP, Ruby, Tcl, SQL, Smarty, CSS, HTML, XML
Cena: 295 dolárov
Package Manager, Vagrant, Docker, Unit Testing

RJ TextEd

Netuším, čo to je... Ak niečo viem o Komodo, tak to vidím prvýkrát) Ak niekto vie, prosím odhláste sa v komentároch.

Platforma: Windows, Linux
Jazyky: PHP, ASP, JavaScript, HTML, CSS
Cena: zadarmo
FTP a SFTP klient

výsledok:

V tomto článku som uviedol príklad 15 editorov, ktoré si môžete sami zoradiť. No ak ťa zaujíma môj názor, tak Storm je najlepší. Ak sa práve začínate učiť programovať alebo len milujete jednoduchosť, potom potrebujete NotePad++. No ak ste mladý študent, ktorý má peniaze len na pivo v stánku, no zároveň chce pracovať v krásne navrhnutom nástroji, tak zvoľte Atom. A tiež pre tých najpraktickejších ľudí, ktorí majú len to najnovšie Windows verzia, 2 obrovské monitory a dokonca aj ceruzky a perá sú pekne na svojom mieste na stole, potom je, samozrejme, Visual Studio ideálne pre vás.

Dobrý deň, milí čitatelia blogu. Veľmi dlho som chcel písať o úžasnom bezplatnom editore (odkaz vedie na oficiálnu webovú stránku, kde si môžete stiahnuť najnovšiu verziu s podporou ruského jazyka).

Dlhé roky patrí medzi najpopulárnejšie a najpoužívanejšie programy na úpravu Html, CSS a PHP kódu. Dokonca si kladiem otázku: „Ako som sa bez neho zaobišiel predtým, keď som si uvedomil jeho potenciál pomocou niektorých iných programov?“.

Teraz mám na svojom počítači vždy spustených niekoľko prehliadačov súčasne, veľmi jednoduchý, bezplatný a pohodlný FTP manažér FileZilla a práve tento editor, ktorého možnosti sú jednoducho neporovnateľné s predvolene používaným poznámkovým blokom vo Windows. Ale prvé veci.

Stiahnutie a funkcie editora Notepad++

Inštalácia programu v systéme Windows sa vykonáva úplne obvyklým spôsobom. Tiež, ak chcete, môžete stiahnite si Notepad++ Portable, zastupujúci prenosná verzia tento editor, ktorý nevyžaduje inštaláciu do operačného systému.

Prenosnú verziu je možné získať z bežnej, ak rozbalíte archív s programom na akékoľvek vhodné miesto a spustíte spustiteľný súbor notepad.exe.

Všetky výhody editora Notepad++

Poznámkový blok zabudovaný do systému Windows sa v skutočnosti líši od nášho hrdinu rovnakým spôsobom ako nebo a zem. V klasickom notebooku nie je prakticky nič okrem možnosti prezerať a vytvárať to najjednoduchšie textové súbory(Ukazuje sa niečo podobné ako kopacia palica, ktorú používajú ľudia v ranom štádiu vývoja).

Po začatí používania Notepadu s dvomi plusmi, aspoň na úpravu Html a CSS súborov, sa okamžite dostanete z doby kamennej do kabíny moderného zemného stroja. Existujú samozrejme aj iné alternatívne programy a dokonca, ale pre začiatočníka bude najviac (IMHO) „notebook s dvoma plusmi“.

Áno, samozrejme, na začiatku sa jej používanie môže zdať zložité a nekonvenčné. Ale to je len na úplnom začiatku zoznámenia a potom bude pre vás rovnako ťažké sa bez toho zaobísť, ako napríklad mnohí používatelia počítačov nepremýšľajú o svojom živote (tiež druh „klasiky“). .

Ak porovnáme Notepad ++ so zložitejšími programami určenými na uľahčenie písania a úpravy rôznych kódov, ako je napríklad Dreamweaver, potom existuje niekoľko argumentov pre použitie nášho hrdinu:

po prvé, je to úplne zadarmo, čo znamená, že môžete veľa ušetriť tým, že ho použijete namiesto rovnakého Dreamweaveru, ak neberiete do úvahy napadnuté verzie platené programy(čo môže byť živnou pôdou pre trójske kone a iné vírusy).
Po druhé, Poznámkový blok je oveľa viac ľahké a rýchle než mnohí platení redaktori. Navyše je možné ho použiť aj bez toho, aby ste ho vôbec inštalovali na operačnej sále. systém Windows(tzv. prenosná verzia - prenosná) a nosiť ju napr. Vďaka tomu budete mať vždy po ruke pohodlný, funkčný a dobre zrozumiteľný nástroj na prácu s Html, PHP a desiatkami ďalších typov kódu.

Prečo sa tento editor oplatí stiahnuť?

Pozrime sa stručne na jeho možnosti a funkcie a potom sa ich pokúsme podrobnejšie zvážiť. Notepad ++ teda dokáže:

Zvýraznite niekoľko desiatok najpopulárnejších programovacích a značkovacích jazykov, ako napríklad: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL .xml.

Pre všetky tieto jazyky zvýraznenie syntaxe, rozdelenie kódu na riadky a bloky, ktoré možno zbaliť kliknutím na mínus a rozbaliť kliknutím na plus. Vzťah medzi prvkami môžete zobraziť aj bodkovanou čiarou. Napríklad som vzal útržok kódu PHP, aby som demonštroval možnosti tohto editora:

Ak kliknete na otvorenie html tag e, potom sa zvýrazní modrým pozadím a zároveň sa zvýrazní aj prípadná záverečná značka. Skvelé na hľadanie neuzavretých prvkov a .

Je veľmi jednoduché implementovať zmena kódovania, napríklad na ten, ktorý je teraz populárny, o ktorom som hovoril v článku o boji proti krakozyabrom v kódovaní ruského jazyka (pozrite si ho na odkaze).
V jednom okne programu bude možné otvoriť toľko súborov, koľko chcete na úpravu, pretože Notepad ++ používa karty na spôsob tých, na ktoré ste si už zvykli moderné prehliadače.
Farba diskety na každej karte ukazuje, či ste uložili súbor posledné zmeny pomocou podobnej diskety na paneli nástrojov. Na aktívnej karte červená disketa (a na neaktívnej karte - fialová) označuje vašu zábudlivosť.
S týmto editorom môžete Vyhľadávanie(Ctrl + F) na dokumente, ktorý je v ňom otvorený, aj na celom množstve textových súborov ležiacich v určitom priečinku. Je možné vyhľadávať s náhradou a pomocou regulárnych výrazov. Úžasne šikovný nástroj.
V nastaveniach tohto editora si môžete povoliť automatické zapisovanie uzatváracieho Html tagu pri písaní úvodného, ako aj možnosť automatického dopĺňania tagov.
Notepad++ nielenže uchováva históriu všetkých vašich zmien a umožňuje vám vrátiť sa späť o toľko krokov, koľko chcete, alebo sa vrátiť dopredu, ale tiež zálohuje kópie týchto dokumentov spôsobom, ktorý robí Microsoft Word.
Tento editor má schopnosť spravovať klávesové skratky, z ktorých je v ňom uvedený skvelý súbor - od horné menu"Možnosti" - "Klávesové skratky". Navyše, keď dvakrát kliknete na kombináciu, ktorá vás zaujíma, otvorí sa okno na premapovanie klávesov, čo môže byť výhodné pre tých, ktorí prechádzajú z iného editora na Poznámkový blok.
Poznámkový blok za roky svojej existencie má veľa pluginov, niektoré sú s ním štandardne nainštalované a zvyšok budete mať k dispozícii z horného menu "Pluginy" - "Správca doplnkov" - "Zobraziť správcu doplnkov".
Ak chcete nainštalovať, stačí zaškrtnúť požadovaný doplnok na prvej karte a kliknúť na tlačidlo „Inštalovať“.

Potom sa okno editora znova načíta a nový doplnok bude k dispozícii na karte s rovnakým názvom:
Tento „švajčiarsky nôž“ sa môže tiež pripojiť k vašej stránke cez FTP, nahrávať a prehrávať makrá, kontrolovať pravopis za chodu, porovnávať dva súbory v otvorených oknách v okolí a oveľa viac.

Čo ešte budete potrebovať v programe Poznámkový blok ++

Vďaka zvýrazňovaniu syntaxe v programe Notepad ++ je napríklad veľmi jednoduché skontrolovať, či sú v kóde uzavreté všetky Html tagy a s minimálnymi skúsenosťami si to už vo svojom kóde vizuálne všimnete niekde sa stala chyba, pretože farebná schéma kódu na tomto mieste sa zmení.
Aj vďaka tomu, že kód je farebne zvýraznený a bežný text mojich článkov zostáva čierny, je pre moju neustálu gramatiku (milovaná manželka) veľmi vhodné, aby si v ňom gramatiku skontroloval. Nie, už je koniec, používam aj rôzne, ale ani jeden z nich ešte nevie kontrolovať interpunkciu a sémantické chyby tiež.
Veľmi sa mi páči aj možnosť vizuálneho zobrazenia jednotlivých blokov kódu v tomto textovom editore zvýraznením zátvoriek ako ( ) (). Keď je kurzor myši medzi ľubovoľnými zátvorkami, sú zvýraznené, ako keby sa zvýraznil začiatok a koniec bloku kódu Html alebo PHP.
Okrem vynikajúcej implementácie podsvietenia je potrebné osobitne poznamenať možnosť urobiť krok späť(vrátiť späť predchádzajúcu akciu). Navyše počet krokov späť nie je obmedzený, čo vám umožňuje nebáť sa experimentovať s kódom bez rizika nezvratných následkov.
Akciu v programe Poznámkový blok ++ je možné vrátiť späť pomocou klávesových skratiek Ctrl + Z (Ctrl + Y - krok vpred, t. j. zrušenie zrušenia), pomocou príslušných položiek ponuky „Upraviť“ alebo pomocou tlačidiel vo forme zakrivených šípok na panel s nástrojmi tohto editora.
Notepad++ neustále sleduje stav dokumentov v ňom otvorených a ak dôjde k ich zmene alebo zmazaniu napríklad v inom programe, zobrazí sa vám okno s výzvou na zatvorenie tejto karty s dokumentom alebo opätovné načítanie jeho upravenej verzie.
Ako som už spomenul, v poznámkovom bloku s dvoma plusmi je príležitosť nastavenia zvýraznenia syntaxe(rovnako ako tucet ďalších jazykov) podľa vášho vkusu a potrieb, ale túto možnosť som nikdy nepoužil, pretože predvolené nastavenia sú celkom spokojné.
Nikto vás však neobťažuje, aby ste to urobili, pretože všetko je veľmi jednoduché - z horného menu vyberte položky "Možnosti" - "Definovanie štýlov", v dôsledku čoho sa otvorí okno, v ktorom môžete doladiť písma a farby. sami zvýraznite Html, PHP alebo akýkoľvek iný jazyk, ktorý potrebujete.

Aj v programe Notepad++ je to možné automatické dokončovanie slovo, ktoré píšete, čo môže byť veľmi výhodné, ak si nie ste istí správnym pravopisom konkrétneho Html operátora, PHP alebo akéhokoľvek iného kódu. Ak to chcete urobiť, pri písaní stačí stlačiť kombináciu klávesov Ctrl-medzerník a v okne, ktoré sa otvorí, vyberte požadovanú možnosť:

Ak chcete, aby dokončenie kódu bolo automatické, bez použitia klávesových skratiek, potom budete musieť vybrať "Možnosti" - "Nastavenia" z horného menu a na karte "Rezervovať / Automatické dokončenie" začiarknuť políčko "Povoliť pre každý vstup" ".

Ďalšou vychytávkou, ktorá sa mi v tomto editore zdá celkom pohodlná, je možnosť pretiahnuť skratky dokumentov priamo do okna programu a otvoriť ich (hoci to môže len ťažko niekoho prekvapiť) a možnosť Drag and drop v samotnom dokumente vybraný fragment kódu (ľavé tlačidlo myši) na miesto, ktoré potrebujete.
Pri práci s programom Notepad++ budete môcť dať značky, ktoré sa v ňom nazývajú notami, no podstata toho sa nemení. V riadku, ktorý potrebujete, môžete kliknutím na ľavý okraj umiestniť značku vo forme modrej bodky.
Na nastavenie značky (poznámky) v editore môžete použiť aj kombináciu kláves Ctrl-F2 a na pohyb medzi značkami umiestnenými v dokumente bude stačiť postupné stláčanie F2 alebo Shift-F2 na rolovanie v poznámkach v opačnom smere.
Ak pracujete v tomto editore so súborom Html, môžete vidieť ako bude váš kód vyzerať v prehliadači FireFox alebo IE výberom príslušných položiek z ponuky Štart. Ak potrebujete iný prehliadač, vyberte hornú položku „Spustiť“ a v okne, ktoré sa otvorí, vyhľadajte požadovaný spustiteľný súbor.
Je tu tiež schopnosť zaznamenávať makrá, ktoré som ešte nevytvoril, no logika ich práce je celkom jednoduchá. Najprv ho zaznamenáte výberom „Makrá“ – „Spustiť nahrávanie“ z ponuky editora a potom nahrané makrá vložíte na správne miesto v kóde výberom z ponuky editora alebo pomocou klávesových skratiek, ktoré sú im priradené.

Kódovanie a práca so súbormi v okne editora Notepad++

Je potrebné poznamenať, že tento editor kódu vám umožňuje ukladať a konvertovať HTML súbory, PHP a iné do kódovania UTF-8 (bez kusovníka). Viac ako raz mi pomohlo prekonať problém s ruským kódovaním pri práci s rôznymi stránkami.
Keď som chcel zmeniť akýkoľvek nápis na stránke na ruštinu, často som mal v dôsledku toho chyby, ktorých príčinou bolo kódovanie Windows-1251, v ktorom bol uložený zdrojový súbor.
Po konverzii pôvodného súboru na Kódovanie UTF-8 (bez kusovníka), krakozyabry úspešne transformované na bežné ruské symboly. To. ak pridáte azbuku do akýchkoľvek súborov motora, potom za to správne zobrazenie na stránke ho budete musieť buď okamžite uložiť v správnom kódovaní, alebo ho potom skonvertovať.
Pravdepodobne by to malo povedať pár slov práve o tomto kusovníku. Faktom je, že keď pracujete s rôznymi textovými objektmi v bežnom poznámkovom bloku Windows, potom keď ho uložíte v kódovaní UTF-8, pridajú sa neviditeľné znaky (BOM), ktoré môžu následne ovplyvniť výkon. daný súbor(napr. PHP môže spôsobiť chybu).
Ak chcete obsah vytlačiť otvorený súbor, potom sa kód nevytlačí vo forme, v akej ho pozorujete v okne programu. Ale výber z ponuky "Možnosti" - karta "Nastavenia". "Tuleň" budete môcť toto zmeniť a zvoliť možnosť vytlačiť zvýraznenie kódu farbou, povoliť zobrazenie čísiel riadkov, hlavičky a päty atď. veci:
Tento pokročilý textový editor má tiež schopnosť otvárať toľko nových dokumentov, koľko chcete, bez obáv z preplnenia panela úloh. operačný systém. V súlade s modernými prehliadačmi otvorí všetky nové dokumenty nie v novom okne programu, ale na novej karte už otvorené okno.
Navyše tieto záložky rôznych dokumentov v okne tohto poznámkového bloku je možné ľubovoľne presúvať myšou, zatvárať a minimalizovať.
V závislosti od vykonaných nastavení („Možnosti“ - „Nastavenia“) sa všetky karty otvorené pred zatvorením programu Poznámkový blok ++ obnovia pri ďalšom spustení programu (opäť podobne ako fungujú prehliadače). Nepotrebné môžete zavrieť dvojitým kliknutím na ne alebo ich umiestnením vertikálne.
Okrem bežných operácií s kartami je možné tento editor otvoriť v jednom okne naraz dve kópie toho istého dokumentu. To môže byť potrebné, ak potrebujete pracovať s dokumentom v jeho rôznych častiach (niekam si ho zobraziť alebo skopírovať a niekam prilepiť).
Na aktiváciu tohto režimu stačí kliknúť kliknite pravým tlačidlom myši myšou na požadovanú záložku PHP editora a z kontextového menu zvoľte "Duplikovať v inom okne".
Je veľmi výhodné, že po uložení zmien do jednej z kópií dokumentu sa aktualizuje aj druhá (t.j. nebudete sa mýliť - či ste zmeny uložili a v ktorej kópii).
Mne sa to tiež veľmi páči vstavané vyhľadávanie na otvorte Html alebo dokumenty PHP s možnosťou výmeny(niektorí ľudia na to aktívne používajú regulárne výrazy, ale ja ich na svoju hanbu nepoznám). Všetku bohatosť vyhľadávania v tomto pokročilom textovom editore môžete oceniť jednoduchým otvorením položky ponuky „Hľadať“. Pozrite si snímku obrazovky na začiatku článku.

Vo všeobecnosti tento textový editor prevzal veľa užitočných a pohodlných funkcií z funkčnosti iných aplikácií, čo si vyžaduje osobitný rešpekt voči jeho vývojárom a tým, ktorí preň vytvárajú doplnky, z ktorých niektoré sa teraz budú diskutovať.

Používanie doplnkov v programe Notepad++

Dovoľte mi pripomenúť, že na inštaláciu nového doplnku stačí vybrať „Pluginy“ z horného menu editora - „ správca doplnkov- "Zobraziť správcu doplnkov".

A v okne, ktoré sa otvorí, na prvej karte (z horného menu) začiarknite políčko pre požadovaný doplnok a kliknite na tlačidlo Inštalácia.

Potom sa okno editora znova načíta a nový doplnok bude k dispozícii na karte s rovnakým názvom. Vo všeobecnosti nie je všetko jednoduchšie.

Aké doplnky poznámkového bloku môžete potrebovať pri svojej práci

Doplnok poskytuje veľa ďalších a pohodlných pleťových vôd. TextFX, ktorý bude po inštalácii dostupný v rovnomennej položke horného menu v editore. Ak takúto položku ešte nemáte, prejdite na položku Pluginy - Správca doplnkov - Zobraziť správcu doplnkov, prejdite nadol v zozname na prvej karte a začiarknite políčko vedľa položky TextFX Character.

Po jeho inštalácii sa editor reštartuje a v ponuke s mnohými rozbaľovacími podpoložkami sa objaví nová položka TextFX. Napríklad aktivácia možnosti zobrazenej na obrázku vám môže výrazne uľahčiť život pri úprave alebo písaní Html kódu:

V tomto prípade, akonáhle zadáte otvárací Html tag v textovom editore Notepad ++, hneď sa vedľa neho objaví aj s ním spárovaný uzatvárací tag. Vzhľadom na výraznú úsporu času a výrazné zníženie pravdepodobnosti chýb v dôsledku neuzavretého štítku. Táto vec ma však štve a nepoužívam ju. To však ani v najmenšom neprosí jej dôstojnosť.

V TextFX je pomerne veľa pleťových vôd, tak si ich prácu vyskúšajte v praxi sami a rozhodnite sa, čo presne bude pre vás pohodlné a užitočné.

Pokračujúc v téme kariet v editore, stojí za zmienku o možnosti porovnanie dvoch dokumentov. Najprv bude potrebné nainštalovať tento plugin cez Správcu doplnkov:

Ak chcete aktivovať režim porovnávania dokumentov v programe Poznámkový blok ++, stačí vybrať "Doplnky" - "Porovnať" - "Porovnať" z horného menu alebo stlačiť Alt + D na klávesnici. V dôsledku toho sa v okne tohto poznámkového bloku otvorí aktuálne aktívna karta, ako aj karta umiestnená vedľa nej.

Pre pohodlie pri porovnávaní dvoch dokumentov Html alebo PHP vám editor Notepad++ zvýrazní rozdiely v nich. Ak chcete prejsť do normálneho režimu práce s dokumentmi, vyberte položky "Doplnky" - "Porovnať" - "Vymazať výsledky" v hornom menu alebo stlačte Ctrl + Alt + D na klávesnici.

Navyše, dva dokumenty v okne Notepad++ je možné prezerať vertikálne aj horizontálne. Ak chcete vybrať spôsob, ktorý je pre vás najpohodlnejší, kliknite pravým tlačidlom myši na miesto ich rezu a vyberte smer otáčania (doprava alebo doľava).

Mimochodom, ak ako ja používate hlavne Notepad++ na úpravu Html alebo PHP súborov na vašom webe, možno budete potrebovať možnosť pripojiť sa k nemu cez FTP priamo z tohto textový editor . Práca s FileZillou sa mi však páči viac podľa môjho vkusu, najmä preto, že sa mi z nej dokonca podarilo ukradnúť heslá.

Ak si chcete vyskúšať prácu cez FTP cez Poznámkový blok, vyberte z horného menu „Pluginy“ - „NppFTP“ - „Zobraziť okno NppFTP“, v dôsledku čoho sa napravo otvorí okno FTP klienta.

Ak chcete nastaviť pripojenie FTP, kliknite na ikonu ozubeného kolieska, vyberte položku „Nastavenie profilu“ a zadajte podrobnosti o pripojení. Ďalšia práca sa príliš nelíši od toho, čo som napísal v článku o FileZilla that lives .

Ak si nainštalujete doplnok Customize Toolbar pomocou Správcu doplnkov, budete môcť zamiešať, odstrániť alebo pridať nové tlačidlá na paneli nástrojov tento program.
Na začiatku článku som spomínal Light Explorer, ktorý pridáva možnosť otvárania v ľavom stĺpci Správca súborov. Na rovnaký účel však môžete použiť Prieskumníka, ktorý nájdete v správcovi doplnkov.
Skvelý plugin WebEdit, ktorý umožňuje, analogicky s HTML editorom WordPress, orámovať text najobľúbenejšími značkami pre nadpisy, zoznamy, tabuľky a iné. Vyberte požadovaný fragment a kliknite na jedno z tlačidiel na paneli s nástrojmi Notepad++.
ImgTags - umožňuje vám už vopred predpísané horizontálne a vertikálne veľkosti (sám si ich vypočítava, čo je veľmi cool), pripravené atribúty ALT a SRC (budete musieť pridať aj cestu k priečinku s obrázkami na vašom serveri).

Skontrolujte okno pravopisu v programe Poznámkový blok ++ pomocou doplnkov

Spojiť Kontroly ruskej gramatiky Editor Notepad ++ používa doplnok Shell-Checker (z položky ponuky „Pluginy“), pre ktorý si budete musieť stiahnuť slovník ruského jazyka z tejto stránky a keď aktivujete tento doplnok na kontrolu pravopisu, zadajte cestu na svojom počítača do súboru slovníka.

Existujú podrobnosti o inštalácii. Najprv budete potrebovať Stiahnuť ▼Úplný inštalačný program a potom súbor s ruským slovníkom aspell-ru-0.50-2-3.exe. Najprv nainštalujte úplný inštalátor, v sprievodcovi ktorého som osobne nezmenil predvolenú cestu (c:\Program Files (x86)\Aspell\).

Potom nainštalujte jazykový balík, kde najprv musíte v okne DOS zadať písmeno „y“ a stlačiť Enter na klávesnici (aj keď som to mohol byť len ja, pretože GNU Aspell som už nainštaloval na počítač predtým):

Potom sa spustí štandardný sprievodca inštaláciou ruského slovníka, kde som opäť nezmenil predvolenú cestu. Všetky.

Teraz reštartujte Notepad ++ a buď vyberte z ponuky položky zobrazené tesne vyššie, alebo podržte na klávesnici neskutočnú kombináciu CTRL + ALT + SHIFT + S. V okne, ktoré sa otvorí, budete musieť zadať cestu k adresáru BIN z priečinka Aspell:

Ak ste pri inštalácii GNU Aspell a ruského slovníka nezmenili cestu, budete musieť vložiť sem:

C:\Program Files (x86)\Aspell\bin\

No, alebo niečo podobné, v závislosti od vášho operačného systému. To je všetko, teraz vyberte text, v ktorom chcete skontrolovať pravopis a stlačte CTRL + ALT + SHIFT + S (túto kombináciu môžete zmeniť v nastaveniach klávesových skratiek - viď vyššie). Zobrazí sa okno, kde sa zobrazí prvá nájdená chyba:

Môžete to ignorovať, alebo si vybrať vhodnú náhradu z ponúkaných možností. V spodnej časti môžete zmeniť jazyk kontroly, ak máte nainštalovaných niekoľko jazykových modulov GNU Aspell. To je všetko.

DSpellCheck- veľmi pohodlné riešenie na spôsob predchádzajúceho pluginu, pretože tiež používa GNU Aspell a jeho ruský slovník, ale už robí kontrolu pravopisu za behu, rovnako ako vo všetkých moderných prehliadačoch. Prejdite do správcu doplnkov a nainštalujte ho.

Kontrola gramatiky sa v predvolenom nastavení okamžite zapne (je deaktivovaná zrušením začiarknutia políčka zobrazeného na snímke obrazovky), ale modul bude pripojený iba k anglický jazyk, tak prejdeme do nastavení DSpellCheck a vykonáme zmeny.

Z rozbaľovacieho zoznamu vyberte Aspell (ak ste ho ešte nenainštalovali, posuňte sa v tomto článku trochu nahor a stiahnite si modul spolu s balíkom ruského jazyka, aby ste si ich nainštalovali do svojho operačného systému) a nižšie zadajte cestu do súboru aspell-15.dll. O niečo nižšie vyberte jazyk pripojeného slovníka, ak ste ich nainštalovali niekoľko, a kliknite na Použiť.

Teraz budú všetky nájdené chyby podčiarknuté červenou vlnovkou (farba sa dá zmeniť v nastaveniach) a po prejdení kurzorom myši sa zobrazí šípka, na ktorú si môžete vybrať správny pravopis tohto slova alebo ho pridajte do slovníka alebo do zoznamu ignorovaných.

Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

Možno vás bude zaujímať

Ako odstrániť prázdne riadky v programe Poznámkový blok ++ Ako izolovať domény zo zoznamu adries URL a odstrániť ich opakovania pomocou programu Poznámkový blok ++ (príprava zoznamu pre odkazy, od ktorých sa dištancujete) Ako vyhľadávať podľa obsahu súboru v Total Commander
FileZilla - kde stiahnuť zadarmo a ako sa naučiť používať populárne FTP klient Filezilla
PhpMyAdmin - čo to je, kde si ho môžem stiahnuť, ako nainštalovať, nakonfigurovať a používať
Artisteer - program na vytváranie a úpravu šablón pre témy Joomla a WordPress
Punto Switcher - bezplatný prepínač rozloženia klávesnice a ďalšie funkcie programu Punto Switcher

Takmer každý používateľ internetu niekedy premýšľal o vytvorení vlastnej webovej stránky, no nie každý má čas a schopnosti zvládnuť aspoň základy programovania a vzhľadu webu. Vo väčšine prípadov však nie je potrebné vyvíjať zložité programovateľné prvky a môžete vytvoriť krásnu a funkčnú stránku pomocou vizuálneho editora stránok alebo WYSIWYG editora.

Takéto programy, napriek relatívnej jednoduchosti použitia, majú ďaleko od amatérskych vývojových nástrojov, ale ich vlastnosť spočíva práve v schopnosti používateľa pracovať s akoukoľvek úrovňou skúseností.

WYSIWYG je skratka anglických slov What You See Is What You Get, čo sa prekladá ako „to, čo vidíš, to dostaneš“. To znamená, že hovoríme o vývojovom prostredí, v ktorom používateľ pri práci okamžite vidí približný výsledok svojho úsilia. V Runete sa najčastejšie používa ruskojazyčný analóg uvedenej skratky a programy tohto typu sa nazývajú vizuálne editory. Pomocou takýchto aplikácií môžete vytvárať kód v rôznych programovacích jazykoch a jazykoch rozloženia - HTML, CSS, PHP atď.

Najpopulárnejším WYSIWYG editorom pre HTML a ďalšie jazyky vývoja webu je Adobe Dreamveawer. Má skutočne užívateľsky prívetivé rozhranie, veľké množstvo dostupných nástrojov, podporu súčasných technológií a integráciu s ďalšími aplikáciami Creative Suite. Veľkým plusom Adobe Dreamveawer je dostupnosť podrobnej profesionálnej dokumentácie, ako aj množstvo bezplatných lekcií práce s programom, ktoré možno nájsť na internete. Okrem toho dokáže spolupracovať s bežnými CMS engine ako Joomla, WordPress a Drupal. Aktuálna verzia je CS6.

Ďalším populárnym vizuálnym editorom je WYSIWYG Web Builder, ktorý bol nedávno aktualizovaný na verziu 9. Ide o výkonné riešenie, ktoré vám umožní vytvárať vysokokvalitné webové stránky bez akýchkoľvek zručností v oblasti rozloženia a programovania webu. Program umožňuje vytvárať jednoduché vizitkové stránky alebo viacstránkové zdroje so zložitými skriptami a vkladaním interaktívnych prvkov. Súprava sa dodáva s niekoľkými rôznymi šablónami a počas tohto procesu môžete pridať nové. AT Najnovšia verzia WYSIWYG Web Builder má teraz rozhranie s páskou, nové možnosti CSS3 a viac ako sto ďalších vylepšení.

Okrem komerčných riešení existujú aj dobré open-source riešenia. Napríklad bezplatný vizuálny editor BlueGriffon, vytvorený na engine Gecko, na ktorom beží aj svetoznámy Prehliadač Mozilla Firefox.

Ide o moderné a spoľahlivé riešenie na úpravu webových stránok a vytváranie stránok, ktoré spĺňajú najnovšie webové štandardy. BlueGriffon je viacjazyčný vizuál HTML editor, PHP, CSS a ďalšie jazyky na vývoj webových aplikácií, ktorý má intuitívne, užívateľsky prívetivé rozhranie a dokument v ňom upravený bude vyzerať úplne rovnako ako v prehliadači Firefox.

WYSIWYG editor je naozaj šikovný nástroj na úpravu webových stránok a tvorbu plnohodnotných webových stránok rôzne úrovneťažkosti. Vďaka tomu môže používateľ vytvárať atraktívne webové stránky bez potreby rozsiahlych technických znalostí.

PHP je skvelý jazyk na vytváranie webových stránok. V súčasnosti ho podporuje väčšina hostiteľov a je popredným programovacím jazykom na vytváranie dynamických webových stránok. Za začiatok tvorby PHP sa považuje rok 1994, kedy Rasmus Lerdorf vytvoril jednoduchú sadu skriptov na spracovanie HTML dokumentov... Možno preto, že v čase vzniku bol PHP handler napísaný v C, syntaxe jazykov sú veľmi podobné...

1 miesto. phpstorm

PhpStorm je multiplatformové vývojové prostredie PHP. Program je multifunkčný a inteligentný editor pre PHP, HTML a JavaScript. Program má veľa funkcií, z ktorých by som chcel poznamenať možnosť analýzy a kódovania za behu, funkcia prevencie chýb poskytuje neprekonateľný výkon.

2. miesto. Vznešený text

Jednoduchý, bezplatný a praktický editor pre rôzne kódy. Z plusov si nemožno nevšimnúť príjemné rozhranie, jednoduchú správu a flexibilnú konfiguráciu. Nesporným plusom je aj to, že tento editor je multiplatformový. Veľmi sa mi páčila funkcia viacnásobného výberu a úprav, iné editory túto funkciu nemajú. Funguje to takto: podržíte Ctrl a po označení riadkov textu sa súčasne upravujú. Aj v tomto editore je funkcia klávesových skratiek pre akúkoľvek akciu. Pluginov zatiaľ nie je veľa.

3. miesto. Komodo IDE

Komodo je profesionálne IDE pre hlavné webové programovacie jazyky vrátane Python, PHP, Ruby, Perl, HTML, CSS a JavaScript. Tento editor si užijete a budete sa vyvíjať rýchlejšie pomocou celej sady nástrojov. Medzi kľúčové funkcie patrí skladanie kódu, úprava vo viacerých oknách, inteligentná kontrola syntaxe, zvýrazňovanie, výkonné úryvky a praktické makrá nástrojov a ďalšie funkcie zvyšujúce produktivitu. Elegantné rozhranie uvoľňuje priestor a dáva priestor pre kreativitu.

4. miesto. Expression Studio

Toto nie je len aplikácia, je to celý softvérový balík vyvinutý spoločnosťou Microsoft. Tento balík obsahuje: vizuálny editor, nástroje na návrh rozhrania, grafický dizajn a mnoho ďalších nástrojov.

5. miesto. PhpED

Program má veľa nástrojov, ktoré sú veľmi užitočné pri vývoji v PHP aj v iných jazykoch, ktoré editor podporuje. Vstavaný webový server sa používa na ladenie webových aplikácií. Zo začiatku možno strávite veľa času a úsilia, ale stojí to za to. Tiež mínus programu je, že neexistuje žiadna distribučná súprava pre MAC a Linux.

6. miesto. PHPEdit

V arzenáli tohto editora je nielen zvýraznenie syntaxe, ale aj funkcia automatické plnenie, kontroly kódu, je tu aj zabudovaný debugger. Nie je dobré, že ešte neexistujú učebnice ruského jazyka, ale nebudete mať dosť vodcovstva. Neexistujú ani distribúcie pre MAC a Linux.

7. miesto. dreamweaver

Pri používaní tohto programu si môžete súčasne prezerať dizajn a kód stránky, využívajú sa aj nápovedy a automatické dopĺňanie. Vyhľadávanie a nahrádzanie znakov je pohodlne organizované. Na oficiálnej stránke programu nájdete veľa komerčných aj nekomerčných pluginov pre tento program.

8. miesto. phpDesigner

Tento editor kódu je špeciálne navrhnutý pre PHP, samozrejme, môžete s ním vytvárať a upravovať projekty v iných jazykoch, ale bude to neúčinné. Z nedostatkov je okamžite zrejmá neexistencia multiplatformnosti, tento editor je dostupný iba pre Windows. Na rozdiel od iných editorov v ňom nemôžete meniť veľkosť písma (ktovie, možno máte zlý zrak, ale väčšina programátorov ho má). Programu tiež chýba pohodlný vertikálny výber. Ale napriek všetkým nedostatkom má phpDesigner najlepšie zvýrazňovanie kódu, je veľmi dobre organizovaný, vo všeobecnosti vyskúšajte a zistite.

9. miesto. PHP Studio 2010

Samotný editor je vývojovým prostredím pre PHP. Umožňuje vám rýchlejšie kódovať pomocou veľkého množstva funkcií, ako je vstavaný server, webový prehliadač a ďalšie. Ako väčšina editorov existuje kontrola syntaxe, podpora rôzne kódovania, podpora viacerých vývojových jazykov.

10. miesto. RadPHP

RadPHP je zameraný na tých, ktorí nemajú veľa skúseností s kódovaním. Z výhod si nemožno všimnúť zvýraznenie syntaxe, prítomnosť vstavaného prehliadača a ladiaceho nástroja, schopnosť vytvárať body prerušenia, jednoduchosť použitia je okamžite viditeľná. Technická podpora je organizovaná na najvyššej úrovni. Z nedostatkov sa okamžite ponáhľa, že neexistujú žiadne distribúcie pre MAC a Linux.