Persoonlijke websites zijn niet meer ongewoon in het World Wide Web . Mensen te creëren en beheren van hun eigen websites voor zowat alles , zaken , hobby's , illustraties , enz. Een geweldig instrument dat wordt gebruikt voor het ontwerpen van op maat gemaakte websites is Adobe Photoshop . Gebruikers zijn in staat om een beeld dat kan worden gebruikt als achtergrond lay-out voor hun website te maken en eenvoudig converteren van een afbeelding van een webpagina in een volledig functionerende HTML-pagina . Photoshop is een instrument van keuze onder webdesigners , en met een paar eenvoudige stappen kunt u leren om een aantal krachtige mogelijkheden om uw eigen websites te ontwerpen benutten . Wat je nodig hebt
Computer
Adobe Photoshop ( versie 7.0 of hoger ) op Twitter Toon Meer Aanwijzingen
1 Open Adobe Photoshop en maak een leeg document met een resolutie van minimaal 800 pixels x 600 pixels . Voer 72 Pixels /Inch als de waarde voor de resolutie .
Ontwerp 2 uw web lay-out . Gebruik je fantasie , of laten inspireren door een website die je bewondert . Begin met het selecteren van een achtergrondkleur en het invullen van uw canvas met het emmertje ( sneltoets G ) . Plaats foto's en ontwerpen om uw pagina op maat met een aangepaste look .
Houd rekening met de basiscomponenten van een functionerende website . Zorg ervoor dat u ruimte voor een navigatiebalk , een belangrijke ruimte voor uw tekst , evenals een soort van een titel banner op uw webpagina bevatten . Als u van plan bent om widgets op uw pagina te plaatsen , zeker om ruimte te laten voor dat ook .
Slice -up van uw website lay-out 3 . Zodra u klaar bent met het ontwerpen van uw webpagina , moet u het gereedschap Segment gebruiken ( K ) te verdelen de onderdelen van uw pagina . De Slice tool zal uw pagina in rechthoekige secties , die zal worden geëxporteerd als afzonderlijke beelden die stuk samen om uw webpagina te maken verdelen . Klik en sleep het gereedschap en schetsen de belangrijkste ruimten en knoppen die zullen worden op uw pagina's . Bijvoorbeeld, je wilt plakken voor elke knop die zullen worden op uw navigatiebalk , dus wanneer de beelden worden geëxporteerd die knop kun je gebruiken als een link naar een andere pagina in uw site .
4 Exporteer uw ontworpen pagina uit Photoshop . Wanneer u klaar bent met het maken van plakken in uw eigen webpagina te optimaliseren, bent u klaar om de afbeelding te exporteren vanuit Photoshop te werken aan het bestand in een HTML-editor . Exporteer uw web lay-out door het selecteren van " File " en vervolgens " Opslaan voor web en apparaten ... " uit de bovenste menubalk . Een dialoogvenster verschijnt en vraagt om het bestandsformaat waarin u wilt uw afbeelding exporteren. Elk bestandsformaat zal doen , en dit is een kwestie van persoonlijke voorkeur . Selecteer JPEG of BMP als het formaat , hit " OK" en sla het bestand . U hebt nu uw web lay-out die uit Photoshop als een . Html -bestand met afbeeldingen , en zijn klaar om de website te publiceren of verder te tweaken met een HTML-editor .
|
