html = HyperText Markup Language
http = HyperText Transfer Protocol
css = cascading stylesheet
http = hypertext transfer protocol
https = hypertext transfer protocol security
ftp = file transfer protocol
url = Uniform Resource Locator (vrt, unc)
osoitteen luenta: kone.domain.maa\hakemisto\alihakemisto\tiedosto
validointi = koodauksen tarkastus tietyn standardin mukaisesti
w3c = The World Wide Web Consortium
www = world wide web
xhtml = extensible hypertext markup language
xml = extensible markup language
Eri standardeja
html 3.2
html 4.01
xhtml 1.0
xml 1.0
html-julkaisu vaatii sivustojen lisäksi palvelimen (Linux ja Win ympäristöllä omat palvelimet, Apache, IIS, TomCat, jne…)
Välineet
HTML-kielistä dokumenttia voidaan tuottaa:
tekstieditorilla (Notepad taso)
tekstieditorilla, jossa html-tagit
tekstieditorilla, jossa on wysiwyg tyyppiset html-tagit
erillisillä kehitysvälineillä (Adobe GoLive, Macromedia DreamWave, Macromedia Flash, MS Frontpage, jne..)
sovellusten tallennustoiminnoilla (Tallenna web-sivuina)
Kielen syntaksi - 1
kieli perustuu tageihin
tagi kuvaa toiminnallisuutta ja muotoilua
standardista riippuen aloitustagi ja lopetustagi, esim.
…
xhtml ja xml standardissa oltava aina lopetus
aloitus ja lopetus voi olla yhdessä tagissa, esim.
tagit voivat olla sisäkkäisiä, esim. taulukko ja taulukon sarakkeet ja solut
tagi voi sisältää attribuutteja, esim. ..
Kielen syntaksi – 2
html-sivun rakenne on
…
…
koodi kannattaa sisentää kuten ohjelmakoodi luennan helpottamiseksi
HTML-sivuston tuotanto
suunnittele sivustolla oleva viesti
suunnittele sivustorakenne
suunnittele sivuston ulkoasu, huom. käyttäjäryhmä
tuota sivusto
testaa sivuston html-kieli jollakin validaattorilla
validaattoreita esim. osoitteissa
http://www.uwasa.fi/html/valid.html
http://www.htmlhelp.com/tools/validator/upload.html
http://www.htmlhelp.com/tools/validator/direct.html
http://www.htmlhelp.com/tools/validator
http://validator.w3.org/
http://www.w3schools.com
julkaise sivusto testaukseen tai käyttöön
tee tarvittaessa käytettävyystestaus
PÄIVITÄ sivuston tiedot ajantasalle (dynaamiset rakenteet helpottavat päivittämistä)
Huomioitavia asioita sivustoa tehtäessä
julkaisuun tarvitaan palvelin, tiedosta palvelimella mahdollistettavat asiat
sivusto tuotetaan jollakin ohjelmalla (html-kielenä, editorilla, erillisellä sovelluksella, valmiilla sivustopohjalla)
isoissa projekteissa mukana sisällöntuottajat, koodaajat, ulkoasun suunnittelijat, graafikot, projektinhallinnoijat, jne..
kaikkien tulisi osata html-kielen perusteita
kaikkien tulisi osata kuvankäsittelyn perusteita
suunnittelun merkitys ennen tuotantoa tärkeä
asiakasryhmän huomiointi, kosi asiakkaat käyttämään sivustoa
layoutin suunnittelu
vaiheet: määrittely-suunnittelu-toteutus-testaus-ylläpito
eri näyttöjen merkitys kuville ja sivuilla
eri tietoliikenneyhteyksien huomiointi sivuston suunnittelussa
paperi vs. www-sivu
Web-sivujen julkaiseminen
oman nettiyhteyden palvelimelle
yrityksen palvelimelle
koulun palvelimelle
oman domainin muodostaminen
Harjoitus - keskusteltavaksi
Olet rakentamassa sivustoa omasta opetusalueestasi, jota käyttävät kaikki yhteistyötahot, mitä huomioisit seuraavissa kohdissa
Sisältö, mitä viestit
Millä välineillä voit tehdä sisällön ideointia - ideariihi
Linkitys – sivukartta
Sivuston ulkoasu
Minne tallennetaan
Millaisia elementtejä sivusto sisältäisi
Mitä huomioit tietoliikennenopeuksista, asiakkaiden näytöistä
Miten toteutat päivityksen, kuka/milloin/mistä/jne..
Ketä tarvitset toteutustiimiin
Millaiseksi arvioit työmäärän
Mitä muuta olisi huomioitava????
Comments