XHTML/CSS-opas 2008-01-26 14:24
| Kuvaus: | (X)HTML-merkkauskieli ja CSS-tyylit ovat internet-julkaisemisen perustekniikoita, ja lähes jokainen avaamasi sivu välitetään selaimellesi näillä kielillä kerrotussa muodossa. Näistä XHTML-kieltä käytetään verkkosivun rakenteen merkkaamiseen (otsikot, kappaleet, linkit...), CSS-tyylejä taas sivun ulkoasun muotoilemiseen (lihavoinnit, väritykset...). Vaikka nykyiset julkaisujärjestelmät (kuten WordPress) mahdollistavat helpon sivustojen pystyttämisen ilman koodaustaitoja (ne siis kirjoittavat koodia käyttäjän puolesta), on niissäkin XHTML- ja CSS-taidoilla mahdollista tehdä omia, julkaisujärjestelmän valmiista toiminnoista poikkeavia ratkaisuja. Lisäksi sivujen koodailu on aika hauskaa ja helppoa – jos tietokoneella haluaa tehdä teknisessä mielessä jotain peruskäyttöä syvempää, tästä on hyvä alkaa. Tässä XHTML/CSS-oppaassa opetellaan verkkosivun tekeminen alusta alkaen, sivuston julkaisuun asti. Löydät aiheet sivupalkin valikosta. Alussa yleisesti web-standardeista, työkaluista ja työskentelystä. Tämän jälkeen omissa osioissaan yksityiskohtaisemmin XHTML-merkkausta ja CSS-tyylejä. Ohjeet-kohdassa syventävää tietoa ja käyttöesimerkkejä, ja lopuksi tietoa julkaisemiseen liittyvistä asioista. Tarvittaessa voit edetä yksinkertaisten harjoitusten mukaan. Katso myös HY:n Valtiotieteellisen tiedekunnan kevään 2007 harjoitusohjelma luentoesimerkkeineen. |
| Luokka: | web |
| Avainsanat: | web, XHTML, CSS, opas, alkeet |
Keskustelu
- #410 Rauli H.
- 2009-09-07 18:15
- Sori että lomakkeiden ohjeet puuttuu kokonaan oppaasta - lisäilen joskus. Lomakkeet tehdään html:n form-elementtiin http://www.w3schools.com/html/html_forms.asp ja sen sisällä input ja textarea elementteihin. Lisäksi tarvitset palvelimen jossa on esim. PHP- tai CGI-tuki, jolloin voit ohjelmoida skriptin joka osaa käsitellä lomakkeelta lähetetyn datan. Netistä löytyy monia ohjeita http://apptools.com/phptools/forms/ mutta esim. ihan PHP-alkeilla tehdyt lomakkeet eivät ole kovinkaan turvallisia.
- #409 Layman
- 2009-09-07 17:56
- Heip, Hienot ohjeet. Miten saan tälläisen lomakkeen tehtyä omalle nettisivulle, joka menee sähköpostiin suoraan?
- #376 Mökki
- 2009-06-16 11:08
- Kiitos, verkko-oppaasta löysin apuja.
- #374 Suuri Taikuri
- 2009-06-06 18:07
- Erinomaista settiä. Yksi huolellinen lukukerta, ja verkkosivujen teko sujuu.
- #362 Aina L.
- 2009-05-05 13:24
- Paljon hyödyllistä tietoa :)
- #305 Janek T
- 2009-02-12 21:47
- Minuakin nämä oppaat auttavat paljon! ja opin paljon, jos voit/pystyt tekemään Php oppaan niin olen todella kiitollinen sinulle =) olen vasta 16v vanha niin onhan mulla aika oppia kaiken laista
- #138 Rauli H.
- 2008-08-22 15:34
- Hyvä että kelpaa. =) Jotain pientä tekisi mieli jossain vaiheessa parannella, mutta aika hyvin tämä kai edelleen toimii. Ehkäpä odottelen HTML5:ttä tai muuta mullistavaa. Mielessä on myös ollut vastaavat oppaat PHP:stä ja pienemmässä muodossa myös JavaScript/DOM:sta, mutta en ehkä ehdi sellaisiin ihan lähitulevaisuudessa... ellei sitten jotain irrallisempaa blogimuotoisesti.
- #135 Mahtava
- 2008-08-09 18:41
- Todella hieno opas ja hyödyllinen ja selkeä autat todella paljon tällä.
Kommentoi tätä sivua
Kommentit ovat julkisia. Sähköpostiosoitettasi ei julkaista tai jaeta.