Startopdracht: Lees tekst bron online: Onderdelen van een website: Lesbrief 1, taak 3, opdracht 5
1 / 21
next
Slide 1: Slide
Dienstverlening en ProductenMiddelbare schoolvmbo gLeerjaar 3
This lesson contains 21 slides, with interactive quiz, text slides and 2 videos.
Lesson duration is: 100 min
Items in this lesson
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 - Slide
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 - Slide
Wat is een huisstijl?
Slide 3 - Mind map
Slide 4 - Video
Huisstijl
xz
Naam
Logo
Kleur
Typografie
Bepaalde vormen
Slide 5 - Slide
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 - Slide
Kleur
Een kleur kan ervoor zorgen dat jouw bedrijf extra opvalt.
Elke kleur heeft zijn eigen kenmerken.
Slide 7 - Slide
Een belangrijk onderdeel van een huisstijl is het logo
Slide 8 - Slide
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 - Slide
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 - Slide
Template
Een kant-en-klaar design. Een pagina die al een bepaalde vorm heeft.
Slide 12 - Slide
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 - Slide
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 - Slide
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 - Slide
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 - Slide
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 - Slide
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 - Slide
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 - Slide
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.