Huis Sociale Media Ontwerpen / opnieuw ontwerpen van een website voor fotografie - dummies

Ontwerpen / opnieuw ontwerpen van een website voor fotografie - dummies

Inhoudsopgave:

Video: Margaret Gould Stewart: How giant websites design for you (and a billion others, too) 2024

Video: Margaret Gould Stewart: How giant websites design for you (and a billion others, too) 2024
Anonim

1 6

Bepaal wat een fotograaf nodig heeft op een website.

In veel gevallen zijn de afbeeldingen die fotografen maken minimaal: een verzameling vormen of kleuren die artistiek zijn gerangschikt in de zoeker.

Wanneer een fotograaf een afbeelding maakt, bepaalt hij wat erin blijft en wat buiten beeld blijft. Een fotograaf is een visuele verhalenverteller. Hij gebruikt licht en schaduw om afbeeldingen te maken. Kijkers zullen meer geven dan alleen een vluchtige blik.

Een competente fotograaf kan een goed belichte afbeelding maken, maar een fotograaf die digitale technologie heeft overstegen, creëert iets dat een kunstwerk is. De website van een fotograaf is het kader voor zijn kunstwerken.

2 6

Weet wanneer minder meer is.

Een gestroomlijnde minimale benadering voor deze site gebruikt een gebroken witte achtergrond. De koptekst en het menu zijn gemaakt in Adobe Fireworks CS6 en geëxporteerd als afbeeldingen en HTML.

3 6

Maak een sjabloon.

Start de site in Adobe Dreamweaver CS6 door een nieuw HTML-document te maken en vervolgens een HTML-code te importeren die is geëxporteerd vanuit Fireworks. Na de lay-out van de site met plaatsaanduidingen voor tekst en andere inhoud, slaat u het bestand op als een Dreamweaver-sjabloon in het DWT-formaat. Vervolgens kunnen alle resterende pagina's van deze sjabloon worden gemaakt.

4 6

Maak een startpagina.

De startpagina moet enigszins opgewekt zijn om bezoekers aan te kondigen dat ze zeker op een fotowebsite zijn beland. Een diavoorstelling met beelden van kunst is slechts een kaartje. De diavoorstelling moet compatibel zijn met draagbare apparaten zoals de iPad. Daarom is het gebruik van Flash uitgesloten.

Na enig onderzoek besloot de ontwerper om de Image Rotator Magic Dreamweaver-plug-in van Project Seven te gebruiken om een ​​niet-Flash-diavoorstelling op de startpagina van de site te maken.

5 6

Laat de site uitkomen.

Afbeelding Rotator Magic is een krachtige invoegtoepassing waarmee een ontwerper geanimeerde banners, zijbalken en diavoorstellingen kan maken. De Dreamweaver-extensie heeft een gebruiksvriendelijke interface waarmee u kunt kiezen welke afbeeldingen u wilt opnemen, bepalen hoe lang een afbeelding wordt weergegeven en nog veel meer.

Het mooie van de applicatie is dat het eindresultaat geen Flash is, wat betekent dat het kan worden bekeken op draagbare apparaten zoals de iPad. De extensie maakt ook alle code die wordt gebruikt om van afbeelding te wisselen.

6 6

Maak de galerij en voltooi de site.

Elke websitesite heeft een of andere galerij nodig. In plaats van een apart vervolgkeuzemenu voor elke galerij, wilde de ontwerper een enkele galerij maken met alle genres van het werk van zijn bedrijf.

Project Seven was de bron voor nog een andere elegante oplossing. Een combinatie van de Horizontal Glider-extensie, die werd gebruikt voor het galerijmenu, en Image Rotator Magic, die werd gebruikt om de afzonderlijke galerijen te maken, bleek de ideale oplossing.

Nadat de galerie is gemaakt, heeft de ontwerper de pagina's Over en Contact voltooid op basis van de sjabloon die hij heeft gemaakt toen hij het project startte. Hij dacht aan zoekmachine-optimalisatie (SEO) toen hij de startpagina en de andere pagina's maakte. Hij gebruikte het Google-hulpprogramma voor zoekwoorden om de optimale zoekwoorden voor zijn fotografie-activiteiten te vinden en doorspitste ze in de tekst, paginatitels en alt-tags.

Vorige Volgende

Ontwerpen / opnieuw ontwerpen van een website voor fotografie - dummies

Bewerkers keuze

Voeg een paginaversnellingsnummer toe aan een InDesign CS5 Story - dummies

Voeg een paginaversnellingsnummer toe aan een InDesign CS5 Story - dummies

Voor verhalen met een rode draad (flow ) van de ene pagina naar de andere in een InDesign Creative Suite 5-publicatie, voegt u een paginaversnelling toe om aan te geven waar het verhaal zich voortzet. Voordat u begint, moet u ervoor zorgen dat een verhaal tussen tekstkaders op twee verschillende pagina's wordt geschoven.

Werk met Type in Adobe Illustrator CC - dummies

Werk met Type in Adobe Illustrator CC - dummies

U kunt allerlei leuke dingen doen met type in Adobe Illustrator CC, van de eenvoudigste taak om een ​​enkele regel tekst te maken tot meer gecompliceerde creatieve gebruiken van tekst, zoals tekst langs paden plaatsen en tekst om objecten heen wikkelen. Deze afbeelding toont de Type-gereedschappen met een voorbeeld van wat u ...

Voeg gradiënten toe aan InDesign CS5 Shapes - dummies

Voeg gradiënten toe aan InDesign CS5 Shapes - dummies

In InDesign Creative Suite 5 is een verloop de kleurovergang van één kleur (of geen kleur) naar een andere kleur. Verlopen kunnen twee of meer kleuren in de overgang hebben. U kunt een verloop toepassen op de lijn of vulling van een vorm, of op tekst. De twee soorten verlopen die beschikbaar zijn in InDesign zijn radiaal ...

Bewerkers keuze

Hoe je je videoblog bewerkt (Vlog) - dummies

Hoe je je videoblog bewerkt (Vlog) - dummies

Nu heb je nagedacht over je videoapparatuur, het videoblog (vlogging) platform dat je zou willen gebruiken en waar je waarschijnlijk je vlogs gaat filmen. Je bent klaar om te gaan! Maar wacht. Hoe zit het met het bewerken van die onbewerkte beelden voordat je deze met de wereld deelt? Zeker, veel vlogs worden onderweg gefilmd en gepost op de ...

Hoe u lettertypen insluit op uw blogsite - dummies

Hoe u lettertypen insluit op uw blogsite - dummies

Op een bepaald moment was de livetekst beperkt tot gebruik van webveilige lettertypen. Gelukkig heb je nu veel meer interessante keuzes met betrekking tot lettertypen dankzij de technologie voor het embedden van lettertypen, waarmee je een lettertype kunt insluiten in de webpagina's van je blog. Met een ingesloten lettertype zien bezoekers het lettertype dat u hebt geselecteerd voor uw ontwerp, zelfs als dat lettertype niet is ...

Hoe u passende vriendschappen kunt aanmoedigen in online community's voor kinderen - dummies

Hoe u passende vriendschappen kunt aanmoedigen in online community's voor kinderen - dummies

Wat is een sociaal netwerk zonder vrienden? Als een online community geen interactie toestaat, zou het helemaal geen community zijn. Het probleem komt wanneer kinderen vrienden maken met mensen die ze niet kennen. Jonge kinderen maken niet altijd de beste keuzes, daarom moet je je bij de ouders voegen om kinderen te helpen ...

Bewerkers keuze

Hoe Photoshop (. Psd) bestanden importeren in Flash CS5 - dummies

Hoe Photoshop (. Psd) bestanden importeren in Flash CS5 - dummies

Of uw Adobe Flash Creative Suite 5-project heeft een eenvoudige foto of gecompliceerde gecompileerde illustraties nodig, dankzij de Photoshop Import-opties van Flash CS5 is het eenvoudig om een ​​foto te importeren. psd-bestand, terwijl afzonderlijke lagen kunnen worden bewerkt, zelfs met type- en laagstijlen. U kunt Photoshop-lagen distribueren naar Flash-lagen, ze rangschikken als hoofdframes of afzonderlijk converteren ...

Geluiden importeren in Adobe Flash CS6 - dummies

Geluiden importeren in Adobe Flash CS6 - dummies

De beste multimedia-creaties kunnen enorm worden verbeterd met geluid effecten en muziek. Adobe Flash CS6 ondersteunt volledig de import, plaatsing en besturing van geluiden in veel verschillende indelingen, zodat u eenvoudig loops, geluidseffectbestanden en zelfs muziek van uw kunt binnenhalen. mp3 verzameling. Je kunt je film verbeteren met achtergrondmuziek ...

Hoe een Flash CS5-film aan een webpagina te koppelen - dummies

Hoe een Flash CS5-film aan een webpagina te koppelen - dummies

U kunt eenvoudig een koppeling maken naar een website of webpagina binnen Flash-films met behulp van een knop of stuk tekst en een beetje codehulp van het paneel Codefragmenten. Voor uw fotoviewer koppelt u de tekst die u op het werkvlak hebt geplaatst aan de Adobe-website om gebruikers te laten weten hoe ...