Yshopnoosa.com

Hur man skapar en webbplats med Photoshop & Dreamweaver

Adobe Creative Suite är en uppsättning program kan ha för att utveckla och skapa en webbplats. En av huvudsakliga skäl till varför eftersom en person inte behöver har omfattande HTML-kunskaper för att kunna skapa en webbplats. Dessa två program kan hjälpa en person gör en minimal mängd av arbete, men fortfarande få en bra slutprodukt.

Instruktioner

Skapa en Design i Photoshop

1 Öppna en ny Photoshop-dokument genom att klicka på ikonen Photoshop på datorn. När programmet öppnas, öppnas Välj "Ctrl + N" och ett nytt dokument.

2 Placera element på sidan. Använd verktygen i verktygslådan till vänster på sidan. Det bästa sättet att göra detta är att Markera rektangelverktyget i verktygslådan. Klicka och dra en rektangelform på sidan för att göra en bar högst upp. Välj en färg att fylla i rutan.

3 Välj verktyget text låda att skapa så många rutor som du behöver längs denna bar. Oftast bör om fem lådor vara tillräckligt. Lådorna kommer att innehålla ord som "Om oss," "Registrera", "Nyheter" "Kontakta oss" och "Köpa."Vad ingår i dessa rutor i slutändan beror på syftet med webbplatsen.

4 Gå till "File" och "Plats" att placera vissa bilder på sidan. Samma regler som gäller för att skriva ut utformning ofta gälla webbdesign också. Detta innebär att du bör se till att element på sidan Anpassa.

5 Slut designen för startsidan för webbplatsen. Spara sidan som en JPEG-fil och stänga den.

Förbereda för webben med Dreamweaver

6 Öppna Dreamweaver. När Dreamweaver öppnar, gå till "File" och sedan klicka på "Öppna". När nästa fönster öppnas, välj "Skapa." Detta finns på det nedre högra hörnet av skärmen.

7 När den nya sidan öppnas, kommer det Visa sidkoden. Hitta fliken "Design" på sidan som är nära fliken "Kod" precis ovanför fönstret HTML-redigering. När du är i design-läge, gå till "Infoga"-menyn högst upp på sidan och välja "Bild" från menyn.

8 Ett fönster visas som gör att du kan välja en bild till på sidan. Hitta JPEG-filen du skapade i Photoshop och markera den. Denna bild kommer nu att på Dreamweaver sidan.

9 Välj verktyget bild karta längst ner på sidan. Klicka sedan och dra med musen över ett område på sidan som du vill göra en länk. Efter detta, gå tillbaka till botten av skärmen och ange en fullständig URL-adress i rutan URL längst ned i fönstret. Upprepa detta steg för varje länk du vill skapa på sidan.

10 Upprepa hela processen (steg 1 och 2) till skapa en annan sida för webbplatsen. Det är upp till dig att utforma varje sida hur du vill utforma det, men viktigt att komma ihåg är att spara den som en JPEG-fil och ladda upp den till Dreamweaver varje gång. När allt är sagt och gjort, har du en attraktiv webbplats som har skapats i Photoshop och Dreamweaver.

Tips & varningar

  • Lägg till text i rutan "Alt" som finns bredvid rutan URL när du gör bildscheman. Detta gör det möjligt för lättare användning bland Visuellt nedsatt när de besöker din webbplats.
  • Glöm inte att ta bort symbolen "#" från fältet "Länk" när du skriver i en ny adress. Ta inte bort detta kommer att orsaka din webbadress till inte fungerar korrekt.