Åbn Photoshop på din computer og opret et nyt dokument, indstil højde og bredde efter dine præferencer (en normal bredde er mellem 800px og 900px og højden er mellem 1200px og 1500px).
3
Opret et overskrift til dit websted (fra et billede tilgængeligt eller oprettet af dig) med dit logo indlejret i det.
4
Opret menuknapperne på webstedet (definer form og farve, mellemrummet mellem dem, uanset om det vil være en top, bund, venstre eller højre menu).
5
Opret indholdsareal, sidefod, sted for at placere bannere, et fotogalleri og så videre, indtil du får det overordnede design af webstedet.
6
Nu den sværeste del i Photoshop: skære og eksportere det færdige sted, navngiv alle dele før du eksporterer dem (for eksempel: markér overskriftens område med kutteren og navngiv det "header", kontroller området på Home-knappen med navnet "Page Initial "og så videre for hver separat del af hjemmesiden).
Video: Guiden til hvordan man bruger Photoshop som en PRO!!!!
7
Det er tilrådeligt at lade indholdsområdet være tomt, da det nu kun gemmes som dele af billeder, og teksten forbliver som en del af dem. Når du er tom, kan du tilføje indholdet på hver side separat.
8
Eksporter til en ny fil på skrivebordet. Eksporten vil oprette en webside i HTML (din side er endnu ikke centreret og uden indhold), en CSS-fil og et filbillede med alle de forskellige nedskæringer og billeder inde i den.
Video: Elektrotuts: Hvordan man laver en hjemmeside med HTML
9
Åbn HTML-filen med OneNote eller Notesblok og foretag ændringer til HTML (center hele siden, angiv baggrundsfarve, læg indholdet i en Div-tabel, hvor billedindholdet er, opret Metadata til søgeord, indhold og så videre...).
10
Kopier og indsæt den samme HTML-side i henhold til antallet af nødvendige sider, og giv dem navnene på relaterede sider (Hjem, Om os, Kontakt os osv.)).
Video: Hvordan Man Laver En God Call Of Duty / CS:GO Thumbnail! [Photoshop CC / CS6 2017]
11
Opret interne links til siderne af HTML-filer (eller gør dette, før du opretter flere sider, så du ikke behøver at gentage sig selv), hvor koden til knapbilledet er oprettet af divs og adresserne på linkene.
12
Upload det færdige websted til, hvor det vil blive hostet.
Video: [Photoshop] Lav din egen brush
tips
Photoshop er nemt, bare lær det godt at lave vidunderlige værker.