De typische webpagina is opgebouwd uit verschillende elementen , die elk op zich is vrij eenvoudig te maken . Vaak worden deze elementen gemaakt in grafische programma's afzonderlijk , en vervolgens bij elkaar gebracht voor de eerste keer in een webpagina - editing programma zoals Dreamweaver of Expression Web . Echter , als u een kopie van Adobe Photoshop , kunt u uw webpagina ontwerpen direct in Photoshop , het creëren van elk element precies waar u het wilt vanaf het begin . Dit heeft ook het extra voordeel van u te laten de vele grafische functies en gereedschappen van Photoshop te gebruiken tijdens het maken van uw pagina . Instructies
1 Sla afbeeldingen of afbeeldingen die u wilt gebruiken voor uw webpagina ( zoals een logo ) op de harde schijf van uw computer , hetzij door ze te kopiëren vanaf een camera of andere digitale media . Als alternatief kunt u een scanner gebruikt om gedrukte versies van uw afbeeldingen scannen .
Open Photoshop 2 . Selecteer " File " uit het menu en kies "Nieuw . " In het dialoogvenster dat nu verschijnt , klikt u op "Presets . " Van de opties , kies " Web . " Klik vervolgens op " Size " en in het optiemenu kiest u het gewenste formaat voor uw pagina , zoals as1024 x 768 of 800 x 600 . Noem het document " UwNaam webpagina . " Klik op "OK . " Klik op de " New Layer" knop onder de " Layers" palet .
3 Selecteer de & ldquo ; Rechthoekige hulpmiddel Shape " uit het palet . Ga naar de opties voor het gereedschap die verschijnen aan de bovenkant , de modus op " Shape Layer " en kies de kleur die u wilt gebruiken als achtergrond voor uw webpagina banner . Nu trekken de banner vorm op het doek . Klik op de " New Layer" knop te drukken .
4 Herhaal stap drie aan de andere basisvormen u nodig hebt op uw webpagina , zoals verdelers of navigatie- knoppen te maken . Gebruik dezelfde kleur die u gebruikt voor uw banner achtergrond tot een algemene kleur thema voor uw webpagina's maken.
5 Selecteer " File " uit het menu en kies "Openen . " In de dialoogvenster dat nu verschijnt , gaat u naar de locatie waar u in stap 1 hebt opgeslagen uw afbeeldingen , en open de eerste afbeelding die u wilt gebruiken .
6 Ga naar de " Layers " palet aan de linkerkant van het scherm , houdt u de " Ctrl "-toets op uw toetsenbord en klik op het preview-beeld naast de laag . Selecteer " Bewerken" uit het menu en kies 'Kopiëren'.
7 Ga terug naar de " UwNaam Webpagina " document . Selecteer " Bewerken" uit het menu en kies ' Plakken'. Gebruik de functie " Verplaatsen " en de functie " Scale " vinden onder "Edit " om de positie van de afbeelding waar u wilt op de webpagina . < br >
Herhaal 8 stappen 5 tot 7 om alle afbeeldingen die u wilt gebruiken voor uw webpagina importeren .
9 Selecteer het gereedschap "Type " van het palet . De " Type" hulpmiddel opties verschijnen . Kies het lettertype en de kleur die u wilt voor uw banner . Typ vervolgens in de tekst over de banner . Herhaal deze stap alle tekst die u nodig hebt voor de elementen van uw pagina .
10 Selecteer het gereedschap " Slice " uit het palet toe te voegen . Gebruik het gereedschap om een schijfje rond de banner en alle knoppen te maken . Klik met de rechtermuisknop op elke plak en kies 'Eigenschappen'. In het dialoogvenster , noem elke plak . Selecteer " File " uit het menu en kies " Opslaan voor web en apparaten . " In het dialoogvenster , kiest u GIF als bestandstype en klik op 'Opslaan'. Photoshop wordt een map met de gesneden beelden en een HTML opslaan bestand dat u kunt plaatsen op uw website .
|
