Open Photoshop 1 en maak een nieuwe Web -document door te kiezen voor " Bestand > Nieuw " uit het menu applicatie en het instellen van de " Preset " drop-down naar "Web . " Stel uw gewenste afmetingen voor uw lay-out in de " breedte " en velden ' Hoogte ' , of selecteer een van de standaard web layout maten van de " Size " drop -down . Kopen van 2

Voeg de gewenste visuele beelden naar uw lay-out . Deze kunnen de afbeeldingen geïmporteerd met " File > Place " commando , vormen , knoppen of tekst gemaakt met de onder "Type Tool . "
3

Selecteer de " Slice Tool " van de Hulpmiddelen panel en snijd elk element van uw lay-out door te klikken en te slepen over het met de " Slice Tool " geselecteerd . Maak afzonderlijke segmenten voor elk tekstelement , knop , afbeelding of lijn . Deze schijfjes zullen dienen als de Div -elementen in uw web lay-out.
4

Klik op het menu " File " en selecteer "Opslaan voor web en apparaten " om het optimalisatie dialoogvenster , waarmee u het opzetten van elk element van uw lay-out , zodat het best kan worden weergegeven op het web . Pas de instellingen voor elk segment dat u hebt gemaakt door te klikken op elk afzonderlijk met behulp van de " Slice Select Tool " in de linkerbovenhoek van het dialoogvenster , en het veranderen van de indeling , kwaliteit en kleur instellingen aangepast aan de rechterkant van het strafschopgebied. Klik op " Opslaan" als u elk sneetje hebt geoptimaliseerd om uw voorkeuren .
5

Naam van uw layout -bestand en selecteer een locatie voor het in de aangegeven gebieden van de " Optimale opslaan als " dialoogvenster . Verander de " Formaat" drop-down " HTML en afbeeldingen " en zorg ervoor dat de " Settings " en " Plakken " drop - downs zijn ingesteld op " Default Settings " en " All Slices " respectievelijk . Klik op 'Opslaan'. Uw lay-out is nu klaar om te worden geopend in een web - editor zoals Dreamweaver , waar u koppelingen en gedrag kunnen toevoegen aan de Div secties die u hebt gemaakt met de " Slice Tool . "
< br >