Så här använder du Photoshop för att designa en webbplats

Det finns många sätt att skapa webbplatser, Photoshop är en av dessa.

steg

Hämta och installera Photoshop

Bildnamn Använd Photoshop för att designa en webbplats Steg 2

Öppna din Photoshop-version på din dator och skapa ett nytt dokument med önskad höjd och bredd (en gemensam bredd är 800px-900px, en vanlig höjd är 1200px-1500px).

Bildnamn Använd Photoshop för att designa en webbplats Steg 3

Skapa en rubrik för din webbplats (med en befintlig bild eller skapa den från början), inklusive logotypen på din webbplats.

Bildnamn Använd Photoshop för att designa en webbplats Steg 4

Skapa knappar för din webbplats meny (form och färg, mellanslag mellan dem, toppmeny, bottenmeny, vänster eller höger sida meny eller en kombination av två eller tre menysatser etc.)..)

Bildnamn Använd Photoshop för att designa på webbplatsen Steg 5

Skapa plats för innehållet, området för sidfoten, ett ställe att publicera banners, ett utrymme för fotogalleriet och så vidare tills du har slutfört det övergripande utseendet på din webbplats.

Bildnamn Använd Photoshop för att designa på webbplatsen Steg 6

Nu den svåraste delen: i Photoshop, dela upp och exportera webbplatsen, och ge namnet till alla underavdelningar innan du exporterar dem (till exempel: välj sidhuvudet och ring sektionen "header", välj Hem-knappen och namnge den "hemknapp" och så vidare tills du har namngett alla avsnitt på webbplatsen).

Bildnamn Använd Photoshop för att designa på webbplatsen Step 7

Det är lämpligt att lämna innehållsområdet tomt eftersom du bara delar upp avsnitten och texten skulle inkluderas i bilden, så att den är tomt kan du lägga till lämpligt innehåll för varje sida.

Bildnamn Använd Photoshop för att designa på webbplatsen Steg 8

Exportera projektet till en ny fil på skrivbordet, exporten skapar en HTML-sida (din sida, ännu inte centrerad och utan innehåll), en CSS-fil och en bildfil som innehåller de olika sektionerna.

Bildnamn Använd Photoshop för att designa ett webbsidor steg 9

Öppna HTML-filen med OneNote eller Anteckningar och redigera HTML-filen (centrera sidan, ange en bakgrundsfärg, sätt in innehållet i en Div-tabell där bildens innehåll finns, skapa metadata för sökorden, innehåll och så vidare...).

Bildnamn Använd Photoshop för att designa på hemsidan Steg 10

Kopiera och klistra in HTML-sidan till antalet dina sidor, och byt namn på dem (Hem, Om oss, Kontakter...).

Bildnamn Använd Photoshop för att designa på hemsidan Steg 11

Skapa interna länkar till sidorna i HTML-filen (eller gör det innan du skapar nya sidor så att du inte behöver repetera operationen) på bilderna på knapparna, skapa Divs och ange adresserna.

Bildnamn Använd Photoshop för att designa en webbplats Steg 12

Ladda upp filerna på din webbplats på värden.

tips

Photoshop är lätt, försök att lära dig det bra och du kommer göra bra saker.

Dela på sociala nätverk:

Relaterade