Ebben a tutorialban egy komplett weboldalt fogok elkészteni, és bemutatni pár trükköt, technikát amik weblapoknál hasznosak lehetnek.

Én nem igen gondolok az 1024x768-nál kisebb felbontáson böngészőkre, sőt, weblapjaimat mindig rájuk, az 1024x768-as felbontású gépekre optimalizálom. Ez most sincs másképp, úgyhogy nyissunk egy 1000x700-as új dokumentumot.
Töltsük be a hátteret fehér sznnel (fehér=elegancia), majd hozzunk létre új layert (Ctrl+Shift+N) és használjuk a négyzetes kijelölőt és az oldal tetején és alján jelöljünk ki egy cskot amit töltsünk be szürke sznnel:


Most menjünk a Layer -> Layer Style -> Stroke-hoz és egy 1 pixeles feketét álltsunk be rajta.

Hozzunk létre egy új réteget (Ctrl+Shift+N). Jelöljük ki a fejlécnek szánt részt a négyzetes kijelölő eszközzel, majd alkalmazzunk egy sznátmenetet, narancs sznekkel:


Ezen a rétegen alkalmazzuk a következőket (Layer -> Layer Stlye):



Most hozzunk létre egy új réteget és csináljuk meg a menü "dobozát". Jelöljük ki a megfelelő méretet a négyzetes kijelölővel, majd töltsük be fehérrel, és alkalmazzuk rá ugyanazokat a Layer Style beálltásokat mint azt tettük az előbb a fejlécnél!
Megint hozzunk létre egy új réteget, és a négyzetes kijelölővel akkora részt jelöljünk ki, ahol majd az oldal valós tartalmát szeretnénk megjelenteni. Szintén az előbbi Layer Style-okat álltsuk be! Eddig kb gy néz ki:


??j réteg, majd a Shift gomb nyomvatartása mellett, a négyzetes jelölővel húzzunk egy apró négyzetet, amit töltsünk be fehérrel. Ezt a réteget duplikáljuk annyiszor ahányszor szeretnénk, én konkrétan 4-szer duplikáltam (vagyis 5 fehér négyzetem van).


Húzzuk szét őket egymástól, majd a Layer Paletten jelöljük ki mind az 5 négyzetes réteget:


Majd felül az igaztó gombok segtségével igaztsuk őket egyenlő távolságra, és a széleiket is. A két bekeretezett gombra lesz szükségünk:


Ezután egyestsük ezeket a rétegeket (jobb klikk -> Merge layers).
Az egyestett réteget duplikáljuk (jobb klikk -> Duplicate layer) majd húzzuk ki a másik oldalra is. A kettő közé rjuk be a szlogent:


Gyakorlatilag meg is vagyunk, töltsük fel a kellő tartalommal zlésünk szerint. Sok sikert, és a visszajelzéseket mint mindig most is várom!