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.

Hordozható programok

Nektek is elő szoktak jönni szuicid hajlamaitok amikor számtech órán vagy úgy általában egy idegen számítógépen kell dolgoznotok és nincsenek rajta telepítve olyan programok, amelyek az oprendszer programjaival ellentétben jól használhatóak?

Mondok egy példát ami velem/velünk szokott történni iskolában.

  1. Számtech óra
  2. Éljen! [Nem kell rá tanulni egy bitet se.]
  3. Gép bebootol
  4. Wordöt elindítjuk, mert a dőltbetűzést/tabulátorozást gyakorolni kell
  5. Wordözés kész
  6. Lehet netezni, Böngésző bekapcs.
  7. Böngésző?! Azokra a gépekre mi van telepítve? IE. Hatos verzió.
  8. Firefoxot nem lehet telepíteni, mert ECDL van/volt/lesz és nem mindegy, hogy IE6 vagy Fx
  9. Végülis túlélhető, indexet ugyanúgy megjeleníti. De legalább hetes verzió lenne, hogy maradjon hely a tálcán…

De példának felhozhattam volna a jegyzettömböt is.

Lényege a problémának, hogy ha nem otthon vagy, akkor a szakócával is kell beérned. Mert telepíteni nem biztos, hogy lehet/szabad/vanráidő.

Van azonban egy találmány, ami áthidalja ezt a problémát. [Dobpergés.] Portable Apps. Hordozható programok.
Röviden a lényegük ez: rátelepíted a pendrájvondra/úesbékulcsodra és szinte bármely [Windowsos] számítógépen működik.

Tehát telepíthetsz Firefoxot, Thunderbirdöt, NotepadPlusPlus-t és még sok mást az usb-kulcsodra és bárhol használhatod őket.

Egy kérdés felmerülhet: nem fog rámszólni a rendszergazda, hogy miért telepítek programokat miközben aztat nem kéne? De. Csak bájosan visszamosolyogsz és aszondod, hogy nem telepítettél te semmit [a számítógépre]; az egész erről fut itt — és a számítógépből kiálló pendrive-ra mutatsz.

Hogyan működik?
A programot letöltöd a PortableAppsról, installálod [a pendrive-odra természetesen] és kész.

Belső mechanizmus?
A programokat (pl. Firefox) indítás előtt az indítóprogram bekonfigurálja, hogy a helyi számítógépen adatokat ne tároljon és meglévőket se módosítson aztán normál módban elindítja. Továbbá az adott program konfigurációja (gyorsítótár, megjelenés, stb.) is hordozható eszközökre van optimalizálva.

Mostantól tehát nem kell alapprogramokkal vesződnöd elég egy akármilyen USB-kulcs — az enyém 128 megás és neonzöld — és máris használhatsz egy csomó hasznos programot. Én a következőket használom:

  • Mozilla Firefox — böngészőnek és FTP-kliensnek a FireFTP kiegészítővel (mivel suligépeken nincs [engedélyezve a] Total Commander)
  • Notepad++ — fájlszerkesztőnek. Nemrég írtam, hogy nem használom. Hát ez a portable apps felfedezéséig volt igaz.
  • 7-Zip — Egyszerű fájlkezelő és fájltömörítő
  • Továbbá használnám még a Mozilla Thunderbirdöt, ha több hely lenne a hordozható eszközömön

Letölteni a programokat nem a programok gyártóinak honlapjáról kell, hanem a már belinkelt PortableApps.com-ról. Az összes hordozható program itt tekinthető meg.

Ne csak használd a Firefoxod

Bevezetőnek röviden annyit, hogy én magam normál netezésre Firefox böngészőt használok, és ezt is ajánlom mindenkinek. IE-t és Operát csak akkor használok ha valamilyen webfejlsztésemet tesztelnem kell. Leírom, hogy miért.

Régebben az volt az explorerrel szemben a más böngészők aduásza, hogy többlapos böngészés. Mostanra már megjelent az Internet Explorer 7 mi ezt szintén tudja.

A firefoxnak azonban van még egy tulajdonsága amit nagyon szeretek. Rengeteg kiegészítőt lehet hozzá letölteni. Tudom, a Maxthonhoz, az Operához, sőt a hetes internet explorerhez is lehet letölteni kiegészítőket, de közel sem annyit és olyan hasznosakat. Sokan nem használják őket, mert böngészni így is tudnak. Persze lehet kiegészítők nélkül is, én is sokáig ezt tettem. De kiegészítőkkel jobb. Olyan, mint nagyképernyőn tévézni. Nem kötelező, de jobb.

Continue reading “Ne csak használd a Firefoxod”

Hogyan csináljunk profi (kinézetű) honlapot magunknak

Manapság sokan vetemednek arra, hogy honlapot csináljanak maguknak — köztük én is. Ezen a honlapon megadhatunk magunkról infókat, feltehetjük az önéletrajzunkat, megoszthatjuk a világgal a gondolatainkat, képeket is feltölthetünk, a lehetőségek száma végtelen.

Azonban sokszor ezekkel a honlapokkal az a baj, hogy igénytelenek. Vagy ha nem is igénytelenek, de nehezen használhatók, háttérképnek a papagájukat rakják be, vagy a portréjukat, és akkor a szöveg olvashatatlan. És ha erre rámutatunk a honlap tulajdonosánál, akkor asszondja, hogy nem talált olyan betűszínt ami jól látszik. Vagy olvashatatlanul kicsik a betűk. Rengeteg baj lehet a honlapokkal, de mindegyik problémának ugyanaz a gyökere: nem ért hozzá a tulaj.

Igazából, azt kell elérni, hogy profinak tűnjön a honlap.

Continue reading “Hogyan csináljunk profi (kinézetű) honlapot magunknak”

RSS: Mi az? Mire jó? Hogyan használjuk?

Valószínűleg sokan láttátok már ezt a képet: RSS Sőt, bizonyára sokan tudjátok, hogy azt jelenti — RSS.

Innentől viszont bonyolódik a dolog: mire jó pontosan, és hogyan jó pontosan? Ezek a kérdések merülhetnek fel egy egyszerű földi halandónál. Egy bonyolultabb ember aki jobban ért az informatikai hülyeségekhez, többet netezik, az azt is tudja, hogy mi az. Megpróbálom én is nagyon tömören összefoglalni.

Continue reading “RSS: Mi az? Mire jó? Hogyan használjuk?”

VW Reklám

Alaptanterv szerint nem ilyen bejegyzésekkel fárasztanám a t. olvasókat, de ez jó.

Dustin Hoffman egy 60-as–70-es évekbeli Volkswagen reklámban szerepel. A legjobb az a végén a poén: It’s got a trunk up front, where most cars have there motors, and back, where most cars have a trunk, we have a
Elöl ahol a legtöbb autónak a motorja van, ennek egy csomagtartója. És hátul ahol a legtöbb autónak csomagtartója van

/* */

Megnéztem a videót

Legújabb programom

Mivel a blog arra való hogy írjunk bele és pont ráérek ezért publikálom a legújabb programomnak a fontosabb adatait.

Screen Photographernek neveztem el. Ez annyit tesz mint Képernyő-fényképész, csak angolul nem hangzik ilyen hülyén. Az okosabbak ennyiből már kitalálhatják, hogy screenshotokat lehet vele csinálni — fényképeket a számítógép monitorjáról. Ja és még fontos szempont amikor rákerestem a google-ön arra hogy screen photographer semmilyen létező programot nem hozott fel, legalábbis én nem találtam. Magyarul a név kreatív, eddig nem alkalmazták.

Continue reading “Legújabb programom”

Az első post

Üdvözöllek ezáltal a post (hogy mondják ezt magyarul, szépirodalmilag helyesen? publikáció? cikk?) által a blogomon. Itt fogom majd publikálni az általam arra érdemesnek talált dolgokat, mint például tippek programozással kapcsolatban, hírek, látnivalók a neten.

A baloldalon lévő linkeket (pl. egyéb oldalak) se felejtsd el megnézni.

Ez a honlapomnak is az első működőképes része. Már többen is számon kértétek rajtam hogy a honlapommal mi van. Hát az a helyzet, hogy egy egész honlap fenntartása bonyolult nekem így hogy június elejéig-közepéig tanulni is kellett a suliban. Most hogy nyári szünet van nekem is több az időm.

A honlapom elképzelésem szerint a következő struktúrában fog működni innentől: a főoldalon lesznek linkek a különböző projektekre. Egy ilyen projekt ez a blog is. Hogy ennek mik leszenek a várható pro-kontrái?

  • Függetlenebbek lesznek a honlapom részei így nem kell párhuzamosan fejlesztenem féltucat cuccot, ami számomra lényegesen könnyebbé teszi a webfejlesztést.
  • Ennek következménye lesz, hogy a projektek (pl. jelenleg tervezek még egy böngészőből használható chatprogramot) nem fogják szorosan összetartani a honlapot.
  • Az összetartással majd valószínűleg csak akkor foglalkozom ha már nagyobb lesz a honlap és többet kell adnom a megjelenésre.