Sådan bruges Photoshop til at lave et websted

Der er mange måder at oprette websites på, og Photoshop er en af ​​dem.

trin

Billedbetegnelse Brug Photoshop til at designe et websted Trin 1
1
Download og installer Photoshop.
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 2
    2
    Å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).
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 3
    3
    Opret et overskrift til dit websted (fra et billede tilgængeligt eller oprettet af dig) med dit logo indlejret i det.
  • Billede med titlen Brug Photoshop til at designe et websted Trin 4
    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).
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 5
    5
    Opret indholdsareal, sidefod, sted for at placere bannere, et fotogalleri og så videre, indtil du får det overordnede design af webstedet.
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 6
    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!!!!

    Billedbetegnelse Brug Photoshop til at designe et websted Trin 7
    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.
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 8
    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.
  • Billede med titlen Brug Photoshop til at designe et websted Trin 9

    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...).
  • Billede med titlen Brug Photoshop til at designe et websted Trin 10
    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.)).
  • Billede med titlen Brug Photoshop til at designe et websted Trin 11

    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.
  • Billedbetegnelse Brug Photoshop til at designe et websted Trin 12
    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.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com