Si Të Bëni Header Për Faqet E Internetit

Përmbajtje:

Si Të Bëni Header Për Faqet E Internetit
Si Të Bëni Header Për Faqet E Internetit

Video: Si Të Bëni Header Për Faqet E Internetit

Video: Si Të Bëni Header Për Faqet E Internetit
Video: Si te testojme shpejtesine e internetit tone 2024, Mund
Anonim

Parimi i "përshëndetjes nga rrobat" është i vërtetë jo vetëm për njerëzit, por edhe për faqet. Veshja e faqes është dizajni i saj. Dhe është dizajni që përcakton përshtypjen që vizitori ka në sekondat e para të shikimit të burimit. Kjo përshtypje është veçanërisht e rëndësishme sepse përcakton sjelljen e tij në të ardhmen. Elementi i parë i dizajnit që çdo përdorues që viziton faqen e internetit është "header" i tij. Kapaku është fytyra e burimit të internetit. Prandaj, çdo krijues fillestar i internetit dëshiron që së pari të mësojë se si të bëjë header për faqet.

Si të bëni header për faqet e internetit
Si të bëni header për faqet e internetit

E nevojshme

  • - qasje në internet;
  • - shfletuesi modern;
  • - redaktor grafik raster (GIMP, Photoshop);
  • - opsionale: redaktor grafik vektorial (CorelDraw);
  • - opsionale: mjedisi i modelimit 3D (Blender, 3DStudio);
  • - opsionale: fletë letre, laps ose stilolaps.

Udhëzimet

Hapi 1

Zhvilloni një koncept për titullin e faqes së ardhshme. Idealisht, koncepti duhet të bazohet në idenë origjinale. Kur mungojnë idetë, frymëzimi mund të fitohet duke analizuar zgjidhjet ekzistuese të mira. Reflektoni rezultatin e hulumtimit krijues në formën e një skice në një copë letër. Skica duhet të pasqyrojë strukturën e kokës së ardhshme të faqes me shënimin e vendeve dhe zonave "gome" të mbushura me imazhe. Në këtë fazë, është një ide e mirë të mendoni për një skemë të përafërt të ngjyrave për hartimin e kokës.

Hapi 2

Zgjidhni madhësinë e titullit. Në të vërtetë, ia vlen të përcaktohet qartë vetëm një nga parametrat e tij - lartësia. Si rregull, lartësia e kokat e faqes është fikse, dhe kjo nuk varet nga rezolucioni logjik që ndikon në parametrat e shfaqjes së shkronjave. Me fjalë të tjera, duhet të zgjidhni një vlerë për lartësinë e kokës në piksel. Në këtë rast, ka kuptim të merret parasysh mundësia e vendosjes së banderolave ose blloqeve të reklamave kontekstuale në kokë. Në lidhje me gjerësinë, duhet të përcaktoni vlerën minimale, duke theksuar të paktën një zonë "gome" që lejon kokën të përshtatet me madhësi të ndryshme të faqes në internet.

Hapi 3

Krijoni një model header në një redaktues grafik. Në një dokument të ri, shtoni një shtresë transparente, së cilës do ta tërhiqni skicën sipas parametrave gjeometrikë të zgjedhur. Lartësia e shtresës duhet të përputhet me lartësinë e kokës. Gjerësia mund të merret si arbitrare, por më e madhe se madhësia minimale, duke lënë hapësirë për zona horizontale "gome". "Në model, caktoni zona me madhësi fikse dhe të ndryshueshme, zona të destinuara për t'u mbushur me imazhe statike, imazhe në sfond.

Hapi 4

Kërkoni ose krijoni imazhe statike për t'i vendosur në modelin tuaj të kokës. Logoja dhe disa elementë unikë mund të krijohen në një redaktues vektorial ose në mjedisin e modelimit 3D. Quiteshtë mjaft e lehtë të gjesh imazhe tematike në fotobanka falas në internet.

Hapi 5

Vendosni sfondin, logon dhe imazhet statike në modelin e kokës së faqes në një redaktues grafik. Shtoni sfondin dhe secilën fotografi në një shtresë të veçantë transparente. Renditni shtresat në mënyrën më të mirë. Duke lëvizur imazhe në shtresa, arrini paraqitjen e tyre të përsosur, që korrespondon me modelin e krijuar më parë.

Hapi 6

Ruani imazhin e kokës që rezulton. Ruani projektin e punës në formatin origjinal të redaktorit grafik. Pastaj ruajeni imazhin e sheshit të rrafshuar në një format pa humbje (për shembull, PNG).

Hapi 7

Krijoni një model HTML header nëse është e nevojshme. Hapni imazhin e rrafshuar në redaktues. Prisni imazhe nga ajo që korrespondojnë me zonat me një madhësi fikse. Prej vendeve që korrespondojnë me zonat "gome", prerë imazhet 1 pixel të gjera. Ruani të gjitha imazhet në disk. Paraqitni kokën HTML duke përdorur imazhet e ruajtura.

Recommended: