Kurssin tavoitteet
Opiskelija
- ymmärtää verkkoteknologioiden peruskäsitteet
- ymmärtää html- ja css -dokumenttien rakenteet ja toimintaperiaatteet
- osaa rakentaa oikeaoppisia verkkosivustoja
- oppii itsenäisesti seuraamaan verkkoteknologioiden kehitystä ja etsimään lisätietoa erilaisista lähteistä
Opettaja: Eeva Meltio, eeva.meltio a metropolia.fi
- Läsnäolo opetuksessa 80%
- Harjoitustyönä toteutettava sivusto (vähintään 4-5 sivua) sekä dokumentaatio (4-5 sivua A4) sivun suunnittelusta ja toteutuksesta
Ohjeita harjoitustyöhön
- Tee validit html-sivut ja ulkoinen css-tiedosto (html 4.01 & css 2)
- erota rakenne ja ulkoasu toisistaan
- Suunnittele myös tulostusnäkymä
- Julkaise sivusto kotihakemistossasi tai muualla verkossa
Ohjeita dokumentaatioon
- Lähetä opettajalle sähköpostitse kuvaus (3-4 sivua) sivuston tavoitteesta, kohderyhmästä ja suunnitteluperiaatteista
Harkkatyön arviointikriteerit
- Oikeaoppinen ja validi HTML ja CSS
- Layout: käytettävyys, visuaalisuus
- Dokumentaatiossa kuvaillut perustelut tehdyille valinnoille: miten toteutettu sivusto vastaa tavoitteisiin?
Aikataulu ja sisällöt
Perusopiskelijat |
Aihe |
|---|---|
Ma 15.3. klo 8.30-11.45 |
Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi. |
Ma 22.3. klo 9-12 |
Tyylitiedostojen luominen ja linkittäminen. Värien käyttö ja typografian muotoilu tyylitiedostoilla. |
Ma 29.3. klo 9-12 |
Kuvan ja taustakuvan lisääminen ja asemointi. Linkit ja hakemistorakenne. Värit ja yksiköt. Etäyhteydet: ssh, ftp. |
Ke 14.3. klo 9-12 |
CSS-taitto: Elementtien asemointitavat. |
Ma 19.4. klo 9-12 |
Taulukon luominen ja muotoilu tyylitiedostolla |
Ma 26.4. klo 9-12 |
Listat ja navigaation muotoilu. |
Ma 3.5. klo 9-12 |
Yhteenveto: Kokonaisen verkkosivun luominen: taitto, navigaatio, julkaisu |
Ma 10.5. klo 9-12 |
Harjoitustyön teko |
Ma 17.5. klo 9-12 |
Harjoitustyön teko |
Ma 24.5. klo 9-12 |
Harjoitustöiden esittely |
Perusopiskelijoiden kevään aikataulu
Aikuisopiskelijat |
Aihe |
|---|---|
To 18.3. klo 17-20 |
Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi. |
To 25.3. klo 17-20 |
Tyylitiedostojen luominen ja linkittäminen. Linkit ja hakemistorakenne. Värien käyttö ja typografian muotoilu tyylitiedostoilla. |
Ma 29.3. klo 17-20 |
Kuvan ja taustakuvan lisääminen ja asemointi. Etäyhteydet: ssh, ftp. Suorakaidemalli (lohkot). |
To 15.4. klo 17-20 |
CSS-taitto: Elementtien asemointitavat. |
To 22.4. klo 17-20 |
Taulukon luominen ja muotoilu tyylitiedostolla |
To 29.4. klo 17-20 |
Listat ja navigaation muotoilu. |
To 6.5. klo 17-20 |
Yhteenveto: Kokonaisen verkkosivun luominen: taitto, navigaatio, julkaisu. Aloitetaan harjoitustöiden teko. |
To 13.5. |
Helatorstai - ei opetusta |
To 20.5. klo 17-20 |
Harjoitustyön teko |
To 27.5. klo 17-20 |
Harjoitustoiden viimeistely ja esittely |
Aikuisopiskelijoiden kevään aikataulu
Kurssimateriaali
HTML- ja CSS -dokumenttien oikeellisuus kannattaa tarkistaa ns. validaattoreilla. Validaattorit vertaavat sille annettua dokumenttia niitä koskeviin määrittelyihin ja tarkastavat dokumenttien muodollisen oikeellisuuden.
Kurssilla käytetään tekstieditoreita html- ja tyylitiedostojen tekemiseen.
>> Lataa Notepad++ (vain windows-käyttöjärjestelmälle)
http://www.w3.org/, World Wide Web Consortium
Merkkauskielten idea (Jukka K. Korpelan verkko-opas)
W3Schools HTML Tutorial
Layout Gala (40 validia html/css-layoutia)
http://browsershots.org/ Ottaa kuvan sivustosta kaikilla selaimilla -> hyvä tarkistukseen