Violet nails Készítette: Csőke Vivien

Bevezetés Téma: Violet nails - műkörömkészítő weblapjának elkészítése A weboldal elérhető az alábbi címen: violetnails.atw.hu

Felhasznált technológiák  HTML  CSS  Javascript  PHP  MySQL

Design Arculat:

Kész oldal:

Slideshow Az initslideshow függvény a képeket egymás mellé pakolja és inicializálja a slideshow változóit. A showNext függvény azért felelős hogy a következő képet beúsztassa, itt meglettek adva különböző tulajdonságok (mozgásirány, sebesség).

Menü Az alábbi link felhasználásával:

Képgaléria Az alábbi link alapján:

Adatbázis A felhasznalok táblába kerülnek rögzítésre azok a személyek, akik regisztrálnak. A kepek táblába a galéria képei találhatóak, melyeket a keresés során innen kérdezünk le. A vendegkonyv tábla, a hozzászólásokat tárolja, melyeket a regisztrált felhasználók írnak.

Programkód ismertetése Az index.php tartalmazza az oldal felépítését és működéséért is felel. Minden programhívás itt történik. Ebben a fájlban található az oldal teljes kialakítása.

Oldalnavigáció A menüpontok tartalma, az oldal tartalomrészén belül jelenik meg ehhez szükséges az alábbi kód: Melynek hívása a menülistán belül történik: Az oldalon a menük segítségével navigálhatunk :

Keresés A felhasználó az oldalon beírja az űrlapba a keresendő kifejezést, ezt egy php változónak átadja és a kepek táblában az alábbi SQL lekérdezéssel végrehajtódik egy lekérdezés. Aztán a lekérdezés eredményét feldolgozzuk. A feldolgozást a kereses.php végzi. Eredmény: a keresés mezőbe beírjuk a kulcsszót, a folyamat lefutása után megjelennek az adott képek.

Linkek A linkek működése Javascript/MooTools alapú. Amikor felhasználó valamely link felett „áll”, akkor az adott linknek megváltozik a színe, mérete, valamint történik egy behúzás is. A mouseenter (az egér rajta van), ilyenkor a szín fehérre vált és a mérete nagyobb lesz, mouseleave (az egér lemegy róla), minden visszaáll az alapértelmezett állapotba.

Regisztráció Űrlap : Mezők ellenőrzése (helyesen van- e kitöltve)

Bejelentkezés Session : A web szerver elküldi ezt az azonosítót a böngészőnek, amikor az először lekér egy oldalt, a saját adatbázisában pedig ehhez az azonosítóhoz kötve tárol egy bizonyos ideig különféle adatokat (például azt, hogy a felhasználó be van-e jelentkezve). A böngésző minden további oldallekérésnél visszaküldi a kapott azonosítót, amiből a szerver tudja,hogy ugyanarról a felhasználóról van szó, amelyiknek az azonosítót elküldte és megfelelően átalakított oldalt tud neki küldeni. belep.php Először kapcsolódunk az adatbázishoz. A belépés gomb lenyomása után elindul a folyamat. Az felhasznalok táblában ellenőrzi a beírt felhasználónevet és jelszót, hogy létezik e, ha igen akkor bejelentkezik, ellenkező esetben Hibaüzenetet ír: „Hibás azonosító vagy jelszó!”

Kijelentkezés logout.php A Kilépés gomb lenyomásával kijelentkezhetünk, a session lezárul.

Vendégkönyv Bejelentkezés előtt   Bejelentkezés után config.php csatlakozik az adatbázishoz A hozzászólásokhoz lekéri a vendegkonyv tábla tartalmát majd kiírja azt.

Köszönöm a figyelmet!