3783389
Description
Flashcards by Chris Schoonens, updated more than 1 year ago
|
Created by Chris Schoonens
over 8 years ago
|
|
| Question | Answer |
| 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) |
Want to create your own Flashcards for free with GoConqr? Learn more.