Ordne bilder på nettsiden kan enkelt gjøres ved hjelp av HTML-koder. Ditt nettsted er skrevet i HTML, og plassere bilder på nettstedet krever at du bruker de riktige attributter og koder.
1. Forbered bildet.
Rediger bildet før du legger det på nettstedet. Ta hensyn til bildestørrelse og format slik at det vil være optimalisert for nettsiden din. Noen mennesker endre størrelsen på bilder gjennom nettstedet redigering programvare som ikke virkelig endre størrelsen på filen. Du må redusere filstørrelsen hvis ønsker dine bilder til å laste raskere på nettleseren. Bruke et bilde redigering programvare som Adobe Photoshop for å optimalisere bildene dine for web. Du kan endre størrelsen på bildet og selv redusere filstørrelsen med programvaren. Bildene høyde og bredde kan lett bli manipulert i Photoshop. Når du er ferdig med å redigere bildet kan du lagre bildet filen til et format som JPEG eller GIF. Begge filformater kan komprimere bildet nok til å redusere filstørrelsen og fremskynde sin lastetiden på nettstedet.
2. HTML image sentre kode
Noen av HTML-kodene som brukes for å sentrere bildene er foreldet betyr at det er en ny standard kode som brukes på nettlesere og de gamle kodene vil slutte å fungere i fremtiden. Bildet attributtet fortsatt brukes som den standard kode for inneholdende det bildeinformasjonen som plasseringen, beskrivelse, høyde og bredde. Bildet attributt er skrevet slik:
< img src = "bilde.jpg" alt = "image description" height = "50" width = "50" >
Webdesignere brukt "sentrum" tag å sentrere sine bilder på en back nettside i dag da de ikke var foreldet. Slik at bildet vil bli plassert i mellom "sentrum" tags på denne måten:
< center > < img src = "bilde.jpg" alt = "image description" height = "50" width = "50" > < /center >
Siden det er en ny standard for sentre bilder denne metoden kan ikke lenger brukes.
Avsnitt og DIV-koder er mye brukt på nettsteder som nettlesere godtar som den nye standarden. Sammen med "align" attributt, har du mer kontroll over bildets plassering på nettstedet. Du kan flytte bildet til venstre, høyre eller sentrum med kodene og "align" attributt. Bruke DIV tag du kan sentrere bildet ditt på denne måten:
< div align = "center" > < img src = "bilde.jpg" alt = "image description" height = "50" width = "50 "> < /div >
Bruke Avsnitt tag du kan sentrere bildet ditt på denne måten:
< p align =" center "> < img src =" bilde.jpg "alt =" image beskrivelse "height =" 50 "width =" 50 ">
Dette er mer akseptable måter slik at bildene på en nettside.
Rediger bildene dine med det riktige bildet og filstørrelsen før du setter dem opp på nettsiden. Ikke prøv å redigere bildet med din nettside editor fordi det ikke vil presentere de samme resultatene som det ville gjort på et bilderedigeringsprogram
Tips:.