Luento 9 - Sekalaista

• tietoverkot902.mp3 1.1M
• tietoverkot903.mp3 4.4M
• tietoverkot904.mp3 4.3M
• tietoverkot905.mp3 4.7M
• tietoverkot906.mp3 3.1M
• tietoverkot907.mp3 3.0M

CSS2

• Mediatyypit - Omat tyylimääritykset tulosteille, ääniselaimille jne.
  Esimerkki: aural.css
• Asemointi
  • Suhteellinen (engl. relative) asemointi
    Elementti sijoitetaan top-, left-, right- ja bottom-ominaisuuksilla suhteutettuna normaaliin sijaintiinsa.

    
      .up {
    	position: relative;
    	top: -1em;
      }
      

    esimerkki:
    Suhteellinen asemointi relative.htm relative.css

    Toimii: NS 4.?, IE 5.5, Opera, NS 6

  • Absoluuttinen (engl. absolute) asemointi
    Elementti sijoitetaan top-, left-, right- ja bottom-ominaisuuksilla absoluuttisesti isä-elementin sisälle välittämättä normaalista sijainnista.
    Asemoitu elementti vierii dokumentin sisällön mukana.

    
      .vasenylanurkka {
    	position: absolute;
    	top: 10%;
    	left: 10%;
    	width: 30%;
    	height: 10%;
      }
    	

    Esimerkkejä:
    Navigointilinkit abs.htm abs.css

    Toimii: NS 4.? (huterasti), IE 5.5 (bugeja myös), Opera, NS 6

  • Kiinnitetty (engl. fixed) asemointi Elementti sijoitetaan top-, left-, right- ja bottom-ominaisuuksilla absoluuttisesti isä-elementin sisälle välittämättä normaalista sijainnista.
    Asemoitu elementti EI vieri dokumentin sisällön mukana.

    
      .vasenylanurkka {
    	position: fixed;
    	top: 10%;
    	left: 10%;
    	width: 30%;
    	height: 10%;
      }
    	

    esimerkkejä:
    Paikallaan pysyvät navigointilinkit navbar.htm navbar.css
    Sekalaista asemointia mixed.html mixed.css

    Toimii: Opera ja NS 6

  • Jos suinkin mahdollista niin asemointi kannattaa tehdä float-ominaisuuden avulla, koska se on parhaiten tuettu eri selaimissa
    esimerkkejä:
    Elementtejä rinnakkain float.htm float.css
    Rinnakkaisuuden esto float2.htm float.css
    Sarakejako columns.htm columns.css
    Lomake form.htm form.css
    

SSI (Server Side Includes)

SSI-komennot ovat HTML-dokumenttiin upotettuja käskyjä joilla voidaan tulostaa muuttujien arvoja tai suorittaa ohjelmia

ATK-keskuksen www-palvelimessa SSI-komentoja sisältävien tiedostojen pääte pitää olla .shtml

Kertoo dokumentin muutosajankohdan:

<!--#echo var="LAST_MODIFIED"-->

Lisää tähän kohtaan dokumenttia tiedoston linkit.ssi sisällön:

<!--#include virtual="linkit.ssi"-->

Esimerkki: pohja.html

Lisätietoja SSI:stä löytyy osoitteista:

• http://www.apache.org/docs/mod/mod_include.html
• http://www.mit.jyu.fi/opiskelu/seminaarit/ohjelmistotekniikka/cgi/#Heading13

Parempi tapa sisällyttää muita tiedostoja ja merkitä muutospäivämäärät olisi käyttää Website Meta Languagea (WML) tai C/C++-esikääntäjää tai jotakin muuta työkalua, joka tukee isojen sivukokonaisuuksien hallintaa

PHP, Servletit, ASP, JSP

PHP, Servletit, ASP ja JSP ovat erilaisia WWW-palvelimissa käytettäviä scriptikieliä ja ohjelmointiympäristöjä joilla voidaan tuottaa WWW-sovelluksia

.htaccess

.htaccess on Apache-WWW-palvelimissa käytetty tiedosto, jolla voidaan muuttaa palvelimen asetuksia. .htaccess-tiedoston avulla voidaan toteuttaa mm. salasanasuojaus, edelleenohjaus ja mime-tyyppien lisäykset.

Edelleenohjaus:

Redirect /tt-appro/index.html http://www.mit.jyu.fi/opetus/appro/

Java

Ohjelmointikieli, jolla voidaan tuottaa WWW-sivuille sijoitettavia sovelmia eli pieniä ohjelmia

Vaatii toimiakseen selaimelta java-tuen

Esimerkkejä: Saviour's Java productions

JavaScript

JavaScript on skriptikieli, jolla voidaan toteuttaa pieniä www-selaimella toimivia toimintoja kuten tarkistaa lomakkeen syöttötietoja ennen niiden lähettämistä eteenpäin

Vaatii toimiakseen selaimelta JavaScript-tuen

Esimerkkejä:
Form Totals

Flash

Flash-sovellukset ovat WWW-sivuille upotettuja vektorigrafiikalla toteutettuja multimediaesityksiä.

Vaatii toimiakseen selaimeen asennetun Flash-laajennuksen

Esimerkkejä:
DAB
Homewrecker
theVoid
Multimediaopintokokonaisuus

Evästeet (keksit, cookiet)

Eväste (engl. cookie) on WWW-palvelimen selaajan koneelle tallettama tietorakenne, joka sisältää jotakin WWW-palvelun toimintaa helpottavia tietoja. Evästeellä ei voi vakoilla käyttäjästä mitään tietoja.

Lisätietoja:
Cookies
How Web Servers' Cookies Threaten Your Privacy

WWW-sivujen sisällön suodattaminen

Kaikkea WWW-sivuille tungettua törkyä ei tarvitse latailla koneellensa asti vaan sivujen sisältöä voidaan suodattaa ja jättää esimerkiksi mainosbannerit pois

ATK-keskus on asentanut Junkbuster-proxyn kaikkien käytettäväksi.
proxy: proxy.cc.jyu.fi
port: 5865

Ohjelmia WWW-sivujen suodattamiseen:

• Junkbuster
• Guidescope
• Webwasher

PDF ja Postscript

PDF- ja Postscript-tiedostomuotoja käytetään, kun halutaan dokumentin ulkomuodon pysyvän täsmälleen halutunlaisena.

PDF vaatii Adobe Acrobar Readerin ja Postscript vaatii esim. Ghostviewin

Esimerkkejä:
Demo 1 - Java-ohjelmointi

Quicktime

Quicktime on yleisimmin videoformaatti WWW:ssä käytetty videoformaatti

Esimerkkejä
Eyes Wide Shut trailer

RealAudio

RealAudio on WWW:n käytetyin ääniformaatti yhdessä MP3:n kanssa. Realaudio tukee myös videokuvaa.

Esimerkkejä:
Radiomafia

Napster ja MP3

Napster on ohjelma, jonka avulla ympäri maailmaa sijaitsevat käyttäjät voivat helposti vaihdella keskenään MP3-tiedostoja. MP3 on tämän hetkinen suosituin pakattu ääniformaatti.

IRC ja ICQ

IRC oli ensimmäinen reaaliaikainen keskusteluympäristö. ICQ on tällä hetkellä suosituin ja suurin keskusteluympäristö. Kummassakin ympäristössä voidaan keskustelun lisäksi esimerkiksi siirtää tiedostoja.

Hyödyllisiä osoitteita

• Interaktiivisuuden toteuttamistekniikat WWW:ssä