Profesjonelle webdesignere utvikler maler for nettsteder, vanligvis i kraftige grafikkredaktører som Adobe Photoshop. Resultatet av arbeidet er en fil med et bilde, som i dette skjemaet blir gitt til kunden. For å bruke det ferdige designet, det vil si å legge ut en webside, må du kutte malen.
Nødvendig
raster grafikkredaktør Adobe Photoshop
Bruksanvisning
Trinn 1
Åpne malfilen i grafikkredigeringsprogrammet Adobe Photoshop. Velg Fil og Åpne fra menyen, eller trykk på tastekombinasjonen Ctrl + O. I dialogboksen som vises etter det, gå til katalogen med filen, velg den i listen og klikk på "Åpne" -knappen.
Steg 2
Velg en praktisk skala for visning av malbildet. Bruk zoomverktøyet eller hurtigmenyelementene. Velg en skala som lar deg plassere markøren med pikselnøyaktighet. Dette er nødvendig for å stille inn referanselinjene nøyaktig.
Trinn 3
Dann et sett med referanselinjer over malbildet. Slå på visningen av linjaler i dokumentvinduer hvis den ikke allerede er på. For å gjøre dette, trykk Ctrl + R eller velg Vis og linjaler fra menyen.
Trinn 4
Flytt musepekeren over topplinjalen for å legge til en horisontal referanselinje. Trykk og hold venstre tast. Flytt musepekeren ned til bildeområdet. På samme måte, ved å bruke høyre linjal, kan du legge til horisontale linjer.
Trinn 5
Legg til ønsket antall referanselinjer og plasser dem langs grensene for delingen av områdene til malen. Linjene skal gå gjennom alle stedene der du vil kutte malen. De bør begrense alle bilder og logiske områder (logo, sidehode, horisontale og vertikale menyer osv.) Som vil bli presentert på en webside.
Trinn 6
Aktiver Slice Tool. Knappen er på den vertikale verktøylinjen.
Trinn 7
Lag ønsket antall skjæreområder ved hjelp av skiveverktøyet. Velg en praktisk skala for visning av malen. Bruk musen til å sette områdene. Retningslinjene som er lagt til i tredje trinn vil gi presis plassering av grensene til objektene du lager. Juster eksisterende områder om nødvendig ved hjelp av verktøyet Slice Select.
Trinn 8
Endre egenskapene til skjæreområdene etter behov. Aktiver verktøyet Slice Select. Høyreklikk på ønsket område. I kontekstmenyen velger du alternativet Rediger snittalternativer. I dialogboksen Skivealternativer som vises, velg type type (bilde, tomt område, tabell), bakgrunnsfyllingsmodus, spesifiser om nødvendig navn, mål-URL, innhold til alt="Image" -attributtet og andre verdier. Klikk OK.
Trinn 9
Klipp malen. Velg Fil og lagre for Internett og enheter fra menyen, eller trykk Shift + Ctrl + Alt + S. I dialogboksen Lagre for web og enheter spesifiserer du parametere for format og bildekomprimering som malen skal kuttes i. Klikk på Lagre-knappen. Dialogboksen Lagre optimalisert som vises.
Trinn 10
Velg HTML og bilder (*.html) i rullegardinlisten Filtype, og skriv inn navnet på filen der HTML-markeringen for malen skal plasseres i feltet Filnavn. I listen Skiver velger du Alle skiver. Spesifiser katalogen for utdataene, og klikk på "Lagre" -knappen.
Trinn 11
En HTML-fil vil bli plassert i målkatalogen, som faktisk er en ferdig webside mal. Underkatalogen med bilder inneholder settet med bilder som den opprinnelige malen ble kuttet i.
