Verkkoteknologian perusteet
...
| | Panel |
|---|
| 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 |
| Panel |
|---|
| bgColor | #ffffff |
|---|
| title | Kurssin suorittaminen |
|---|
| - Läsnäolo opetuksessa 80%
- Harjoitustyönä toteutettava sivusto (vähintään 1-2 sivua) sekä dokumentaatio sivun suunnittelusta ja toteutuksesta
Ohjeita harjoitustyöhön - Tee validit html-sivut ja ulkoinen css-tiedosto (html 4.01 & css 2)
- Erota rakenne
|
|
|
...
Alla lyhyt kuvaus kurssin opetuskertojen sisällöstä. Sivustoille tulee lisämateriaalia koko ajan, myös kurssin edetessä.
Aloitus: HTML:n ja CSS:n historiaa ja peruskäsitteitä
1. HTML-sivun teko ja julkaisu
2. Tekstin merkkaus ja perusmuotoilut
3. Typografia ja taitto I
4. Typografia ja taitto II
5. Typografia ja taitto III
6. Listat ja navigaation rakentaminen
7. Värit, taustat ja läpinäkyvyys
8. Teknisen tiedon syventäminen: DTD, skriptit jne.
9. WWW-julkaisemisen erityiskysymyksiä
- ja ulkoasu toisistaan
- Julkaise sivusto kotihakemistossasi tai muualla verkossa
Ohjeita dokumentaatioon Lähetä opettajalle sähköpostitse kuvaus (1-2 sivua) - Sivuston tavoite
- Kohderyhmä
- Suunnitteluperiaatteet
- Miten toteutettu ja miksi? (onko käytetty taulukoita, tyylitiedostoja)
- Mitä opin kurssista / harjoitustyön tekemisestä?
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 14.3. | Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi. | Ma 21.3. | Tyylitiedostojen luominen ja linkittäminen. Värien käyttö ja typografian muotoilu tyylitiedostoilla.
| Ma 28.3. | Kuvan ja taustakuvan lisääminen ja asemointi. Linkit ja hakemistorakenne. Värit ja yksiköt. Etäyhteydet: ssh, ftp. | Ma 4.4. | CSS-taitto: Elementtien asemointitavat. | Ma 11.4. | CSS-taitto: Elementtien asemointitavat. | Ma 18.4. | Taulukon luominen ja muotoilu tyylitiedostolla | Ma 2.5. | Listat ja navigaation muotoilu. | Ma 9.5. | Harjoitustyön teko | Ma 16.5. | Harjoitustyön teko
| Ma 23.5. | Harjoitustöiden esittely
|
|
| Column |
|---|
| Panel |
|---|
| bgColor | #efefef |
|---|
| title | Validointi |
|---|
| HTML- ja CSS -dokumenttien oikeellisuus kannattaa tarkistaa ns. validaattoreilla. Validaattorit vertaavat sille annettua dokumenttia niitä koskeviin määrittelyihin ja tarkastavat dokumenttien muodollisen oikeellisuuden. |
| Panel |
|---|
| bgColor | #efefef |
|---|
| title | Mitä ohjelmistoja tarvitaan? |
|---|
| Kurssilla käytetään tekstieditoreita html- ja tyylitiedostojen tekemiseen. >> Lataa Notepad++ (vain windows-käyttöjärjestelmälle) Mac-editoreita, esim: >> TextWrangler >> Coda |
|
|
...