Hvordan Skjær bilder til bruk på et nettsted



Kutting er en metode for å lage bilder til bruk i HTML-sider på nettet. En layout er utformet som en ikke-interaktive bildet. Så forskjellige deler av at design er "skiver," optimalisert for nettet, og deretter brukt i et HTML-dokument for å skape et levende nettsted. Dette er de grunnleggende trinnene for å ha klippet bilder til en nettside.

Bruksanvisning

1 Åpne designdokumentet i et bilderedigeringsprogram, for eksempel Adobe Photoshop. Oppsettet bør utformes slik at de "stykker" vil passe inn i en HTML-tabell --- rader og kolonner. Det trenger ikke å inkludere tekst, som vil bli lagt til senere med HTML.

2 Tegne en boks rundt området av første skive med "Slice" -verktøyet. For eksempel kan den øverste banneret være et godt sted å begynne.

3 Tegn skiver rundt resten av elementene på layouten, for eksempel en logo eller andre steder der det er en grafikk som ser ut til å være sin egen del. Det er ikke noen harde og raske regler til å lage skiver. Tenk deg de biter som passer sammen i en tabell av rektangler. Også huske på lasting tid, noe som er årsaken til at folk ikke gjør hele oppsettet en skive.

4 Navn skivene. Dobbeltklikk på en skive med "Slice Select Tool" for å åpne "Stykke Alternativer" i dialogboksen. Velg "Image" for stykket type og gi den et navn. Gjenta for alle gjenværende skiver.

5 Velg "File" og deretter "Save for Web" for å åpne "Save for Web" dialogen. Velg innstillinger for den valgte skive. Det er mange alternativer, men generelt sett, bilder skal lagres som JPEG og vektorer som GIF.

6 Klikk på "Lagre". En "Lagre optimalisert som" vises på skjermen. Velg hvor du vil lagre din optimalisert skive.

7 Gjenta trinn 5 og 6 for hver skive.

8 Opprett en HTML-tabell som plasserer bildene i sine respektive steder.

Hint

  • Disse trinnene kan variere noe avhengig av programvaren du bruker, men den grunnleggende prosessen vil være den samme.