Tanítás, webfejlesztés, programozás, informatika, rock zene

Default book

5.08 Pozicionálás, méretezés

Pozicionálás

A weboldalakon a különböző elemek elhelyezkedése alapértelmezetten a <body> részben lévő elemek sorrendjétől függ olyan módon, hogy az oldalon hátrébb lévő elemek a képernyőn megjelenéskor is hátrébb vagy jobbra kerülnek. Ezt a beállítást a position: tulajdonság static kulcsszavával lehet elérni. alapértelmezetten egy szülő objektumban a leszármazott objektum a bal oldalon legfelül kezdődik.

Ha a szülő objektumhoz képest el szeretnénk tolni egy leszármazott objektum helyét, akkor sz slábbi beállítást kell használni:

Default book

5.06 Szövegformázás - fontok

Betűtípusok (font)

  • font-family:   
    • Talp nélküli: Arial, Helvetica, Sans-serif, Verdana
    • Serif (talpas): Times, Times New Roman, serif
    • Cursive (kézzel írott):
    • Fantasy (dekorációs célú)
    • Monospace (rögzített szélesség): Ez így egy monospace
  • font-style: normal, italic, oblique (?)
  • font-size: betűméret - 12px-16px
  • font-weight: (betűk vastagsága) lighter (200), normal (400), bold (700), bolder         
  • fo
Default book

1990. Érd

1989 Karácsonya előtt megszületett Dani és én mialatt Adi bent volt a kórházban izgatottan lestem, hogy mi történik Romániában. Romániában lőttek és egyébként élőben mutatták, amikor a Caucescu házaspárt kivégezték és vége lett a rezsimnek. Persze lett egy másik rezsim...

Default book

5.03 Öröklődés - precedencia

HTML oldal TAG-ek leírása gráffal

A HTML oldalakban lévő információ egy fa jellegű gráffal írható le, amelyben minden egyes TAG a gráfnak egy csomópontja. A fa gyökere a HTML oldal esetén a HTML TAG, és a többi TAG ennek a közvetlen vagy közvetett leszármazottja. Valahogy így:

Default book

5.05 Dobozmodell

.parent{ border: 1px dotted grey; border-collapse: collapse; } .child{ border: 10px grey solid; } tr, td{ border:0; }

Mint korábban írtam vannak olyan HTML elemek, amelyek a képernyőn dobozként, azaz téglalap alakú területen helyezkednek el és vannak olyanok, amelyek úgynevezett inline, azaz soron belüli elemek. A <div>, és a <span> tageknek az égvilágon semmilyen default tulajdonsága nincsen azon kívül, hogy a <div> a dobozmodell alá tartozik, míg a <span> egy inline tag.

Default book

5.04 Mértékegységek

A CSS mértékegységek egyrészt a grafikából jöttek, másrészt a képernyők világából.

Default book

7.06. jQuery UI - pluginok használata

  • jQuery User Interface
  • pluginok

7.04. JSON adatstruktúra

Az alábbi oldalon előkészítjük az AJAX hívásokkal kapcsolatos fogalmakat.

Tömbök

A javascriptben használhatunk tömböket, amelyekkel hasonló műveleteket lehet végezni:

Default book

7.05. Űrlapok kezelése

Validáció

Számított mezők

 

Default book

7.02. Események kezelése

A javascript események olyan változások, amelyek a weboldalon történnek. Ilyenek lehetnek

  • A weboldal betöltődése
  • Egér műveletek
    • Kattintás egy elemen (click)
    • Az egeret egy elem fölé visszük (hover)
    • Dupla kattintás az egérrel
    • Jobb vagy bal egérgombbal kattintunk
  • Billentyűzeten végzett műveletek
    • Egy input tag értéke változik

Az esemény bekövetkeztében valamilyen folyamatot elindítunk

more