2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK.

Az előadások a következő témára: "2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK."— Előadás másolata:

1 2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK

2 2010/2011.Huszár István2. dia Főbb témakörök: A tartalmi rész leírása (HTML építőkockák) A megjelenést befolyásoló stíluslapok használata (CSS) Az elemek viselkedésének meghatározása (JavaScript) Adatbázis kezelése (PHP – MySQL) Tipográfia Akadálymentesítés Validálás

3 2010/2011.Huszár István3. dia Felszerelés Több böngésző program (IE., Mozilla, Opera, Google Chrome stb.) Szerkesztő program(ok) Grafikai programok Futtatói környezet, admin felület Szabványok Validátor

4 2010/2011.Huszár István4. dia Böngészők Nem működnek egyformán !!!

5 2010/2011.Huszár István5. dia Szerkesztők Két nagy csoport: Kódszerkesztők Vizuális szerkesztők (nem ajánlott) Legegyszerűbb esteben: ascii kódot előállító szövegszerkesztő prg. (pl. Jegyzettömb)

6 2010/2011.Huszár István6. dia Kódszerkesztők HTML kódot írunk Kényelmi funkciók (pl. többszörös Undo) Színezés (kód átláthatóbb) Sorok számozása Kódöszevonás Automatikus eltolás

7 2010/2011.Huszár István7. dia Grafikai szoftver Fizetős (Photoshop, Corel Paint Shop Pro Photo, Ulead PhotImpact) Ingyenes (GIMP, Paint.NET) Weboldalunk nem csak a látványos effektusokkal kiírt 2-3 szótól fog kinézni jól, hanem az átgondolt tervezéssel elért összhatás miatt.

8 2010/2011.Huszár István8. dia Koncepció I. A weboldal három rétegből épül fel: 1.Legalul található a tartalmi réteg (HTML kód) 2.Megjelenés rétege (tényleges dizájn stíluslapok írják le) 3. Viselkedést befolyásoló programkód (JavaScript)

9 2010/2011.Huszár István9. dia Koncepció II. Az egyes rétegeket egymástól elkülönítve kell kezelnünk, ne keverjük – ezeknek önmagukban is meg kell állniuk a helyüket. (Pl. ha a böngészőben ki van kapcsolva a JavaScript támogatás, akkor is kezelhetőnek, CSS nélkül pedig értelmezhetőnek kell maradnia az oldalnak.)