Információk
Órák anyaga
  1. óra
  2. óra
  3. óra
  4. óra
  5. óra
  6. óra
  7. óra
  8. óra
  9. óra
 10. óra
 11. óra
 12. óra
 13. óra
 14. óra
 15. óra
 16. óra
Házi feladatok
Linkek

3. Óra (Március 4.)

Képek méretezése és átlátszó képek. Képgaléria készítése.

Képtár készítése:

• A nagy képeinkbõl elõször is kisebb képeket kell készíteni és azokat feltölteni egy oldalra. Így rövidebb lesz a letöltés ideje, és a felhasználó megteheti, hogy csak azt a képet tölti le teljes méretében, amire kíváncsi.
• A kis képek elkészítéséhez szükség van egy képszerkesztõ programra, mert a html kódban nem lehet képeket kicsinyíteni csak látszólag (az img tag width és height paramétereit tehát nem erre használjuk)
• kis képek elkészítésének két módja:
• a kép egy az egyben kicsinyítése
• a kép egy részének kivágása

GIMP programmal kép kicsinyítése:

• a kicsinyíteni kívánt képet megnyitjuk
• a felsõ menüben a 'Kép / Kép átméretezése' menüpontot választjuk
• a felugró ablakban a kép szélességét és magasságát átírhatjuk (alapértelmezettként a pixel számát)
• figyeljünk arra, hogy a számok melletti "láncszemek" össze legyenek kapcsolva, így a képünk méretarányi megmaradnak

GIMP programmal kép egy részének kivágása:

• a kicsinyíteni kívánt képet megnyitjuk
• az eszköztáron a "szike" ikonra nyomunk (kép kivágása vagy méretének módosítása)
• megkezdjük a kivágást a képen az egér bal gombját folyamatosan nyomva tartva
• felugrik egy almenü, ahol pontosan beállíthatjuk például azt, hogy hányszor hány pixeles részt szeretnénk kivágni és hogy hol kezdõdjön a kivágás

A html oldalainkon lehetõség van átlátszó képek elhelyezésére is. Az átlátszó képek kiterjesztése nem lehet akármi, mert például a jpg típusú képek erre nem alkalmasak. Ha átlátszó képet szeretnénk, akkor gif formátumban kell elmenteni.

GIMP programmal átlátszó képek létrehozása:

• nyissuk meg a képet, aminek valamelyik részét szeretnénk átlátszóvá tenni
• hozzunk létre egy új réteget, amin ne felejtsük el beállítani az "átlátszóságot"
• az eredeti képrõl (ami egy másik rétegen van) jelöljük ki azt a részt, amit szeretnénk, hogy az átlátszó képünkön is látszódjon. Ehhez használjuk a "varázspálca" gombot az eszköztáron, vagy a különféle kijelölés gombokat
• másoljuk le a kijelölt részt (szerkesztés / másolás) és illeszük át az átlátszó rétegünkre (szerkesztés / beillesztés)
• ezek után kitörölhetjük azt a réteget, amin az eredeti (nem átlátszó) kép volt
• mentsük el a megmaradt átlátszó képünket gif formátumban!

Órai feladat:
Érettségire felkészítõ feladatgyüjtemény (Informatika) könyv 22. oldalán található 'Vadcsaládok' címû feladat. A feladathoz szükséges képek itt találhatóak.