Hvordan Lage Et Gummibilde

Innholdsfortegnelse:

Hvordan Lage Et Gummibilde
Hvordan Lage Et Gummibilde

Video: Hvordan Lage Et Gummibilde

Video: Hvordan Lage Et Gummibilde
Video: Alle mot En 2024, November
Anonim

"Rubbery" er et bilde som har evnen til å skalere. Du kan lage et slikt bilde ved hjelp av dataprogrammer. Dens bekvemmelighet ligger i det faktum at den "strekker seg" i ønsket retning. Slik nettoppretting vises vellykket i hvilken som helst nettleser. Hvis bildet inneholder noen nyttige elementer, øker "gummi" -egenskapene funksjonaliteten.

Hvordan lage et gummibilde
Hvordan lage et gummibilde

Det er nødvendig

bilde, nettsted, Adobe Photoshop-program, Notisblokk-applikasjon, HTML-kode, rotkatalog på nettstedet ditt

Bruksanvisning

Trinn 1

Finn eller lag et bilde som du vil skalere og plassere på Internett. Start Adobe Photoshop. Åpne dette bildet i programmet. Finn skiveverktøyet i verktøylinjen. Bruk den til å kutte bildet i stykker. Del det slik at hele bildet består av tre grafiske elementer og det sentrale er tomt. Dette vil hjelpe bildet å strekke seg med hvilken som helst skjermoppløsning.

Steg 2

Lagre bildet optimalisert for webformatet (Save for web). Når du lagrer, angir du ønsket filformat - gif, jpeg eller png. For å endre enkeltdeler av bildet, finn alternativet Slice Select Tool i menyen og endre delene av bildet slik at størrelsen er minimal med minst tap av kvalitet under gjengivelse på skjermen. Lagre bildene som html og bilder etter endring.

Trinn 3

Når du har lagret bildene dine, begynner du å redigere HTML-koden. Åpne det lagrede html-dokumentet i Notisblokk. Slett alle kodelinjer som ikke er nødvendige. Hold bare dataene i tabellen der bildene er innebygd, uendret

Trinn 4

I linjene, i stedet for yourimage.gif, angir du banen til bildene på datamaskinen din. Høyden og bredden må være passende.

Trinn 5

For å få den midtre delen av bildet til å strekke seg, når de ekstreme delene er spredt fra hverandre, skriv den nødvendige informasjonen i kodelinjene. Spesifiser parametrene (bredde og høyde) for ditt eget bilde.

Trinn 6

Last opp de opprettet bildene til rotkatalogen på nettstedet. Spesifiser nye baner til bilder på serveren, og rediger dermed HTML-koden. Sett inn bildekoden mellom kodene.

Trinn 7

Sjekk egenskapene til bildet. Prøv å skalere det opp online. Bildet må være fleksibelt i alle retninger.

Anbefalt: