Linkit
Täältä löydät linkkejä mielenkiintoisiin lisämateriaaleihin ja tarvittaviin ohjelmistoihin.
Ohjelmistoja
- XetorjEdit
- HTML-kit - HTML-editori Windowsille
- Irfanview - kuvankäsittely
- SSH-ohjelmia
WWW-selaimia
WWW-oppaita
- World Wide Web Consortium - viralliset standardit ja suositukset
- WDG:n CSS-referenssi ja opas
- W3Schools - oppaita ja esimerkkejä
- XHTML Quick Reference
- WWW-julkaiseminen -kurssin monistemateriaali
Validaattorit ja hakukoneet
CSS-sivuja
- WDG:n CSS1-referenssi - selkeä lista CSS1:n tukemista ominaisuuksista ja mahdollisista arvoista
- W3C:n CSS-sivut - mm. spesifikaatitot ja listaa toteuksista
- CSS Zen Garden - yksi dokumentti, useita hienoja css-tyylejä
- CSS / edge - css-kikkoja
Bugilistoja
- CSS1 and CSS2 browser support info - taulukot selaintuelle (IE6, NS7, Op7), ei selityksiä
- CSS Support Charts - tukitaulukoita (IE 5.5, NS6, Op6), joitain selityksiä
- RichInStyle.com bug guide- vanhemmat selaimet
- CSS Bugs and Workarounds - vanhemmat selaimet
Luennot
- XHTML-elementit ja kurssin järjestelyt - Luento 1
-
XML ja WWW
- Mikä on XML
- XHTML 1.0 strict
- XHTML 1.1
- XHTML Basic
- Docbook
- RSS 0.91
- XHTML Simple
- Nimiavaruudet
- MathML ja XHTML
- MuseoSuomi
- Semanttinen Web ja oppiminen
- Semanttinen Web
- Dublin Core
- JHS 143 Asiakirjojen kuvailun ja hallinnan metatiedot
- Expressing Dublin Core in HTML/XHTML meta and link elements
- Dublin Core -kuvailuformaatin HTML-syntaksi
- RSS (Rich Site Summary)
- Mikä on RSS?
- Sage
- RSS Reader Panel
- Aggreg8
- FoaF-Explorer
- the friend of a friend project
- FOAF-a-Matic
- FOAF-vocabulary
- RDF Primer
- What is RDF?
- DOM
- XSL
- XSL FAQ
- Xpath
- XML Path Language
- XPath Tutorial
- XSLT
- What is RSS?
- The Semantic Web lifts off
-
CSS (Cascading Style Sheets)
- Cascading Style Sheets, level 2 (CSS2)
- CSS1
- Style Sheets in HTML documents
- External style sheets
- Alternative Style: Working With Alternate Style Sheets
- Alternative style sheets
- CSS2 syntax and basic data types
- RGB Color Values
- Color Tables
- http://www.squarefree.com/userstyles/user-style-sheets.html
- CSS:n laatikkomalli
- Web Style Sheets CSS tips & tricks
- CSS-valitsimet ja -mediatyypit
-
WWW-lomakkeet - Luento 5
- WDG-validaattori
- puolustusvoimien
- verkkokauppa.com
- http://www.accessify.com/tutorials/better-accessible-forms.asp
- Lomake luettuna
- Lomakkeet
- How to Create Accessible Forms
- Accessible Forms
- http://www.w3.org/TR/xforms/
- W3C
- kehitteillä Mozillaan
- FormsPlayer
- X-smiles
- DENG
- Chiba
- FormFaces
- W3C:n Forms
- http://www.w3.org/MarkUp/Forms/2003/xforms-for-html-authors.html
- http://xforms.dstc.edu.au/tutorial/
- http://www.devshed.com/c/a/XML/XForms-Basics/
- http://xformsinstitute.com/lesson1.php
- http://claus.packts.net/deng/examples/
- http://www.formfaces.com/samples/examples.html
- http://www.x-smiles.org/demo/demos.xhtml
-
Lomakkeiden käsittelytekniikat - Luento 6
- http://www.w3schools.com/html/html_ref_urlencode.asp
- php.net
- WWW-sovellukset
- ASP
- ASP.NET
- Esimerkki
- Java Server Pages
- Java Servlet
- Hello World!
- Java
- Hyödyllinen Java-esimerkki
- Complex javastuff
- ECMAScript
- JavaScript Guide
- JavaScript
- JavaScript Sample Code
- JavaScript Source
- Form Totals
- Tapahtuman käsittelyä
- Tekstialue komponenttina
- Välilehdet
- Microsoft ActiveX
- JavaBeans ja ActiveX
- Lomake Flashilla
- Java applet- ja Flash-pelejä.
- Asemointi ja CSS3 - luento 7
-
Kuva ja ääni verkossa - Luento 8
- PNG
- vanhentumassa
- Object module
- Object Paranoia
- Kampuskartta
- Funetin kartta
- Scalable Vector Graphics (SVG)
- Mozilla SVG
- Adobe SVG Viewer
- SVG Magic
- SVG esimerkki
- Mozilla SVG samples
- MathML
- MathML-ohjelmistoja
- Presentational
- Semantic
- W3C MathML Presentational -esimerkki
- MathML Basics
- VoiceXML
- World of VoiceXML
- Formaattien vertailu
- Toinen vertailu
- Quicktime
- elokuvatrailereiden
- Realmedia
- Windows Media
- Windows median erilaiset pakkaustavat
- MPEG
- MPEG-4
- DivX
- XviD
- kodekit
- AVI-muodossa
- GSpot (kuinka selvitän mitä codecia tarvitsen)
- Standards Compliant method to add Quicktime movies to pages
- Ogg Vorbis
- MP3:n upottaminen
- Yleisradio
- Shoutcast
- winamp.com
- Mediaplayer
- Synchronized Multimedia Integration Language (SMIL)
- Green is In
- Synchronized Multimedia Integration Language (SMIL)
- Learn SMIL with a SMIL
- Yle Multiradion SMIL
- Miten teen verkkoluennon - SMIL
- The CWI SMIL Page
- Streaming Media Wordl: SMIL
- SMIL - wikibooks
- A Realists's SMIL Manifesto
- XHTML+SMIL Profile
- Flash-sovelluksen upottaminen
- Flash player
- Flash & Shockwave
- the Void
- Nike
- Big Fish
- Harry Potter
- Helsingin sanomat
- Adobe Acrobat Readerin
- Ghostviewin
- LaTeX
- OpenOfficella
- Tietotekniikan perusteet
- Tietotekniikan perusteet
- Tietotekniikan perusteet
-
HTTP-protokolla ja Apache
- HTTP (HyperText Transfer Protocol)
- HEAD
- Connection
- Accept
- Accept-Charset
- Accept-Encoding
- Accept-Language
- Host
- Referer
- User-Agent
- Statuskoodi
- Date
- Accept-Ranges
- ETag
- Server
- Vary
- Content-Length
- Content-Type
- Last-Modified
- Web-Sniffer
- How the web works
- Web-sniffer
- HTTP trace
- RFC2616
- HTTP/1.1-protokolla
- Apache-WWW-palvelin
- User's Guide
- Modules
- Apache HTTP Server Version 2.0 Documentation
- Modules
- .htaccess
- salasanasuojaus
- Edelleenohjaus
- HTTP:n location
- Monimutkaisemmat edelleenohjaukset
- mod_rewriten
- Mediatyypit
- AddType
- suositus XHTML:n mediatyypeistä
- Rekisteröidyt mediatyypit
- Mediatyypit Internetissä, erityisesti Webissä
- Tiedostotyyppien määrittely
- Salasanasuojaus
- content negotiation
- Multiviews
- Typemaps
- http://www.apache.org/docs/mod/mod_include.html
- http://www.mit.jyu.fi/opiskelu/seminaarit/ohjelmistotekniikka/cgi/#Heading13
- Selainten yleisimmät ongelmat
-
WWW-sivujen käytettävyys ja esteettömyys
- Kuvapörssi
- Kilroy Travels
- VR
- MTV3
- Telkku.com
- TekstiTV
- TekstiTV
- Matkahuolto
- Julkisten verkkopalveluiden laatukriteeristö
- USA:n esteettömyyslainsäädäntö
- Section 508
- eEurooppa-aloite
- JHS 129 Julkishallinnon WWW -sivuston suunnittelun ohjeet
- Jacob Nielsen
- WAI
- Verkkosisällön saavutettavuusohjeet
- Web Content Accessibility Guidelines 1.0
- Web Content Accessibility Guidelines 2.0
- Authoring Tool Accessibility Guidelines 2.0
- Accessibility Features of CSS
- Accessibility Features of SVG
- Accessibility Features of SMIL
- How Users Read on the Web - Jacob Nielsen
- Colorblind Web Page Filter
- Värit käyttöliittymässä
- Skipping over navigation
- Defining keyboard shortcuts
- HTML
- CSS
- Bobby
- Home PAge Reader
- Simply Web 2000 Home Page
- Ääniselaimet
- MozBraille
- Lynx
- Opera
- Nokia Mobile Browser Simulator
- Internet Explorer
- Opera
- Mozilla
- Netscape
- Alternative Web Browsing
- Brand-X Browsers
- Esteettömyysopas: Näin teet Web-sivujesi sisällön kaikkien saavutettavaksi
- Verkkosivut jokaiselle sopiviksi
- Dive Into Accessibility
- Device Independence Principles
-
CMS, Tilastot, esiprosessointi
- CMS (Content Management System)
- The CMSWatch "Top 40"
- OpenCMS
- guided tour of OpenCMS
- An Introduction to Zope
- Portti
- Tuju
- Zope sovelluskehittäjän näkökulmasta
- Wiki
- Twiki
- Wikipedia
- What is Wiki
- Cocoon
- Website Meta Languagea (WML)
- C/C++-esikääntäjää
- WML (Website Meta Language)
- wml-esimerkki esiprosessoinnista
- XSL-esimerkki esiprosessoinnista
- pipeline
- Introducing Axkit
- XSP, Taglibs and Pipelines
- Webalizer
-
CSS-kikat, CSS3, sivuston testaaminen ja kertaus
- Eric Meyerin CSS/edge
- menudemosta
- How to hide CSS from buggy browsers
- Tricking browsers and hiding styles
- Position is everything
- windows explorer vs. the standards
- 3 column complex layout demo
- entiteetteinä
- URL Encoding (or: 'What are those "%20" codes in URLs?')
- CSS3
- Uusia valitsimia
- Tapahtumankäsittely
- Sarakelayout
- Color
- Text
- Ruby
- Paged
- UI
- Media
- Values and Units
- CSS Mobile profile
- CSS TV Profile
- CSS Print Profile
- CSS Layout Techniques: for Fun and Profit
- The Layout Reservoir
- Nokia Mobile Browser Simulator 4.0
- Home Page Reader
- Lynx Viewer
- W3C:n LinkChecker
- Bobby
- Top Ten Web-Design Mistakes of 2002
- Alertbox
- Top Ten Web-Design Mistakes of 2003
Demot
- XHTML-perusteita - Demo 1
- Cascading Style Sheets (CSS) -perusteet
- Sivun asemointi CSS:llä - Demo 4
- CGI ja lomakkeet- Demo 5
-
Lomakkeiden muotoilu, mediatyypit ja CSS-valitsimet - Demo 6
- CSS2.1 Paged media
- Small Screen Rendering (SSR)
- Operan mobiiliversio
- Authoring for Small-Screen Rendering (SSR)
- Making Small Devices Look Great
- Authoring for Small-Screen Rendering
- Web Pages With Multiple Views
- Writing For Devices
- XHTML and WML Elements in Nokia GSM Phones v1.1
- Browser Characteristics In Nokia GSM Phones v1.1
- Nokia Mobile Internet Toolkit 4.0
- Apache, SSI ja esiprosessointi
- Ylläpito, sivustonavigointi, esteettömyys