Maak een nieuw document in Adobe Illustrator . Stel de breedte tot 960 pixels en zet de " Color Mode " op "RGB ". Geef het document een naam en klik op "OK . " Kopen van 2

Gebruik de rechthoek tool om een ​​basis lay-out te creëren . Teken grijze rechthoeken in de zwarte " tekengebied " border overeen te komen met grafische en tekstuele elementen die u wilt opnemen in uw webpagina. Pas uw lay-out tot je tevreden bent , en sla je werk .
3

Maak hulplijnen rond uw grijze dozen . Om een hulplijn te maken , klikt u op de horizontale of verticale liniaal aan de randen van je scherm en sleep de muis naar het werkgebied . Laat de muisknop los om de gids te stellen . U kunt opnieuw aan te passen gidsen door te klikken en te slepen met de muis
4

Verwijder je grijze vakken; . Je blijft achter met een lege werkruimte geschetst door verschillende gidsen
5 .

Maak de grafische elementen van uw webpagina , zoals logo's , pictogrammen en tekst mock - ups met behulp van de Adobe Illustrator palet . Gebruik de richtlijnen bij het plaatsen van uw grafische elementen op de webpagina . Zodra u klaar bent met het maken van het uiterlijk van uw website , uw werk opslaan .
6

Selecteer " Guides " uit het menu " View " en klik op " Hulplijnen wissen " om alle gidsen op uw gewist scherm . U moet nieuwe gidsen creëren om afzonderlijke elementen van uw mock - up opslaan voor gebruik op het web .
7

Kies een sectie van uw website mock - up , zoals de navigatie- menu of de grafische pictogrammen en sleep een nieuwe reeks van gidsen rond deze sectie zodat elk individueel element van de sectie is ingekapseld in een doos .
8

Selecteer " Slice " uit het menu " Object " en klik op " creëren van gidsen . " Nummers zullen verschijnen in de vakken die u hebt gemaakt , deze dozen zijn grafische " slices " dat kan worden opgeslagen als afzonderlijke beelden voor gebruik in een webpagina . Selecteer "Opslaan voor web en apparaten " uit het menu "Bestand " om een nieuw dialoogvenster te openen .

Klik 9 op de " Slice Select Tool " in de " Opslaan voor web en apparaten " venster . Selecteer de segmenten die u wilt exporteren door erop te klikken in het venster viewer . Stel de " Image Typ " op "JPEG " en klik op "Opslaan " om uw schijfjes slaan als afzonderlijke beelden .

Herhaal 10 stappen 6 tot 9 om afzonderlijke afbeeldingen van alle grafische elementen van uw web te creëren pagina . Zodra u de grafische elementen opgeslagen , importeren in een webpagina ontwerp programma zoals Adobe Dreamweaver .