Webbteknik - en kort introduktion
Lektion 7
Teknisk beskrivning
Användaren skriver in en URL – en webbadress i webbläsaren.
Ett HTTP Request (en HTTP förfrågan) skickas över Internet till den webbserver som har just den adressen
Webbservern som får ett HTTP request tolkar detta, letar reda på efterfrågad fil och returnerar denna till webbläsaren som frågade.
Sidan visas i webbläsaren.
Begrepp
URL Uniform Resource Locator (URL) är den formella benämningen för en webbadress, som till exempel http://www.eloflindalvsgymnasium.kungsbacka.se/
HTTP HyperText Transfer Protocol är det kommunikationsprotokoll som används för att överföra webbsidor på informationsnätverket WWW, World Wide Webpå Internet. En metod för att överföra HTML-sidor från webbservrar till webklienter.
HTTPS Hypertext Transfer Protocol over Secure Socket Layer
FTP File Transfer Protocol
IP-nummer – Unikt nummer för varje dator
Domännamn– Unikt ”smeknamn” som kan användas istället för IP-numret
DNS – Domain Name System – Kan jämföras med en telefonkatalog innehållande alla ”smeknamn” och tillhörande IP-nummer
Innehåll, funktion och utseende
HTML - Vad är rubrik, vad är löpande text. Vilka bilder ska finnas mm.
CSS Stilmallar –Styr färg, font, placering etc
JavaScript – används till menyer, pop-up-fönster och annan interaktivitet
All denna kod kan blandas på en och samma sida, men vanligtvis placerar man Stilmallarna i en separat fil.
På detta sätt kan en stilmalsfil påverka utseendet på samtliga webbsidor i en webbsite.
HTML – dokument struktur
Sidans head-element innehåller information om själva HTML-sidan. Sådan information kallas även meta-information. Det är information såsom teckenkodning, titel och stylesheet. Där kan även finnas information med nyckelord, författare och meta-länkar till relaterade sidor. En bra head-sektion kan underlätta för sökmotorer att finna sidan, framförallt är det viktigt att ange en bra och relevant title för sidan.
Body-elementet innehåller själva sidans innehåll, resultatet, det som visas i webbläsaren.
Uppgifter:
Kolla din ip-adress
- Gå till start-menyn klicka på ”kör”
- Skriv cmd och tryck enter, kommandofönstret öppnas
- Skriv ipconfig och tryck enter
- Nu ska du kunna se din ip-adress
(nslookup)
Skapa en webbsida i html:
I kommandofönstret skriv notepad
- Skapa ett html-dokument skriv: htmls start och sluttagg:
- <html> </html>
- Skriv in <head> och <body> -taggarna
- Gå till arkiv i dokumentet och ”Spara som” ditt-namn.html på skrivbordet
- Lägg till en titel till dokumentet – spara
- Klicka på html-filen som ligger på skrivbordet syns din titel?
- Skriv en rubrik i body på dokumentet tex <h2>
- skriv en liten text inom span-taggar.
Överkurs
- Gör texten inom span-taggarna blå
- rubriken röd och
- sidans bakgrund gul
Överkurs överkurs
- Skapa en länk där ett JavaScript ska ge en alert med texten Hoppla! När man klickar på länken.
UF-Projekt
- Skapa en uf-webshop på http://www.gratiswebshop.se/index.php
- Ta fram bilder på dina produkter.
- Skriv information om produkterna.
- Bestäm kategorier och navegation.
