Így neveld a blogodat

Probléma Egy kép többet mond ezer szónál. De mi van, ha elég egy ikon? Melyik figyelemfelkeltőbb: "Kattints ide, ha lájkolnál!", vagy ? Rengeteg ingyen elérhető ikon-készlet létezik, ezek között sok csak az alapokat adja ingyen, a kiegészítő karakterek fizetősek. Hobbi bloggereknek ez nem pálya, komoly cégeknek lehet ilyenre szüksége. A legnépszerűbb választások a különféle nagy CSS keretrendszerek részei, amikről egyelőre nem beszélünk, elő fognak még kerülni. A lényeg egyelőre, hogy elérhetőek külön, de más, webdizájnt segítő csomagokkal együtt is. Ez gyakran meghatározza, melyik készletet használjuk, mivel általában az illeszkedik legjobban a stílusba, amit eleve kapunk. Ha nincs keretrendszer, nem gond, kiválasztjuk az egyiket, valahogy elérjük az ikonokat, és már használhatjuk is. Az én kedvenc választásom a Font Awesome csomag, ami az egyik legnagyobb, teljesen ingyenesen elérhető ikon-készlet. Hatalmas bázissal bír még a Bootstrap Glyphicon , de a nagyja fizető

Bár a cím nagyon technikainak hangzik, semmi elérhetetlen nem lesz ebben a rövid cikkben. Cserébe viszont úgy érezhetjük magunkat, mint egy igazi webdesigner, mert pár olyan alaptrükköt nézünk meg, amit a profik is nap mint nap használnak. DOM Az első a DOM-vizsgálat , ami lényegében a HTML kód böngészését jelenti. A DOM a Document Object Model rövidítése, és az oldalt felépítő elemek elrendezését tartalmazza. A DOM-ra úgy szokás tekinteni, mint egyfajta HTML-elemeket tartalmazó családfára. Az egymásba ágyazott elemek esetén a külső entitás a szülőobjektum , a belső pedig a gyermek . Természetesen a gyerekelemeknek is lehet gyerekük, ami a legkülsőnek így az unokája lesz, ami így rendelkezni fog egy nagyszülővel is, és így tovább. Ha egy szülőnek két gyereke is van, azok egymás testvérei . Unokatestvért nem szoktak megkülönböztetni, ahogy nagybácsit/nagynénit sem (a HTML-objektumoknak nincs nemük, nehéz is lenne). Nem csak a szakzsargonban használják a DOM-fa kifejezést, a DOM-

Ahogy az előző alapozásban mondtam, az első cikk a HTML-ről fog szólni. Ehhez elhagyjuk a Bloggert, de előbb még nézzünk körül a Sablon menüben, és menjünk a HTML-kód szerkesztése pontra. Megnyílik a HTML-szerkesztő, és mindenhol színes kódok sorakoznak. (Ez az említett szintaxis kiemelés. Na, ezt veszítjük el most egy időre.) Nem kell belenyúlni semmibe, csak nézzük. Szokjunk hozzá, hogy kis gyakorlással mi is ilyeneket fogunk készíteni. Érezzük át a feladat súlyát, görgessünk a kód végére, nézzük meg a sorszámot, majd egy hirtelen mozdulattal zárjuk be az oldalt. Az Első lépések Nyissunk meg egy Jegyzettömböt, és kezdjünk neki az első HTML-weboldalunknak. Először mentsük el a semmit, méghozzá UTF-8 karakterkódolással (ez fontos! nélküle az ékezetes karakterek helyett mindenféle rondaság jelenne meg). Tegyük a kedvenc mappánkba, vagy akár az Asztalra, szóval ahol tárolni szeretnénk. Én javaslok egy külön mappát a HTML-kódoknak, hogy egy helyen tartsuk őket. A fájl neve lehe