Ekziston një numër i madh i shablloneve të faqeve në internet, por ato kanë një pengesë - nuk janë unike. Nëse pronari i faqes nuk dëshiron që dizajni i faqes së tij të përsëritet diku tjetër, ai mund të porosis një model nga një dizajner profesionist ose të përpiqet ta krijojë vetë.
Është e nevojshme
Programi Adobe Photoshop
Udhëzimet
Hapi 1
Krijimi i modelit tuaj nuk është një detyrë aq e vështirë sa mund të duket në shikim të parë. Për të punuar, ju nevojitet Adobe Photoshop - natyrisht, duhet të keni të paktën një kuptim themelor të punës me të. Por, para se të filloni programin dhe të filloni të krijoni, duhet të mendoni paraprakisht për modelin e ardhshëm. Mënyra më e përshtatshme për ta bërë këtë është që së pari të njiheni me të paktën njëqind shabllone të gatshme, të vlerësoni avantazhet dhe disavantazhet e tyre. Kushtojini vëmendje zgjidhjeve të suksesshme të disa elementeve të dizajnit. Kjo nuk do të thotë se do t'i kopjoni, por është mjaft e arsyeshme të merrni disa zgjidhje të bukura dhe të përshtatshme si bazë.
Hapi 2
Bazuar në analizën e modeleve të njerëzve të tjerë dhe krijimtarinë tuaj, ju duhet të merrni një ide se si do të duket faqja juaj. Bestshtë më mirë të bëni skica të përafërta të dizajnit të ardhshëm me lapsa me ngjyra në fletët e zakonshme A4. Ju duhet të filloni të punoni me Photoshop vetëm pasi të keni një ide të qartë se çfarë saktësisht do të vizatoni.
Hapi 3
Filloni Photoshop, krijoni një projekt të ri 1200x1600, vendosni një sfond transparent. Aktivizoni mjetin Ruler, nëse nuk është tashmë i ndezur, për ta bërë këtë shtypni kombinimin e tasteve Ctrl + R. Aktivizo këputjen: Pamje - Këputje.
Hapi 4
Tani duhet të ndajmë modelin me udhëzues që do të tregojnë kufijtë e elementeve të tij - anët, kolonat, etj. Për shembull, ju doni të ndani shabllonin në mënyrë që të ketë një kolonë të ngushtë në të majtë, një kolonë të gjerë në të djathtë në të djathtë të shabllonit dhe të ketë vend në krye për një kokë. Kjo do të thotë që ju duhen tre vija vertikale (kufiri i majtë i shabllonit, djathtas dhe vija midis tyre) dhe një horizontale, që tregon kufirin e poshtëm të kokës. Për të vendosur një vijë vertikale, lëvizni kursorin te vizoreja e majtë në anën e majtë, shtypni V dhe, ndërsa mbani të shtypur butonin, tërhiqni vijën në vendin e dëshiruar. Bëni të njëjtën gjë me dy linjat e tjera vertikale. Ato horizontale janë ndërtuar në të njëjtën mënyrë, përdoret vetëm vizore e sipërme.
Hapi 5
Gjeni një sfond për modelin tuaj, duhet të jetë një model i vogël, përsëritës. Hapeni në Photoshop, zgjidhni, kopjoni. Më pas ngjiteni në model sa herë që të keni nevojë për ta mbushur me sfond. Ngjitja është bërë kështu: "Redakto" - "Ngjit" dhe më pas tërhiq zonën e sfondit në vendin e dëshiruar. Evenshtë edhe më shpejt të futni një imazh duke përdorur komandën Ctrl + V. Shtoni një sfond për kokën e faqes në të njëjtën mënyrë. Ju mund të përdorni mbushje të ndryshme të gradientit për të krijuar një sfond.
Hapi 6
Duke përdorur mjetin Pencil, vizatoni kufijtë e shabllonit, duke u përqëndruar në linjat e vizatuara tashmë (domethënë në krye të tyre). Ju keni marrë bazën e modelit më të thjeshtë, tani duhet ta plotësoni atë me detajet e nevojshme - butonat e navigimit, linjat e menusë, elementë të ndryshëm dekorues, etj. Për më shumë informacion se si të krijoni butona dhe elementë të tjerë, lexoni artikujt përkatës për të punuar me Adobe Photoshop.
Hapi 7
Shablloni është krijuar, tani duhet ta prisni në copa për t'i futur në faqen HTML. Përdorni Veglën Fetë për të prerë. Për ta gjetur, kliko me të djathtën te mjeti Frame dhe zgjidh Cutout nga menyja që hapet. Tani mund ta vendosni modelin sipas dëshirës, pastaj të ruani: "Skedar" - "Ruaj për Ueb". Në dritaren që hapet, zgjidhni llojin e skedarit: HTML & imazhe, specifikoni emrin e skedarit: index.htm dhe ruani atë. Do të keni një skedar index.htm dhe një dosje imazhesh me imazhe të prera.
