Erstellt von Chris Schoonens
vor mehr als 8 Jahre
|
||
Frage | Antworten |
Internet | Overkoepelend orgaan: niet alleen webpagina's maar ook services als Skype. Afkorting: Interconnected Networks |
Routers | Bepalen optimale route voor data |
Protocol | Afspraak over betekenis van bits, specificeert inhoud van berichten (bv. HTTP, FTP) |
TCP/IP | Internet Protocol (IP) is verantwoordelijk voor adressering van computer naar computer Transmission Control Protocol (TCP) is verantwoordelijk voor besturing en verificatie van gegevens |
IP-adres | Reeks getallen die apparaat op het internet identificeert |
DNS | Domeinnamen zijn beter te onthouden dan IP-adressen. Omzetten van domeinnamen gebeurd via Domain Name Servers. |
Top Level Domain | .com .edu .gov .mil .net en 2-letterige landcodes (.nl .be .de) |
Second Level Domain | Vóór het top level domain (microsoft avans google) |
URL | Uniform Resource Locator: de plaats van gegevens op het internet |
FTP | Overdracht van binaire bestande, zoals .exe |
HTTP | Overdracht van tekstbestanden |
HTML | Hyper Text Markup Language. Taal voor het beschrijven van een pagina en indelen van tekst |
Request | Browser vraagt aan webserver naar een bestand, bijvoorbeeld index.html |
Response | Webserver stuurt bestand via HTTP terug naar browser |
Tag | Semantische afbakening van informatie waar het uitspraak over doet. De informatie is de inhoud die tussen de tags staat. Gericht op structuur en niet op opmaak. |
Simpele tags | Tags als simpel paar of alleen (bijv <em></em> of <br /> |
Attribute tags | Meer informatie aan een tag meegeven. |
Gestructureerde tags | Hebben pas betekenis als ze met elkaar in de juiste structuur worden gebruikt. |
JPEG | Onbeperkt aantal kleuren, goed voor foto's |
GIF | Beperkt tot 256 kleuren (goed voor logo’s en egale vlakken), mogelijkheid tot animated plaatjes en om een kleur als transparant aan te wijzen |
PNG | Verbeterde versie van gif, vele maten van transparantie mogelijk |
DTD | DocTypeDecleration: definieert de structuur en de elementen en attributen |
Strict | volledige scheiding van opmaak en inhoud |
Verschil XHTML en HTML | Elementen en attributen in kleine letters. In XHTML: alleen <p> is goed en HTML 4: <P> of <p> maakt niet uit. XHTML: <hr size=“7” />, bij HTML 4: <hr size=“7”> of <hr size=7> is allebei goed |
Kleur | Onderdeel van licht, wat weer een onderdeel is van elektromagnetisch spectrum |
RGB | Red, Green and Blue, additief kleurenmodel, voor alle voorwerpen die licht uitstralen |
Additief kleurenmodel | Kleuren mixen maakt lichtere kleuren |
CMY(K) | Cyan, Magenta, Yellow and Black. Substractief kleurenmodel, voor voorwerpen die licht absorberen. K=Key, voor drukwerk, omdat CMY geen zwart geven |
Substractief kleurenmodel | Kleuren mixen maakt donkerdere kleuren |
RYB | Red, Yellow and Blue. Substractief, primair kleurenmodel, is achterhaald, want Red=Magenta en Blue=Cyan dus eigenlijk CMY |
Kleuraspecten | Tint, verzadiging en intensiteit (lichtheid) |
HSB | Hue, Saturation and Brightness. Voor vormgevers |
Kleurschema's | Om te bepalen of kleuren gecombineerd kunnen worden: monochromatic, analogous, complementary en triadic |
Kleurenwiel | Vaste verschuivingen in graden (hue, dus de tint) t.o.v. beginkleur |
Monochromatic | Alleen variatie door verandering van saturation en brightness |
Analogous | Kleuren die qua tint dicht bij elkaar liggen |
Complementary | Kleuren die qua tint tegenovergesteld zijn |
Triadic | Drie kleuren die qua tint gelijkwaardig over het kleurenwiel zijn verspreid |
CSS | Cascading Style Sheet: vertelt de browser hoe HTML-elementen weergegeven moeten worden. Scheiding van opmaak en structuur |
CSS selectors | Bepalen welk HTML-element de opmaak krijgt |
Element selector (CSS) | Bevat de naam van het HTML-element en bepaald dus de opmaak van al die HTML-elementen |
Drie manieren om style toe te passen | 1. Inline style (in HTML-element) 2. Internal style sheet (in Head tag, voor hele pagina) 3. External style sheet (gekoppeld .css-bestand) |
Sequential ordening | Pagina's zijn horizontaal gestructureerd, geschikt voor bijvoorbeeld online trainingen (stap voor stap) |
Complex sequential ordening | Pagina's zijn eerst horizontaal gestructureerd, maar kunnen onderliggende pagina's bevatten (bijvoorbeeld tussenstappen) |
Hiërarchisch gestructuurd | Duidelijke 'boomstructuur', geschikt voor complexe informatie |
Webstructuur | Losse pagina's onderling gekoppeld met links. Bijvoorbeeld Wikipedia |
Functioneel ontwerp | Beschrijving van gewenste functionaliteit: pagina-ontwerp (lay-out) en navigatie (menu) |
Gebruikersanalyse | Inzicht krijgen in gebruiker, eigenschappen van gebruikersgroep worden meegenomen in ontwikkeling. Met persona's en moodboards |
Persona's | Voorstelling van de gebruikersgroep, fictieve karakters, ter inspiratie. Beschrijven wat mensen bindt, gebruikerspatronen: doelstellingen, drijfveren, motivatie, gedrag. |
Moodboard | Visuele weergave om vage en moeilijk te definiëren begrippen duidelijk te krijgen. Houvast voor designer én opdrachtgever. |
Richtingslijnen | Bepalen positie en richting van elementen. Hoe meer richtingslijnen, hoe onduidelijker de pagina. |
Stramien | Constante verdeling van de webpagina's in blokken. Veel stramien: overzichtelijke pagina. |
Ordening webpagina | Bepaalt de invulling van het stramien d.m.v. uitlijnen, groeperen, schikken en ritme. |
Low fidelity prototype | Snel, makkelijk en goedkoop prototype van een website |
High fidelity prototype | Nauwkeurig, compleet en duur prototype van een website |
Fixed paginaontwerp | Vaste formaten van elementen op webpagina: op een groter scherm blijven elementen zelfde grootte (dus worden niet schermbreed weergegeven) |
Liquid paginaontwerp | Formaat van elementen wordt aangepast aan schermgrootte: de webpagina wordt altijd schermbreed weergegeven. |
CSS Box Model | In CSS wordt ieder element beschouwd als een box en bevat: content, padding, border en margin. |
Manieren van positionering | Static, relative, absolute en fixed. |
Static positionering | Boxen worden onder elkaar gepositioneerd, onder- en bovenmarges worden niet opgeteld. |
Relative positionering | Verplaatsen van een box met een offset, kunnen gaan overlappen. De inhoud van een box gaat mee en de oorspronkelijke plaats van de box blijft bezet. |
Absolute positionering | Zet de box op specifieke coördinaten, boxen kunnen overlappen. |
Fixed positionering | Element blijft op vast coördinaten, zelfs als er wordt gescrold. Wordt niet door iedere browser ondersteund. |
Float positionering | Horizontale verplaatsing binnen container, inline elementen wrappen eromheen. Boxen kunnen overlappen, gebruik dan clear:right/left |
Framework | Biedt: structuur, functionaliteit, oplossing voor veelvoorkomende problemen, herbruikbare componenten en een uniforme aanpak |
Front-end- / webframework | Bestaat uit HTML, CSS en Javascript, heeft een uniforme lay-out, een professionele uitstraling en is een goed startpunt voor een website. |
Bootstrap | Meest gebruikt framework, ondersteund door alle belangrijke webbrowsers en is responsive. |
Grid system | Webpagina in kolommen verdeeld. Herschikken op verschillende apparaten. Meestal 12 (Bootstrap) of 16 kolommen. Kolommen geef je aan via de class in een div. (bijvoorbeeld: .col-xs-6 .col-sm-7 .col-md-8 .col-lg-9) |
Möchten Sie mit GoConqr kostenlos Ihre eigenen Karteikarten erstellen? Mehr erfahren.