180 likes | 309 Views
Készítette: Csőke Vivien. Violet nails. 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.
E N D
Készítette: Csőke Vivien Violet nails
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:
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: http://greengeckodesign.com/menumatic
Képgaléria Az alábbi link alapján: http://reghellin.com/milkbox/
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 vendegkonyvtá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ó Az oldalon a menük segítségével navigálhatunk : 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: <a href='index.php?page=bemutatkozas'>
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 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ó!” 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.
Kijelentkezés logout.php A Kilépés gomb lenyomásával kijelentkezhetünk, a session lezárul.
Vendégkönyv config.php csatlakozik az adatbázishoz A hozzászólásokhoz lekéri a vendegkonyv tábla tartalmát majd kiírja azt. Bejelentkezés előtt Bejelentkezés után