"Gummi" er et billede, der har evnen til at skalere. Du kan oprette et sådant billede ved hjælp af computerprogrammer. Dens bekvemmelighed ligger i, at det "strækker sig" i den ønskede retning. Sådan oprettelse af web vises med succes i enhver browser. Hvis billedet indeholder nogle nyttige elementer, øger "gummi" -egenskaberne dets funktionalitet.
Er det nødvendigt
billede, websted, Adobe Photoshop-program, Notepad-applikation, HTML-kode, rodmappe på dit websted
Instruktioner
Trin 1
Find eller opret et billede, som du vil skalere og placere på Internettet. Start Adobe Photoshop. Åbn dette billede i programmet. Find skiveværktøjet i værktøjslinjen. Brug det til at skære billedet i stykker. Opdel det, så hele billedet består af tre grafiske elementer, og det centrale er tomt. Dette hjælper billedet med at strække sig ved enhver skærmopløsning.
Trin 2
Gem billedet optimeret til webformatet (Gem til internettet). Når du gemmer, skal du indstille det ønskede filformat - gif, jpeg eller png. For at ændre de enkelte dele af billedet skal du finde indstillingen Slice Select Tool i menuen og ændre delene af billedet, så størrelsen er minimal med mindst mulig kvalitetstab under gengivelse på skærmen. Efter ændring skal du gemme billederne som html og billeder.
Trin 3
Når du har gemt dine billeder, skal du begynde at redigere HTML-koden. Åbn det gemte html-dokument i Notesblok. Slet alle kodelinjer, der ikke er nødvendige. Opbevar kun dataene i tabellen, hvor billederne er indlejret, uændrede
Trin 4
Angiv stien til billederne på din computer i stedet for yourimage.gif. Højden og bredden skal være passende.
Trin 5
For at få den midterste del af billedet til at strække sig, når de ekstreme dele er spredt fra hinanden, skal du skrive de nødvendige oplysninger i kodelinjerne. Angiv parametrene (bredde og højde) for dit eget billede.
Trin 6
Upload de oprettede billeder til rodmappen på webstedet. Angiv nye stier til billeder på serveren, og rediger dermed HTML-koden. Indsæt billedkoden mellem tags.
Trin 7
Kontroller billedets egenskaber. Prøv at skalere det online. Billedet skal være fleksibelt i alle retninger.
