Startopdracht: Lees tekst bron online: Onderdelen van een website: Lesbrief 1, taak 3, opdracht 5
1 / 21
volgende
Slide 1: Tekstslide
Dienstverlening en ProductenMiddelbare schoolvmbo gLeerjaar 3
In deze les zitten 21 slides, met interactieve quiz, tekstslides en 2 videos.
Lesduur is: 100 min
Onderdelen in deze les
Welkom
Startactiviteit
lesdoelen doornemen
korte theorie LessonUp
Opdrachten maken
Inleveren en opruimen
Afsluiten
Einde van de les
Startopdracht: Lees tekst bron online: Onderdelen van een website: Lesbrief 1, taak 3, opdracht 5
Slide 1 - Tekstslide
Leerdoelen
leer je wat een huisstijl is
leer je hoe je een logo kunt ontwerpen
een header, sidebar en een footer herkennen
een webshop lay-out herkennen
hoe je een prototype van een webshop maakt
hoe je een pop-up herkent en kunt toepassen
welke vormen van navigatie er zijn
Slide 2 - Tekstslide
Wat is een huisstijl?
Slide 3 - Woordweb
Slide 4 - Video
Huisstijl
xz
Naam
Logo
Kleur
Typografie
Bepaalde vormen
Slide 5 - Tekstslide
wat is typografie?
Het is overal om ons heen te zien. Van verkeersborden tot aan de tekst op snoeppapiertjes, maar ook de kleine letters op filmposters; alles is typografie zolang er over na is gedacht. Typografie kan het beste worden omschreven als: de kunst van het vormgeven, opmaken.
het vormgeven van tekst
Slide 6 - Tekstslide
Kleur
Een kleur kan ervoor zorgen dat jouw bedrijf extra opvalt.
Elke kleur heeft zijn eigen kenmerken.
Slide 7 - Tekstslide
Een belangrijk onderdeel van een huisstijl is het logo
Slide 8 - Tekstslide
Slide 9 - Video
Lay Out
Het ontwerp of vormgeving van een webshop
De bezoeker beslist in enkele seconden of de website interessant is
De webshop moet hem dus snel naar de juiste informatie leiden. Dit doe je met een goede navigatie. Deze zorgt ervoor dat een bezoeker gemakkelijk door de webshop gaat.
Zorg dan ook dat je lay-out bestaat uit korte stukjes tekst en mooi beeldmateriaal.
Slide 10 - Tekstslide
Vertrouwen
De belangrijke informatie goed zichtbaar in je webshop te plaatsen.
De bezoeker wil weten:
waar jouw webshop gevestigd is
welke mensen er achter de webshop zitten
hoe de betaling en verzending is geregeld
hoe er met persoonlijke gegevens wordt omgegaan
De bezoeker wil alleen zijn gegevens achterlaten als hij zeker weet dat het een veilige omgeving is. Hij moet erop kunnen vertrouwen dat alles goed geregeld is.
Slide 11 - Tekstslide
Template
Een kant-en-klaar design. Een pagina die al een bepaalde vorm heeft.
Slide 12 - Tekstslide
Voor- en nadelen
Nadeel:
Het is duur. Je kunt het design voor je eigen webshop niet mooi genoeg vinden
Voordeel:
Dit bespaart tijd. Je hebt weinig kennis nodig van het ontwerpen van een webshop.
Slide 13 - Tekstslide
Homepage
Alle websites of webshops beginnen met een startpagina ook wel homepage of portal genoemd.
Deze pagina is de etalage van je webshop en het visitekaartje. Het is belangrijk dat deze pagina er professioneel en betrouwbaar uitziet.
Slide 14 - Tekstslide
De webpagina’s kun je verdelen in
drie secties:
header body
footer
Afhankelijk van de layout kun je hier ook nog sidebars aan toevoegen.
Slide 15 - Tekstslide
Menustructuur
De menustructuur van een webshop bepaalt de manier waarop een bezoeker de webshop kan bekijken. Bezoekers van een webshop zijn vaak ergens naar op zoek. Dit moeten ze snel kunnen vinden. Bij het ontwikkelen van een webshop is het daarom belangrijk dat je een gebruiksvriendelijke navigatiestructuur maakt.
Slide 16 - Tekstslide
Prototype
Een eerste schets of versie.
de pagina’s die er moeten zijn
de achtergrondkleur of afbeelding
de plaats waar de tekst komt
het lettertype en de lettergrootte
de plaats van de afbeeldingen
de positie van de navigatie.
Probeer je in te leven in je bezoeker. Hoe ervaart een bezoeker het als hij een website bezoekt of bij webshop een bestelling plaatst?
Slide 17 - Tekstslide
Redirecten/Forwarden
Dit betekent dat je de bezoeker automatisch doorstuurt naar een andere pagina.
Een webshop onder een nieuwe domeinnaam en je wilt je oude klanten behouden
Slide 18 - Tekstslide
Aan de slag
1:Je gaat brainstormen over je huisstijl en het ontwerp van je logo. Je krijgt een A3 blad.
Maak 4 totaal verschillende schetsen voor jouw unieke logo.
Hierin verwerk je je huisstijl.
Daarna maak je je echte logo in Word.
2:: Een menustructuur getekend
Slide 19 - Tekstslide
Opdracht Logo Schetsen en ontwerpen
Je gaat brainstormen over je huisstijl en het ontwerp van je logo. Je krijgt een A3 blad.
Maak 4 totaal verschillende schetsen voor jouw unieke logo.
Lesduur is: 100 min
