Linkit
- Ohjelmistoja
- WWW-selaimia
- WWW-oppaita
- Validaattorit ja hakukoneet
- CSS-sivuja
- Hyödyllisiä työkaluja ja sivustoja
- Luennot
- Demot
Täältä löydät linkkejä mielenkiintoisiin lisämateriaaleihin ja tarvittaviin ohjelmistoihin.
Ohjelmistoja
- HTML-Kit - HTML-editori Windowsille
- Amaya - HTML-editori (Windows, Linux, Mac)
- 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ä
- 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
- CSS Compatibility Guide - taulukot selaintuelle
- RichInStyle.com bug guide - vanhemmat selaimet
Hyödyllisiä työkaluja ja sivustoja
Luennot
- XHTML-elementit ja kurssin järjestelyt - Luento 1
- XHTML-elementit - Luento 2
-
CSS (Cascading Style Sheets) - Luento 3
- Cascading Style Sheets Level 2 Revision 1 (CSS 2.1)
- CSS 1
- W3C:n dokumentista
- !important
- http://www.squarefree.com/userstyles/user-style-sheets.html
- http://www.mozilla.org/unix/customizing.html#usercss
- W3C:n materiaaleista
- Style Sheets in HTML documents
- External style sheets
- Cascading Style Sheets (CSS) and XHTML
- Alternative Style: Working With Alternate Style Sheets
- Alternative style sheets
- CSS 2.1 Syntax and basic data types
- Color Scheme Designer 3
- RGB Color Values
- Color Tables
- CSS:n laatikkomalli
- Web Style Sheets CSS tips & tricks
- CSS 2.1 ja CSS-valitsimet - Luento 4
- Asemointi CSS:n avulla - Luento 5
-
CSS-mediatyypit ja asemointi - Luento 6
- Mediatyypit
- Media Queries
- mediakyselyitä hyödyntävää esimerkkiä kännyköille oman tyylitiedoston asettamisessa
- Alistapart: Faux Columns
- Alistapart: Negative Margins
- Equal Height Columns - In search of One True Layout
- 3-sarakkeiset CSS-sommittelut
- 3 Column Complex Layout demo
- How to hide CSS from buggy browsers
- Tricking browsers and hiding styles
- Position Is Everything
- Internet Explorer vs. the Standards
- CSS3
- uusia valitsimia
- tapahtumankäsittely
- sarakelayout
- WWW-lomakkeet - Luento 7
-
Lomakkeiden käsittelytekniikat - Luento 8
- RFC2616 luku 3.2.1
- Google search basics: More search help
- Search Protocol Reference
- Googlen webbikäyttöliittymän ja haun kielikoodit
- entiteetteinä
- operator <> &&
- URL Encoding (or: 'What are those "%20" codes in URLs?')
- http://www.w3schools.com/html/html_ref_urlencode.asp
- ECMAScript
- JavaScript Guide
- JavaScript Source
- Esimerkki
- JavaScript-koodi
- selitykset
- Tapahtumankäsittelyä
- Tekstialue komponenttina
- Välilehdet
- JavaBeans ja ActiveX
- Javan verkkosivuilta
- Java
- GPS-seuranta
- Adobe Flash Playerin
- php.net
-
Kuva, ääni ja video verkossa - Luento 9
- Object module
- Object Paranoia
- PNG
- Scalable Vector Graphics (SVG)
- Mozilla SVG
- Adobe SVG Viewer
- SVG esimerkki
- Mozilla SVG samples
- Vector Magic
- Client-side image maps: the MAP and AREA elements
- Kampuskartta
- Funetin kartta
- HTML-Image map Creator WYSIWYG
- Lomitus
- Constant Bitrate
- Variable Bitrate
- Quicktime
- Realmedia
- Windows Media (Advanced Systems Format)
- Container-formaattien vertailua
- GSpot
- FFDShow
- Formaattien vertailu
- Toinen vertailu
- MPEG-4
- DivX
- XviD
- H.264 / MPEG-4 AVC
- elokuvatrailereissa
- Windows Media 9 -kodekit
- RTSP-protokolla
- Standards Compliant method to add Quicktime movies to pages
- MP3:n upottaminen
- Shoutcast
- Winamp
- Windows Media Player
- Flashilla
- Flash-sovelluksen upottaminen
- Flash Player
- Leo Burnett
- The Void
- Adobe Readerin
- Ghostviewin
- LaTeX
- OpenOfficella
- Microsoft Office 2007:lla
- Opinto-opas
- Opinto-opas
-
WWW-sivujen käytettävyys ja esteettömyys - Luento 10
- Kilroy Travels
- VR
- Telkku.com
- Foreca
- Teksti-TV
- Teksti-TV
- Matkahuolto
- Huoneistokeskus
- User Skills Improving, But Only Slightly
- Building Accessible Websites, kappale 2
- Verkkopalvelujen laatukriteeristö (PDF)
- USA:n esteettömyyslainsäädäntö
- Section 508
- WAI
- Verkkosisällön saavutettavuusohjeet 2.0 (WCAG 2.0 suomeksi)
- 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
- Mobile Web Best Practices 1.0
- MobileOK 1.0
- Colorblind Web Page Filter
- Värit käyttöliittymässä
- How Users Read on the Web - Jacob Nielsen
- XHTML
- CSS
- Wave
- Lynx Viewer
- Opera
- Näkövammaisten tietotekniset apuvälineet
- Building Accessible Websites
- Dive Into Accessibility
- Device Independence Principles
- Making Small Devices Look Great
- Saavutettava.fi
- Jakob Nielsen
- NVDA
- Jaws
- Window-Eyes
- SuperNova Access Suite
- SuperNova Screen Reader
- MozBraille
- Lynx
- Opera Mini & Opera Mobile
- Nokia Mobile Browser Simulator
- Firefox
- Internet Explorer
- Opera
- Konqueror
- Safari
- Google Chrome
-
XML ja WWW - Luento 11
- Mikä on XML
- XHTML 1.0 Strict
- XHTML 1.1
- XHTML Basic
- RDF- ja OWL-kielet
- MuseoSuomi
- Semanttinen Web ja oppiminen
- Microsummaries
- Nimiavaruudet
- MathML ja XHTML
- Scalable Vector Graphics (SVG)
- Mozilla SVG samples
- SVG Coordinate Systems
- Mozilla SVG
- Adobe SVG Viewer
- SVG esimerkki
- MathML
- MathML-ohjelmistoja
- Presentational
- Semantic
- MathML Basics
- Synchronized Multimedia Integration Language (SMIL)
- SMIL-esimerkkejä, toimivat IE:llä
- Synchronized Multimedia Integration Language (SMIL)
- Miten teen verkkoluennon - SMIL
- The CWI SMIL Page
- Streaming Media Wordl: SMIL
- SMIL - Wikibooks
- A Realist's SMIL Manifesto
- XHTML+SMIL Profile
- VoiceXML
- Opera VoiceXML
- World of VoiceXML
- RSS (Really Simple Syndication)
- Mikä on RSS?
- RSS 1.0 (RDF Site Summary) Specification
- RSS 0.91 (Rich Site Summary) Specification
- RSS:n eri versiot
- http://www.w3.org/TR/xforms/
- W3C
- XForms
- FormsPlayer
- X-Smiles
- DENG
- Chiba
- FormFaces
- W3C:n Forms
- XForms-demo
- OpenOffice.org 3.0
- http://www.w3.org/MarkUp/Forms/2003/xforms-for-html-authors.html
- http://www.devshed.com/c/a/XML/XForms-Basics/
- http://xformsinstitute.com/lesson1.php
- http://www.x-smiles.org/demo/demos.xhtml
- HTML5
- HTML5-testin
- Esimerkkisivu
- HTML5
- HTML5 differences from HTML4
- Dive Into HTML5
- Esimerkkejä HTML5-sivuista
- RDF Primer
- What is RDF?
- The Semantic Web lifts off
-
HTTP-protokolla, Apache ja CMS - Luento 12
- HTTP (Hypertext Transfer Protocol)
- Tamper Data
- GET
- 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
- HTTP trace
- RFC2616
- Apache-WWW-palvelin
- User's Guide
- Apache HTTP Server Version 2.2 Documentation
- Modules
- Apache HTTP Server Version 2.0 Documentation
- Modules
- Apache HTTP Server Version 1.3
- Modules
- .htaccess
- Edelleenohjaus
- Location
- AddDefaultCharset
- Mediatyypit
- AddType
- Rekisteröidyt mediatyypit
- Mediatyypit Internetissä, erityisesti Webissä
- Tiedostotyyppien määrittely
- suositus XHTML:n mediatyypeistä
- mod_rewrite-moduulilla
- XSL-muunnoskikka
- Salasanasuojaus
- mod_dir - Apache HTTP Server
- content negotiation
- Typemaps
- http://httpd.apache.org/docs/2.2/mod/mod_include.html
- http://www.mit.jyu.fi/opiskelu/seminaarit/ohjelmistotekniikka/cgi/#Heading13
- Website Meta Languagea (WML)
- C/C++-esikääntäjää
- WML (Website Meta Language)
- XSL Transformations
- CMS (Content Management System)
- Wiki
- TWiki
- Wikipedia
- What is Wiki
- Sanaleikit-wiki
- An Introduction To Zope
- Plone
- Zope sovelluskehittäjän näkökulmasta
- Mamboserver
- Drupal
- Typo3
- Xaraya
- Joomla
- CMS Made Simple
- WordPress
- OpenSourceCMS
- OpenCMS
- Guided tour of OpenCms
- Open Source Content Management System List
- ICANN valtuuttamat
- Viestintäministeriö
- FileZilla
- Web Server Management - Running Apache 2 under Linux
Demot
- XHTML-perusteita - Demo 1
- Cascading Style Sheets (CSS) -perusteet - Demo 2
- Absoluuttinen asemointi, mediatyypit, vaihtoehtoinen tyylitiedosto ja mediakyselyt - Demo 5
- WWW-lomakkeet - Demo 6
- Lomakkeiden käsittely ja SSI - Demo 7
- Salasanasuojaus, esteettömyys ja vieraskirja - Demo 8
Käyttäjien kommentit