Webjulkaisu : xhtml & css

Kurssin ohjelma:

1. • Johdatus html kieleen
   • html tiedosto harjoitus
   • perus tagit: html, head, title, body, h, p
   • linkit (a elementti)
2. • lohkoelementti ja tekstielementti
   • käsitteet ( inline, block)
   • lohko- ja tekstielementti tagit (img, br, em, strong, blockquote, div jne.)
   • listat
3. • Dokumenttityypin ilmoitus
   • sivupohjia
     • www.webstandards.org sivupohjia
     • xhtml 1.0. strict englannin kielinen sivupohja
   • erikoismerkkien koodeja:
     • Suomen kielessä tarvittavien merkkien HTML-koodeja
     • merkki entiteetit HTML:ssä
   • validointi
     • w3c:n (x)html validaattori
   • Css intro
     • css tyylit
     • Common fonts to all versions of Windows & Mac equivalents
4. • XHTML tarkistuslista
   • kontekstuaaliset selektorit
   • html:n historiaa
   • meta tagi ks http://webdeveloper.com/html/html_metatags.html
   • Css fontit ja värit väriteoriaa Color Theory
5. • kommenteilla nimi css tiedostoon, meta elementillä nimi xhtml tiedostoon <meta name="author" content="nimi"/>
   • web developer extension
   • dreamweaver intro
   • fontti tyylit ja teksti tyylit kertaus
   • hexadesimaali luvut väreissä (ks w3schools css värit)
   • css suorakaidemalli
6. • css suorakaidemalli
   • css asemointi, taitto tagit
7. • linkkien tyylit
   • css ja listat, linkki- ja valikkokäyttöliittymän rakentaminen
   • Creative Commons Nimi mainittava-Ei-kaupalliseen käyttöön-Sama lisenssi 2.5 lisenssin koodi
8. • 3 sarakkeen css taitto marginaaleilla (monisteen esim)
   • 3 sarakkeen css taitto float ominaisuudella
   • How To Clear Floats Without Structural Markup
   • (Aslett Clearing metodi)
   • html taulukot
   • taulukkotaitto vs. css taitto
     Miksi taulukkotaitto on...
   • How to deal with CSS browser differences
9. • taustakuvat
   • taustakuvat css taiton osana
   • faux column tekniikka
   • ekstra harjoitukset: lainaus & linkit (monisteen esim1)
10. • html-lomakkeet
    • html tagejä ja määritteitä: abbr,  acronym, code, cite, title, &shy; &nbsp; jne.
11. • johdatus Dreamweaveriin
    • kuvakartat
12. • koe

Linkkejä

• W3C The World Wide Web Consortium
• w3schools
• A List Apart
• J. Korpela
• The css Zen Garden
• CssPlay
• Positioning is everything

extraa:

• Size matters
• position:fixed for Windows IE
• Css vertical centering
• How to size text using ems
• undoing html.css
• html.metatags.html

Kirjallisuutta:

• Charles Wyke-Smith: Stylin' with CSS: A Designer's Guide
• Dan Cederholm: Web Standards Solutions - The Markup and Style Handbook
• Dan Cederholm: Bulletproof Web Design

 

Edelliset toteutukset

• Stadia AMK 5.9.- 22.9.06