Bad Vista

Bad Vista

http://badvista.fsf.org/blog

Kiitos palautteesta!

Kiitos palautteesta. Siivosin sivustoa tänään ja tuollaiseksi se saa nyt jäädä, kunnes taas muutan.

Palautetta, kiitos

Hei opet ja oppijat!
Olen itsekin molemmissa rooleissa tämän css:n ja xhtml:n parissa ja kaipaan nyt teiltä apua tämän sivuston kehittämisessä.
-kirjoitusvirheistä
-asiavirheistä
-lisää harjoitelmia? aiheita
-kaikenlaisia mielipiteitä

Itselläni tökkii nyt tämän “valmiiksi” saaminen. Auttakaa antamalla vinkkejä niin saan taas suuntaa tähän http://koti.mbnet.fi/sirpanet/

Pienikin juttu voi saada aikaan suuren muutoksen.

Websivuston esteettömyys

Törmäsin tällaiseen sivustoon: http://www.et.gr/ (näkyy tässä Snap:illä aivan erilaisena) eli Kreikan kansallisen painon sivusto. Hienon ja siistin näköinen, mutta se mikä sai hämmästymään oli tuo suomeksi kirjoitettu teksti.

Heti heräsi kysymus, että miten tämä on tehty? Haluan oppia tekemään saman. Siis sivulla lukee teksit aivan oikeasti suomeksi. Tämähän on aivan upeaa.

Kunnes tajusin, että mieheni, joka on kreikkalainen ja halusi lukea sivuston tietysti kreikaksi, joutui pyytämään käännösapua. Emmekä mistään löytäneet namikkaa mistä sivuston kielen voi vaihtaa. Onko se siellä jossain?

Mistä tämä kieli on päätelty? Opera-selain oli kreikaksi. Käyttöjärjestelmä on suomeksi. Koneen ip on Suomessa.

Helppokäyttöisyyssivulla http://www.et.gr/accessibility-info mainitaan kyllä standardeja ja suosituksia, mutta tämä sivusto olikin tehty liian helpoksi käyttää.

Mutta hieno ominaisuus, näytetäänkin toiselle käyttäjälle eri sivu, kuin mitä muille.

Rss viimeinkin

Rss-syöte on ollut jo jonkin aikaa sivustollani http://koti.mbnet.fi/sirpanet/. Nyt sain vasta laitettua sen linkin siihen. Ja koodiakin tuli korjattua, kun oli jäänyt kesken. Täytynee tutkia rss:ää vielä.

Mielessäni on pienen sivun (rautalankaesityksen) tekeminen tästä rss:stä eli: Miten teen syötteen omalle sivulleni? Näin tämä blogi vain puskee työtä eteenpäin!

Kokeiltu on

Tämä blogin kanssa työskenteleminen oli minulle uusi juttu tässä kuukausi sitten. Kokeilin tätä selvittääkseni päässä pyörineet selvittämättömät css-jutut. Ja näin kuukauden kokeilun jälkeen on blogista tullut ehdottomasti uusi välineeni.

Toiminnan ohjauksessa ja päiväkirjana. Oppimispäiväkirja. Todiste ajattelemisesta, tekemisistä…

Ja tietysti se yhteisöllisyys ja Web 2.0, 3.0! Ajassa mukana. Joku on käynyt lukemassa tekemisiäni ja siitä on näköjään ollut jotain hyötyä. Itsekkin lueskelen blogeja ja etsin pieniä tiedonjyviä ja vahvistusta omille ajatuksilleni.

Blogilla mennään.

Css ja liukuväri

Joko css:llä saa liukuvärin? Tässäpä (jälleen yksi) mielenkiintoinen tutkimisen kohde.

Liukuvärit ovat kivoja. Nyt löysin IE:llä toimivan esimerkin

http://home.tampabay.rr.com/bmerkey/examples/scalable-gradient.html. Tästä lisää

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp.

 

Ja muutkin selaimet saadaan näyttämään liukuja http://www.designdetector.com/2005/09/css-gradients-demo.php. PHP?

 

 

Opasity: http://www.css3.info/preview/opacity.html ,

 

mutta miten tuo yksi div saadaan liukuväriksi ilman taustakuvaa?

Lukijan vastuu

Noin tuli taulukkokin väritettyä css:llä http://koti.mbnet.fi/sirpanet/taulcss2.html

Hieman colgroupit hakivat paikkaansa tagien viidakossa, taisivat kuitenkin mennä paikoilleen.

Tässä kuluneella viikolla tuli jälleen kerran esiin se, että netti on pullollaan kaikenlaisia html-koodin oppaita ja ohjesivuja. Ja niissä kaikissa on virheitä, isoja tai pieniä. Okei, jos ei ole virhettä, niin sitten siitä ei löydy apua juuri siihen minun ongelmaani.

Kun tietämättömänä ja osaamattomana seikkailee täällä sivujen koodiviidakossa, niin täytyy aina lukea varauksella näitä muiden ohjeita. Ja kannattaa osata käydä tiedon lähteillä: http://www.w3.org/ 

Css ja lomake

Meinasipa jäädä tämä blogin kirjoittaminen, eli lomaketta tuli muotoiltua css:llä. Otin pohjaksi vanhan, vanhan harjoitelman, mistä kyllä löytyi riittävästi erilaisia lomakkeen kenttiä. http://koti.mbnet.fi/sirpanet/lomacss1.html

Sitten piti muuttaa koodia lisäämällä siihen palikoita http://koti.mbnet.fi/sirpanet/lomacss2.html ja http://koti.mbnet.fi/sirpanet/lomacss3.html

Ja lopuksi kokeilua css:llä! http://koti.mbnet.fi/sirpanet/lomacss4.html

Boxi on saamassa Rounded corners! http://www.css3.info/preview/rounded-border.html Ei kuvia nurkkiin kiitos. Homma jatkuu.

Blogikokeilu jatkuu

No tietysti, se overflow: hidden ei anna sen sisällön mennä sinne vasemmalle tai oikealle kun sinne on muut osat menossa!

Ehkäpä se on tämä blogin teko auttanut tässä opettelun etenemisessä. Samalla tuli nyt selvitettyä tarkkaan myös boxit ja sen marginit ja paddingit. Selvyyttä tuli lisää siihen miksi selaimet toimivat erilailla. Näin vain on. Olisihan se varmaan aika tylsää jos kaupastakin voisi ostaa vain yhdenlaista leipää.

Seuraavana täytyisi muotoilla lomakkeita ja taulukoita. Ja blogi jatkuu.