Webbutveckling 1 Flashcards
(75 cards)
Förklara internets historia
60s - ARPA (US army) bygger nätverk för armén
69 - Arpanet födds
73 - Första international kontaken (m. Norge)
83 - Arpanet från 2vägs kom (NCP) till TCP/IP-protokoll samt blev civilt
84 - skapar Ulf Bilting 1a svenska IP-adressen & koppla upp sverige på Arpanet.
Televerket i EU ville få igenom sitt X.25-system så de kunde ta betalt för trafiken
89 - bygger Tim Berners-Lee www. samt första webbservern & html & http som grunden till vårt nät idag
Förklara HTTP
HTTP (HyperText Transfer Protocol)
Protokoll & Schema mellan webbläsare & webbservern på TCP/IP nätverk
Är vad som sker efter DNS
Du kommer alltid få ett svar i form av xxxx kod med meddelande.
Klient (local) → router → Server (Remote computer)
Klient frågar → ← Server svarar (happens over http) , server ja eller nej, svara alltid med status kod
Förklara FTP
FTP (File Transfer Protocol)
Regeler som nätverk följer för att överföra filer mellan klient & server på ett datanätverk. Ladda upp/ner filer eller skicka t annan dator
Förklara DNS
DNS (Domain Name System)
URL –> DNS –> IP-adress.
Klient (skriver ett domän) → DNS cache (kan ge svar direkt om jag varit där tidigare)
OR
Klient (ex:domän.com) → DNS resolver → Root server (.com) → TLD (Top level domain) (lista av .com) → Auktoritativa server (master + slave per domän) (exakta infon) → skickar tbx IP-adressen till klient
Förklara webbriktlinjer
Vad är det?
Officiella riktlinjer för hur man bör arbeta med webbplatser inom offentlig sektor.
Du som aktör ska följa enligt lagen om tillgänglighet till digital offentlig service.
Vad är vanliga element?
<p> <div> <h2> <head> <body> <meta></meta> <html>
| Element är de HTML kod är uppbyggt på element har alltid <>
</html></body></head></h2></div></p>
Vad är attribut?
Skrivs i element för att ge extra info
Vanliga attribut - charset, lang, type, name, for, class,
Ex: <input></input> type är ett attribut - samt de skrivs (=””) inte <>
Vad är skillnaden på block & inline element?
Block element (ex.<p>,<div>) startar alltid på en nya rad och webbläsaren lägger till margin runt (ruta).
Inline är tar bara upp så mycket bredd som är nödvändigt (ex.input, label)
Block kan ha inlines - men inte tvärtom
Vad är en typselektor?
Typselektor är det första du skriver i CSS.
De matchar stillmallen med ett (eller fler) element i html-koden.
Kan även vara ID-selektor eller Klass-selektor.
Kommentarer i HTML & CSS
HTML : < ! - - X - - >
CSS : / * X * /
Länka en extern CSS-fil
link + rel + href
Om de ligger i annan mapp, skrivs mapp / filnamn . css
Vad står RGB för?
Röd, grön, blå
Förklara ALPHA
Är graden av genomskinlighet.
När är vektorgrafik bättre?
Funkar bättre med logotyper, ritningar.
Kan anpassa storlek utan att påverka kvalitén
Vad händer om du komprimerar en JPEG-bild för mycket?
Du förstör kvalitén och du kan ej ångra.
Förkorta #AABBCC #000000 #1100CC #A1B2C3
ABC #000 #10C , går ej
Hur länkar du en bild i html?
img src=”img/hem.jpeg” alt=”Bild på hus” (relativ-link)
Om bilden inte är lokal (på din server) blir src= full URL (absolut-link)
När måste du kompressa ditt jobb till ZIP-fil
Om det består av mer än ett dokument eller har bilder
Vad är skillnaden på iframe & video
iframe är inline & kan inte gömma kontroller eller loopa videos
(Eller visa en annan webbsida)
Video ger dig mer kontroll att bestämma hur videon visas.
Kan även lägga till xtra source så webbläsare kan välja lämpligast format
Vad är syntax
Reglerna för element - alltså i vilken ordning de ska skrivas eller vara - grammar & spelling of the language
Förklara semantik
Semantik element menar att elementet definierar meningen med innehåller.
(EX: header, footer)
Sematiska element som <menu><header><footer>
Vad är ul & ol?
UL : punktlista (unordered)
OL : numrerad list (ordered)
Följs av li element
Hur skapar du en tabell
Med <table> <tr> <th> <td>, underlättar att även använda <thead> & <tbody>
Hur skapar du ett formulär
form element : sen använder du de kapslade element som passar bäst.
Elements: input, textarea, button, datalist,
Atrributs: type-text, type-radio, type-checkbox, type-password
I CSS med margin & padding