Hvordan man opbygger en webside skabelon fra scratch-dummies

Standardværktøjet på tværs af digitale bureauer og interne afdelinger til opbygning af websitegrafik er Adobe Photoshop. Selvom fyrværkeri er optimeret og målrettet til at producere web-grafiske kildefiler, er det bare ikke fanget, sandsynligvis på grund af den massive genoplæringsindsats ville det medføre, at hele afdelinger gør omskifteren. Sådan opretter du en ny web-komp-skabelon:

1. Start Photoshop.

2. Vælg Filer → Ny.

   I dialogboksen, der vises, skal du indtaste en lærredsdimension på 1, 200 pixel bred med 1, 000 pixel høj. Opløsningen bør indstilles til 72 dpi ( pixels per inch, faktisk). Farvefunktionen skal være RGB-farve. Baggrundsfarven kan være hvid. Klik på OK.

3. Fra menuen Photoshop skal du vælge Indstillinger → Generelt.

   Til venstre, vælg indstillingen Enheder og Linjemængder. Derefter i hovedvinduesområdet vælger du "pixel" i rullemenuen for linjaler. Klik på OK.

   Du bruger vejledninger. For at gøre det skal du først slå linjerne på menuen Vis som vist i Trin 4.

4. Vælg Vis → Linjaler fra menuen.

   Når du ser linjalerne, skal du klikke på venstre linjal og trække en lodret vejledning og slip den ved 100 pixel markeringen.

   

5. Nulstil 0, 0 markøren.

   I øverste venstre hjørne af dit dokument er der ved skæringspunktet mellem de to linjer et lille firkant med stiplede linjer i den. Klik på den firkant og træk til din guide ved 100-pixel markeringen, men pas på at være øverst på siden. Det, du forsøger at gøre, er at holde 0 øverst på din side (hvor det er nu), men indstil dit nuværende 100 pixel guide mark til 0 i stedet. Hvis du gør det ordentligt, vil du se nummereringsopdateringen i din øverste linjal.

6. Indstil den anden styremarkør.

   Klik på venstre linjal igen og træk en anden vejledning ud. Træk denne nye vejledning på tværs af siden og slip den på 1, 000 pixel markeringen. Hvis du har gjort trin 1-6 korrekt, skal du have en 100 pixel margin på begge sider af dine to guider. Gem dokumentet.

7. Vend baggrunden til et lag.

   I panelet Lag skal du kun have et lag kaldet "Baggrund" i kursiv. Dobbeltklik på den for at gøre den til et lag, der er i stand til gennemsigtighed, og at blive flyttet til lagssæt, som du opretter. I vinduet, der vises, skal du forlade navnet som Lag 0 for nu, og klik på OK.

8. Opret fire lagssæt.

   I bunden af ​​panelet Lag ses et mappeikon. Klik det fire gange for at oprette fire forskellige lagsæt (mapper der kan indeholde lag).De er en fantastisk måde at hjælpe med at holde dig organiseret. Her er trinene:

   1. Dobbeltklik på gruppe 1-teksten i det nederste lagssæt og omdøb det til BACKGROUND i alle hætter.

      Brug alle caps til mappenavne og små bogstaver til lagnavne for at hjælpe med at skelne dem.

   2. Klik og træk lag 0-laget ind i baggrundslaget.

   3. Dobbeltklik på gruppen 2-teksten og omdøb den til FOOTER.

   4. Omdøb de andre tolagssæt INDHOLD og NAVIGATION.

   Disse lagssæt er kun dit udgangspunkt, og du kan få brug for færre eller flere, mens du går. Gem din skabelon.

   

Du har nu et blankt lærred klar til dine kreative inspirationer. Når du opretter nye lag til at arbejde på forskellige dele af din comp, skal du straks navngive dem og sørge for, at de trækkes i det relevante lagssæt. Ikke alene vil det hjælpe dig med at holde dig mere organiseret, enhver anden designer, der henter din comp til at foretage ændringer - såvel som den udvikler, der skal bruge den til at opbygge HTML-versionen af ​​den - vil kunne bedre forstå det.