Si Të Krijoni Një Kokë Gome Për Një Faqe Në Internet

Përmbajtje:

Si Të Krijoni Një Kokë Gome Për Një Faqe Në Internet
Si Të Krijoni Një Kokë Gome Për Një Faqe Në Internet

Video: Si Të Krijoni Një Kokë Gome Për Një Faqe Në Internet

Video: Si Të Krijoni Një Kokë Gome Për Një Faqe Në Internet
Video: Si të krijoni një Faqe Webi / Blog në 30 min me Wordpress? 2024, Mund
Anonim

Kur krijoni një faqe në internet, një nga pikat më të rëndësishme që një zhvillues duhet të marrë parasysh është funksionaliteti, shkathtësia dhe performanca e tij. Në mënyrë që faqja të shfaqet plotësisht dhe saktë në çdo shfletues në kompjuter me një larmi të gjerë të rezolucioneve të ekranit, ju mund të krijoni një kokë të përshtatshme "gome", e përbërë nga disa elemente grafikë.

Si të krijoni një kokë gome për një faqe në internet
Si të krijoni një kokë gome për një faqe në internet

Udhëzimet

Hapi 1

Në hapin e parë të krijimit të një koka të tillë për një faqe në internet, hapni në Photoshop imazhin që keni përgatitur tashmë për të postuar në internet, dhe më pas prerë atë në copa duke përdorur Slice Tool në shiritin e veglave. Pritini kokën në mënyrë që pjesa qendrore të jetë e zbrazët, në mënyrë që të përfundoni me tre elemente grafikë. Kjo do të lejojë që titulli të shtrihet për çdo rezolucion të ekranit.

Hapi 2

Pasi të keni prerë kokën, ruajeni duke optimizuar skedarët kur ruani për formatin në internet (Ruaj për ueb). Vendosni formatin e dëshiruar të skedarit për ruajtje - për shembull, gif, jpeg ose png. Për të ndryshuar secilin fragment të imazhit, klikoni në opsionin Slice Select Tool në meny dhe ndryshoni madhësinë e imazheve në mënyrë që madhësia e tyre të jetë sa më e vogël me humbjen më të vogël të cilësisë së shfaqjes vizuale të imazhit në ekran. Ruani imazhet tuaja të redaktuara si HTML dhe imazhe.

Hapi 3

Pasi fotografitë të ruhen, redaktoni kodin HTML duke hapur dokumentin e ruajtur html me Notepad. Në bllok shënimesh, fshi të gjitha linjat e panevojshme të kodit. Lini vetëm linjat e nevojshme - të dhëna në lidhje me tabelën në të cilën janë ngulitur fotografitë tuaja:

Hapi 4

Në këto rreshta, në vend të yourimage.gif, duhet të përcaktohet rruga për tek imazhet tuaja me gjerësinë dhe lartësinë e duhur.

Hapi 5

Në mënyrë që pjesa e mesme e imazhit të shtrihet, duke përhapur imazhet ekstreme në anët, shkruani atributet përkatëse të kodit në rreshta. Specifikoni parametrat tuaj të gjerësisë dhe lartësisë në kod.

Hapi 6

Ngarko imazhet e gjeneruara të kokave në direktorinë rrënjë të faqes tuaj dhe më pas modifikoni kodin HTML me shtigje të reja në imazhet e kokave në server. Ngjit kodin e kryefaqes midis etiketave.

Recommended: