HTML-szerkesztők összehasonlítása

Korábban már írtam arról, hogy hogyan lehet minél profibb honlapot csinálni magunknak. Ehhez azonban valamivel többre van szükségünk, mint a jegyzettömb. Felmerülhet a kérdés, hogy a sok opció közül melyiket használjuk. Ez nagyrészt szubjektív, majd a bejegyzés végén leírom saját preferenciáimat. Előszöris felsorolom a leggyakoribb html-szerkesztőket és megpróbálom leírni szerintem melyek jó és rossz tulajdonságaik.

Notepad++

  • Bemutatás: Egyszerűen használható szövegszerkesztő, fájlainkat megtekinteni külön böngészőben kell.
  • Pro: Egyszerre több dokumentumot lehet benne szerkeszteni, és nem csak HTML-t, hanem CSS-t Javascriptet, PHP-t, ASP-t, SQL-t és még rengeteg más fájlt ismer. A szintaxist színezi így könnyebben áttekinthető a fájl struktúrája. Code Foldingol, azaz ha a fájl egy része szerkesztés közben nem érdekel minket akkor szimplán összecsukjuk azt a részt. Van továbbá egy rakat hasznos/haszonnalkevésbérendelkező funkciója, amikkel könnyíthetjük a szerkesztést. Fontos még, hogy magyarul is elérhető az angolul gyengénlátók számára.
  • Kontra: Rossz tulajdonsága csak annyi, hogy alapbeállításoknál a betűtípusokkal variál. Hiányzik belőle a beépített FTP-kliens.
  • Egyebek: Hivatalos honlap, Wikipedia cikk, Download.com értékelések

Crimson Editor

  • Bemutatás: Egy régebbi szerkesztőprogram, amivel szintén könnyen szerkeszthetünk nem csak HTML fájlokat
  • Pro: Egyszerre több dokumentum kezelése, beépített FTP, sok fájltípus ismerete, egyszerű kezeelhetőség, gyors, és könnyen konvertálja a karakterkódolásokat
  • Kontra: Csak angolul, nicht code folding, néha hiányos szintaxisismeret
  • Egyebek: Hivatalos honlap, Wikipedia cikk, Download.com értékelések

HTML-kit

  • Bemutatás: Egy könnyen használható program, amelyte kifejezetten honlapok készítésére fejlesztettek ki. Belső információim szerint profik is használják.
  • Pro: Könnyen használható, egyszerre több dokumentum, egy fájlon belül különböző formátumok ismerete (html-be ágyazott css, javascript, php, …), sok egyéb fájltípus ismerete, sok plugin, html-kód szépítése, szabványkompatibilitás ellenőrzése beépített IE előnézet. Interaktív kódzserkesztés. Utóbbi azt jelenti, hogy értelmezi is a beírt HTML-kódot és javaslatokat tesz azzal kapcsolatban, pl. linkeknél, hogy mire linkel, hogy nyílik meg stb.
  • Kontra: Néha belassul, karakterkódolásokkal nincs jóban
  • Egyebek: Hivatalos honlap, Wikipedia cikk, Download.com értékelések

Adobe Dreamweaver

  • Bemutatás: A jól ismert Adobe-nak a honlapkészítő szoftvere, amely a többi Adobe-szoftverrel (Photoshop, …) együtt jól használható.
  • Pro: WYSIWYG, Kód szerkesztése, a HTML-kitnél már említett interaktív szerkesztő. Rengeteg hasznos beilleszthető sablon — akár WYSIWYG módban, vagy sablonokból válogathatsz egy új projekt indításánál is. A beírt kódnak ellenőrzi a szabványosságát. CSS ismerete kifejezetten jó.
  • Kontra: Ritkán, de a beírt kódot rosszul kezeli, szabványellenőrzésnél nem részletezi a hibákat. És persze az ára.
  • Egyebek: Hivatalos honlap, Wikipedia cikk, Download.com értékelések

NVu, Seamonkey Composer, Mozilla (Suite) Composer

  • Bemutatás: Bár a három szoftver különböző nagyjából ugyanazt tudják megjelenésben, funkciókba, pro és kontra.
  • Pro: Kezdőknek jól jöhet a könnyen használható WYSIWYG. Az NVu-nak a CSS ismerete azonban majdnem olyan jó mint a Dreamweaveré.
  • Kontra: Direkt kódszerkesztő képességük vetekszik a windowsos jegyzettömbével. WYSIWYG módban vigyázni kell a stílusok használatával, nem feltétlenül a CSS-t preferálják. Bár az NVu ebben is jobb.
  • Egyebek: Nvu, Seamonkey, Mozilla honlapok.

Microsoft FrontPage

  • Bemutatás: Régebben az Office-al együtt lehetett kapni ezt a HTML-szerkesztőt. Kezdők kedvelték. Mára már elavult.
  • Pro: Könnyen használható.
  • Kontra: Szabványkompatibilitás, CSS hiánya, dinamikus honlapok csak szerveroldali frontpage-kiterjesztésekkel működnek.
  • Egyebek: Ma már nem ez a Microsoft hivatalos html-szerkesztője. Hivatalos honlap.

Személyes preferenciám

Jómagam a Notepad++t, a Crimson Editort, HTML-Kit-et és Microsoft Visual Studio-t használok. Utóbbit különböző indokok miatt most nem részletezem ebben a posztban. Azt hogy az előbbiek közül melyiket használom az dönti el, hogy éppen mit kell csinálni. Minden programnak van erőssége és gyengéje. CSS-t például Crimsonban, vagy N++ban szerkesztek HTML-t a másik kettőben. Javascript/PHP változó. Ezt tapasztaljátok ki ti.

2 Comments

  1. Szia!

    Én ajánlanék még egy opciót, személy szerint a PSPad nevű progit használom.
    A csoportosításodat használva a tulajdonságai:

    PSPad
    Bemutatás: Freeware szövegszerkesztő, amely rengeteg programnyelvet ismer.
    Pro: Rengeteg formátum: html,php, css, c++, java, javascript, object pascal, perl, stb. Relatíve kis méretű program, beépített html tidy, magyar nyelven is tud. Projektek kezelése, FTP kliens, kedvencek. Bezáráskor megjegyzi a megnyitott fájlokat, akkor is, ha nincs projektbe mentve. Bővítmények kezelése.
    Kontra: Ha egyszerre sok fájl van nyitva (30+), és hosszabb sorok vannak, néha előfordulnak megjelenítési problémák.
    Honlap:http://www.pspad.com

  2. Amúgy az almablogról jutottam ide, kb egyezik a véleményünk a témában, de látva a blogodat, már értem miért 🙂

Leave a Reply to Ramod Cancel reply

Your email address will not be published. Required fields are marked *