Luento 1

Kurssin ensimmäinen luento on kuunneltavissa MP3-muodossa. Uusimpien selainten mukana pitäisi tulla kuuntelemiseen tarvittavat ohjelmat. MP3-tiedostojen kuuntelemiseen voi käyttää esimerkiksiä Winampia tai Windows Media Playerilla.

• tietoverkot101.mp3 4.7M
• tietoverkot102.mp3 2.9M
• tietoverkot103.mp3 3.9M
• tietoverkot104.mp3 6.0M
• tietoverkot105.mp3 3.4M

Luennolla näytetyt kalvot

Internetin palveluja (kalvo 1)

• WWW
• FTP
• Reaaliaikainen keskustelu
• Sähköposti
• Nyysit

TERMISTÖÄ (kalvo 2)

HTML (HyperText Markup Language)

• Dokumentin rakenteen kuvaamiseen tarkoitettu kieli.

XHTML (Extensible HyperText Markup Language)

• HTML 4.01 XML-standardin mukaisena.

CSS (Cascading Style Sheets)

• Dokumentin ulkoasun kuvaamiseen tarkoitettu "kieli".

PROTOKOLLA

• Yhteyskäytäntö eli tapa tehdä asioita.
  • FTP (File Transfer Protocol)
  • HTTP (HyperText Transport Protocol)

URL (Uniform Resource Locator)

• Kertoo yksikäsitteisesti WWW-dokumentin paikan.
• <URL: protokolla://palvelin/hakemisto/sivu.html>
• <URL: http://www.mit.jyu.fi/opetus/appro/index.html>

URI (Uniform Resource Identifier)

• Yleisempi määrittely esim. URL:lle.

WWW-sivujen tekeminen (kalvo 3)

• Sivut kannattaa tehdä lokaalilla koneella.
• Editorit (esim. WYSIWYG-editori)
• Käsin (esim. Notepad).
• Testaa selaimella.
• Sivujen rakenne ja ulkoasu tehdään erikseen.
• Sivujen ollessa valmiina ne siirretään käyttäjän WWW-hakemistoon FTP-ohjelmalla.
• Testaa validaattorilla ja korjaa virheet

Kotisivu Jyväskylässä (kalvo 4)

• Kirjaudu sisään Unix/Linux-koneelle.
• makewww-komento luo www-"hakemiston".
• Hakemistoon index.html niminen tiedosto.
• Kaikki sivut tulevat www-hakemiston alle.
• Voi tehdä myös alihakemistoja.

WWW-sivujen näkyminen (kalvo 5)

• Sivut ovat käyttäjän kotihakemistossa WWW-palvelimellä.
• Sivut ovat muotoilematonta ASCII-tekstiä, joka sisältää HTML-elementtejä.
• WWW-sivut voivat sisältää:
  • Tekstiä (muotoiltua tai muotoilematonta)
  • Kuvia
  • Videokuvaa
  • Ääntä
• HTML ei ole taittotyökalu!

Sivujen näkyminen selaimessa (kalvo 6)

1. Selain pyytää palvelimelta sivua.
2. Palvelin palauttaa pyydetyn sivun.
3. Selain näyttää sivun.

Yhteys on auki ainoastaan sivun siirtämisen ajan!

HTML-elementtien rakennekaavio (kalvo 7)

Seuraavassa kaaviossa pyritään selventämään HTML-elementtien suhdetta toisiinsa. Kaaviosta puuttuu hyvin paljon elementtejä ja kaavio ei ilmaise täysin elementtien välisiä riippuvuuksia.