5. HTML & CSS
Yleistä
HTML eli hypertext markup language on (erityisesti) internet-sivujen kirjoittamisessa käytetty kieli. HTML ei ole varsinaisesti ohjelmointikieli, vaan ohjeet siitä miten selaimen tulisi teksti muotoilla (markup). Monilla sivustoilla (blogit, wikit, pedanet) on nykyisin omat editorit sivujen kirjoittamiseen, mutta ne kaikki käännetään loppujen lopuksi html-kielelle.
Html-kieltä voi kirjoittaa millä tahansa tekstieditorilla (esim. notepad (valmiina Windowsissa) tai Notepad++ (koululla voi asentaa software centerin kautta).
Notepad++:ssa kannattaa laittaa koodin täydennys päälle: Settings -> Preferences -> Auto-Completion -> "html/xml close tag"
Windowsin notepadia voi käyttää, mutta kehittyneemmissä editoreissa on hyödyllisiä ominaisuuksia kuten tekstin väritys komentojen mukaan (helpompi lukea koodia) ja koodin täydennys (nopeampi kirjoittaa).
Selaimessa toimivia editoreja: html5-editor.net, html-online.com/editor/, w3schools.com/tryit/
Html-kieltä voi kirjoittaa millä tahansa tekstieditorilla (esim. notepad (valmiina Windowsissa) tai Notepad++ (koululla voi asentaa software centerin kautta).
Notepad++:ssa kannattaa laittaa koodin täydennys päälle: Settings -> Preferences -> Auto-Completion -> "html/xml close tag"
Windowsin notepadia voi käyttää, mutta kehittyneemmissä editoreissa on hyödyllisiä ominaisuuksia kuten tekstin väritys komentojen mukaan (helpompi lukea koodia) ja koodin täydennys (nopeampi kirjoittaa).
Opiskelu
HTML:llää voi opiskella valikosta löytyvien ohjeiden avulla tai verkosta löytyvillä kursseilla:- Jannen peda.net: HTML, CSS
- Suomenkielisiä ohjeita löytyy esim. googlella.
- Suomenkielisiä ohjeita löytyy esim. googlella.
- Code.org: studio.code.org/s/csd2-2024
- W3Schools.com -> not sure where to begin?
- HTML esimerkkejä ja harjoituksia
- sivuston julkaisu: W3schools Spaces
- Codecademy.com
- Khanacademy.com
Selaimessa toimivia editoreja: html5-editor.net, html-online.com/editor/, w3schools.com/tryit/