2010. november 28., vasárnap

Weboldal

A weboldal tervezés a menürendszer struktúrájának létrehozásával kezdtem.

6 menüpontot tartalmaz a menüsorom:

|Főoldal| |Szolgáltatások| |Galéria | |Kapcsolat| |Linkek|

A galéria menüpont három almenüre bontottam: |Képek| |Videók| |Koktélok|

A következő lépés a megjelenés tervezése volt, amit az alábbi képen mutatok be:

Az oldal 960 px széles és 600 px magas. A fejléc a menüsorral együtt 200 px magas, igy oszlik meg 1 harmad 2 harmad arányban az oldal. Menüsor 30 px magas.

Az oldal jobb oldalán a figurának 210 px terveztem esztétikai szempontok miatt, így a maradék 750 px 5 részre osztva 250 px menüpontonként. A tartalmi rész két helyre töltődik be, képes,illetve a szöveges tartalomnak külön helyet biztosítva. Ez egyes menüpontonként változhat. 215 px 535 px arányban osztottam fel a megmaradt 750 px területet.210 px helyett itt 215 px van a másik oldaltól eltérően, mert itt esetenként scrole-ra is szükség lehet.

A logó a szokásos bal felső sarokban kapott helyet, az internetezők ehhez szoktak hozzá. Aszlogent balraigazítva a tartalmi részt elválasztó 215 px-nél elhelyezkedő vonalhoz balra igazítottam. Ha az egyes menüpontok felé húzzuk az egeret, az oldal jobb oldalán lévő fekete karakter mozogni kezd. Mixymo addig dobálja az üvegeket, amíg be nem tölt a következő oldal.

Nézzük az egyes menüpontokat egyenként

Főoldal

Szolgáltatások

Galéria

A galéria menüpont 3 részből áll, ezt könnyen elérhetjük 2 módon is egyrészt az egeret a menüpontok fölé húzva megjelennek a további lehetőségek. Másrészt, ha rákattintunk magára a menüre betöltődik a Galéria fő oldala, ami egy kicsit eltér a többitől. Itt az oldal tartalmi része nem 2 részre hanem három részre van osztva, az egyes részek azonos 250 px szélesek.

Képek

A galériában először ki kell választani az albumok közül, melyikben szeretnénk képet nézni. Az albumok oldala szinte ugyanolyan, mint a Galéria oldal, szépiákban az egyes albumokról egy nagy fotó jelenik meg, melyre kattintva már ezen az oldalon találjuk magunkat. A kép felett látszik, hogy éppen melyik könyvtárban vagyunk, alatta pedig a kép neve. Jobb illetve bal oldalt a kép mellet helyezkedik el két navigációs gomb, ezekkel tudunk a képek között előre illetve hátra lépni egy adott albumban, vagy a baloldali kis képekre klickkelve. Egér mozgatására, ha a jobb oldali kis képek felé navigáljuk, szintén előtűnik a kép neve. A kép felett A baloldali részben már nagyobb a tartalom mérete annál, hogy elférjen 400 px helyen. Itt jelenik meg először a gördítősáv melynek szélessége 5 px.

Videók

Jobb oldalt találhatók az elérhető videók és a középső részben megnyílik a kiválasztott videó. Klip felett pedig annak címe olvasható, ami az egér mozgatására itt is előtűnik.

Koktélok

Ezen az oldalon is hasonló a navigáció mint a Galéria többi oldalán. A különbség annyi, hogy itt az adott képhez tartozik egy recept is, a koktélról.

Kapcsolat

Linkek

Linkek menüpont alatt találhatjuk meg a társoldalakat, itt az egyes hivatkozások fölé érve egerünkkel megjelenik az aláhúzás.

Nincsenek megjegyzések:

Megjegyzés küldése

Rendszeres olvasók