Summary  
This chapter covers client–server communication and DNS resolution, explaining how a client sends a network request through an ISP, how DNS maps a domain name to an IP address, and how the server returns resources for rendering.  

General domain of usage  
Web browsing

Internet on laaja verkko, joka yhdistää laitteita maailmanlaajuisesti. Tarkastelemme sen toiminnan peruskäsitteitä keskittymällä kolmeen avaintermiin:
- **Asiakas (Client)**: laite tai sovellus, joka aloittaa palveluiden tai datan pyynnön palvelimelta Internetin kautta;
- **Internet-palveluntarjoaja (ISP)**: yritys, joka tarjoaa pääsyn Internetiin ja siihen liittyviin palveluihin;
- **Verkkotunnusjärjestelmä (DNS)**: järjestelmä, joka muuntaa ihmisen luettavat verkkotunnukset numeerisiksi IP-osoitteiksi, joita tietokoneet käyttävät tunnistaakseen toisensa verkossa.

## Mitä tapahtuu, kun avaat verkkosivun?

Käytetään esimerkkinä `www.google.com`:
1. **Asiakas → ISP**: selaimesi lähettää pyynnön Internet-palveluntarjoajallesi. ISP toimii sisäänkäyntinäsi Internetiin;
2. **DNS-haku**: ISP välittää pyyntösi DNS-palvelimelle.
DNS muuntaa verkkotunnuksen (`www.google.com`) Google-verkkopalvelimen IP-osoitteeksi;
3. **Yhteyden muodostaminen palvelimeen**: kun IP-osoite on tiedossa, selaimesi voi ottaa suoraan yhteyden oikeaan verkkopalvelimeen;
4. **Datan vastaanotto**: palvelin lähettää tarvittavat tiedostot (HTML, CSS, JavaScript, kuvat jne.);
5. **Verkkosivun renderöinti**: selaimesi käsittelee nämä tiedostot ja näyttää lopullisen verkkosivun.

Vaikka Internetin infrastruktuuri on monimutkainen, verkkosivun avaaminen tiivistyy olennaisesti yhteen päävaiheeseen: **oikean IP-osoitteen löytäminen DNS:n avulla**.

Kun tämä on tehty, asiakas ja palvelin voivat kommunikoida normaalisti.

Huomio

Mikä on DNS-palvelimen rooli tietyn verkkosivuston käyttämisessä?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Miten Internet Toimii?

Mitä tapahtuu, kun avaat verkkosivun?