OPDRACHT: Start jouw webshop

Hoofdtekst en voettekst invullen op de Home-pagina

Werkvorm: per 2 – Breakout Rooms

Tijd: 30 minuten

BINOOM

1. Start een blanco website op voor jullie bedrijf.
   Houd jullie plan van de voormiddag bij de hand.
2. Maak een logo aan voor jullie webshop, als jullie dit in opdracht 1 nog niet gedaan hebben.
   Je kan dit doen door middel van de Wix logo maker, maar er zijn nog andere applicaties, vrij beschikbaar op het web om aan jullie logo te werken.
   Houd rekening met de uitstraling, kleuren, typo e.d. die jullie overeengekomen zijn.
   Dit hoeft nog geen finale versie te zijn.
   BENEDEN AAN DEZE PAGINA VINDEN JULLIE BIJKOMENDE LINKS NAAR APPLICATIES OM EEN LOGO OP TE BOUWEN.
3. Plaats het logo in de koptekst.
4. Voeg aan de koptekst ook een menu toe (dit zal momenteel enkel een ‘Home’ bevatten).
   Zorg via de Instellingen van de koptekst dat hij zichtbaar blijft tijdens het scrollen.
5. Maak ook jullie voettekst aan met contact- en/of adresgegevens.
6. Maak binnen de map van jullie project een nieuwe folder. Noem die ‘beelden‘. Zoek beelden die als product dienst kunnen doen voor jullie project en bewaar die in deze map. Zo kan je straks al jouw beelden in één keer uploaden naar de website.
7. VERGEET NIET OM OP TE SLAAN EN JOUW WEBSITE EEN NAAM TE GEVEN.

PIXELAFBEELDINGEN VS. VECTORAFBEELDINGEN

Pixelafbeeldingen, bijvoorbeeld foto's

De kleinste eenheid van elke pixelafbeelding is het beeldpunt 
( de pixel). De belangrijkste eigenschap waarmee 
pixelafbeeldingen kunnen worden beschreven,
is het aantal beeldpunten. 

Het totale aantal pixels bepaalt de kwaliteit van het beeld 
en de opslagruimte die het inneemt. 
Dit is de resolutie van het beeld. Voor beelden die op een scherm 
getoond worden is een resolutie van 72 dpi (dots per inch) 
voldoende. Voor drukwerk is een hogere resolutie nodig (300 dpi).
Pixelafbeeldingen kunnen niet oneindig vergroot worden zonder
verlies van kwaliteit.


Vectorafbeeldingen, bijvoorbeeld Logo's

Anders dan pixelafbeeldingen bestaan vectorafbeeldingen niet 
uit afzonderlijke beeldpunten, maar uit zogenaamde meetkundige
objecten zoals lijnen, cirkels of curves die door parameters zoals
beginpunt, eindpunt, straal, kantlengte, lijndikte, kleur en
vulpatronen worden gedefinieerd. 

Moderne vector tekenprogramma’s geven ook kleurverloop en 
transparantie weer. Deze objecten worden niet gedefinieerd als een 
opeenvolging van pixels, maar logisch beschreven aan de hand van hun 
eigenschappen. 

Voor de beschrijving van een eenvoudige cirkel zijn bij 
vectorafbeeldingen dus alleen de positie van het middelpunt, de 
straal, de kleur en de lijndikte nodig om het object in elke 
denkbare afmeting af te beelden.

Hier blijkt het grote voordeel van vectorafbeeldingen ten opzichte 
van rasterafbeeldingen: een afbeelding kan naar wens worden vergroot 
zonder verlies van kwaliteit, omdat de opgeslagen parameters gewoon 
worden omgerekend naar de nieuwe afmeting. 
In tegenstelling tot een pixelafbeelding, heeft de weergavegrootte 
van een vectorafbeelding geen invloed op de benodigde opslagruimte. 

GRATIS TOOLS

fotobewerking:
https://www.photopea.com/ (online )
https://www.gimp.org/ (download)

vectorbeelden:
https://vectr.com/ (online)
https://inkscape.org/ (download)