A weboldal létrehozásakor nagyon fontos az oldalterv renderelésének szakasza, amelyet később szedéssel és a hálózatban közzétesznek. Ebben a cikkben megtudhatja, hogyan kell az Adobe Photoshop segítségével kompetens elrendezést rajzolni egy webhelyhez, amely alapján később összetettebb elrendezéseket is kialakíthat.
Szükséges
Adobe Photoshop program
Utasítás
1. lépés
Hozzon létre egy új fájlt a Photoshopban (Ctrl + N) 1040x1400 méretben, ahol az 1400 a magasság. Kapcsolja be a vonalzók megjelenítését (Ctrl + R), és állítsa be a pixeleket mértékegységként a vonalzó beállításaiban.
2. lépés
Kezdje el kinyújtani a vezetőket, hogy azok illeszkedjenek az elrendezési dobozok szegélyeihez. Húzza ki az oldalsó szegélyeket úgy, hogy 40 pixel maradjon az élekig. A felső és az alsó határnak 40 pixelt kell hagynia mindkét oldalon a háttér határáig.
3. lépés
Ezután válasszon egy útmutatót, amely 200 px-rel lejjebb van a háttér tetejétől a felső fejléchez.
4. lépés
Az oldalsáv kialakításához az elrendezés bal és jobb oldalán állítsa be a vezetőket 240 pixellel a háttérszegélytől balra, és 800-at jobbra.
5. lépés
5px befelé a bal és a jobb oldalsó sávtól, és rajzoljon még két függőleges vezetőt. Ezután húzzon még két vezetőt 245 px balra és 795 px jobbra.
6. lépés
Most mérje meg a fejléc 30px szélét és rajzoljon egy vízszintes útmutatót a vízszintes menühöz.
7. lépés
Válassza ki a vízszintes menü keskeny területét, amelyet most téglalap alakú kijelöléssel jelölt meg az M billentyű segítségével. Válassza ki a kitöltő eszközt, és töltse ki a területet semleges világosszürke színnel.
8. lépés
Válassza ki a kitöltő eszközt, és töltse ki a területet semleges világosszürke színnel. Kattintson a "Select-Modify-Compress" menüre, adjon meg egy 1 pixeles lehetőséget, majd kattintson az "OK" gombra. Töltse ki a területet egy halványabb szürke árnyalattal - ez lesz a menükeret.
9. lépés
Hozzon létre egy új réteget, és válasszon ki egy megfelelő képet a webhely ikonjához vagy logójához, majd nyissa meg.
10. lépés
Helyezzen egy képet egy új rétegre a fejlécbe, helyezze a bal szélére. A kép jobb oldalán írja be a webhely szöveges címét bármilyen betűtípussal.
11. lépés
Tervezze meg a webhelyblokkokat ugyanabban a színvilágban, mint az újonnan létrehozott fejléc. Válassza ki a bal oldalsáv területét, és hajtsa végre ugyanazokat a kétszínű kitöltési műveleteket, mint a menüblokknál.
12. lépés
Tegye ugyanezt a tartalom középső széles blokkjával. Másolja a bal oldalsáv rétegét, és tegye jobb oldali sávként.
13. lépés
Szöveg hozzáadása az elrendezéshez - válasszon semleges betűtípust, és töltse ki a menü címeit, hírpéldáit, fényképeit, címkéit és linkjeit.
14. lépés
Fejezze be az elrendezést egy „lábléc” vagy lábléc létrehozásával - írja oda a szerzői jogokat és a kapcsolattartókat.
