Professionelle webdesignere udvikler webstedsskabeloner, normalt i kraftfulde grafikredigeringsprogrammer som Adobe Photoshop. Resultatet af arbejdet er en fil med et billede, som i denne form leveres til kunden. For at bruge det færdige design, det vil sige at lægge en webside ud, skal du klippe skabelonen.
Nødvendig
raster grafik editor Adobe Photoshop
Instruktioner
Trin 1
Åbn skabelonfilen i grafikeditoren Adobe Photoshop. Vælg Filer og åbn i menuen, eller tryk på tastekombinationen Ctrl + O. I den dialogboks, der vises efter det, skal du gå til biblioteket med filen, vælge den på listen og klikke på knappen "Åbn".
Trin 2
Vælg en praktisk skala til visning af skabelonbilledet. Brug zoomværktøjet eller genvejsmenupunkterne. Vælg en skala, der giver dig mulighed for at placere markøren med pixelpræcision. Dette er nødvendigt for nøjagtigt at indstille referencelinjerne.
Trin 3
Dann et sæt referencelinjer over skabelonbilledet. Tænd for visningen af linealer i dokumentvinduer, hvis den ikke allerede er tændt. For at gøre dette skal du trykke på Ctrl + R eller vælge Vis og linealer i menuen.
Trin 4
Flyt musemarkøren over den øverste lineal for at tilføje en vandret referencelinje. Tryk og hold venstre tast nede. Flyt musemarkøren ned til billedområdet. På samme måde kan du ved hjælp af højre lineal tilføje vandrette linjer.
Trin 5
Tilføj det krævede antal referencelinjer, og placer dem langs grænserne for delingen af skabelonens regioner. Linjerne skal gå gennem alle de steder, hvor du vil klippe skabelonen. De skal begrænse alle billeder og logiske områder (logo, sidehoved, vandrette og lodrette menuer osv.), Der vises på en webside.
Trin 6
Aktivér skiveværktøjet. Dens knap er på den lodrette værktøjslinje.
Trin 7
Opret det krævede antal skæreområder ved hjælp af skiveværktøjet. Vælg en praktisk skala til visning af skabelonen. Brug musen til at indstille områdets grænser. Retningslinjerne tilføjet i det tredje trin giver en præcis placering af grænserne for de objekter, du opretter. Juster de eksisterende områder, hvis det er nødvendigt, ved hjælp af Slice Select Tool.
Trin 8
Skift egenskaberne for skæreområderne efter behov. Aktivér værktøjet til skivevalg. Højreklik på det ønskede område. I genvejsmenuen skal du vælge elementet Rediger indstillinger for udsnit. I dialogboksen Slice Options, der vises, skal du vælge typen af område (billede, tomt område, tabel), baggrundsudfyldningstilstand, angive om nødvendigt navn, mål-URL, indhold af attributten alt="Image" og andre værdier. Klik på OK.
Trin 9
Klip skabelonen. Vælg File og Save for Web & Devices i menuen, eller tryk på Shift + Ctrl + Alt + S. I dialogboksen Gem til web og enheder skal du angive formatet og billedkomprimeringsparametrene, som skabelonen skal klippes i. Klik på knappen Gem. Dialogboksen Gem optimeret som vises.
Trin 10
Vælg HTML og billeder (*.html) i rullelisten Filtype, og indtast navnet på den fil, hvor skabelonens HTML-markering placeres i feltet Filnavn. Vælg Alle udsnit på listen Skiver. Angiv kataloget for output, og klik på knappen "Gem".
Trin 11
En HTML-fil placeres i målmappen, som faktisk er en færdiglavet webside-skabelon. Underkatalogen med billeder indeholder det sæt billeder, som den originale skabelon blev skåret i.
