|
|
17.2.2010
Sivuja sivuja. Edistyin hyvin. Päätin tehdä sivut valmiiseen kuntoon ja kikkailla kaikki kohdilleen sitten kun tärkeimmät ovat kasassa.
16.2.2010
En edistynyt juuri yhtään. Paavo kävi kertomassa tarinoitaan ja antoi uuden motivaation sivujen rakentamiseen.
15.2.2010
Meni jo paremmin. Koodissani on vielä muutamia kohtia jotka herättävät kysymysmerkkejä, mutta uskoisin selviytyväni niistä. Tehtiin sellaiset kivat sivujenpäivitys-samplet.
12.2.2010
Jotain php ja XAMPP juttua. Himputin monimutkaista. Ei tästä tule mitään. Toivottavasti maanantaina menee paremmin.
11.2.2010
Lisää nettisivuja ja parit tutotriaalit. Taidan olla hieman jäljessä tuossa sivujen määrässä, mutta yritän skarpata ja saada kiinni.
10.2.2010
Opin että juurihoito vie aikaa ja sattuu vasta tuntia myöhemmin.
Olin koulusta pois.
Poissaolotodistus myöhemmin.
Päivitys: En saa kotitehtäviä tehtyä. Syy: Oma kone meni huoltoon ja tähän koneeseen ei saa ladattua evästeitä. Olen pahoillani. Jään sitten vaikka koulun jälkeen tsiigailemaan.
9.2.2010
Dreamweaveria, dreamweaveria... Alkaa jo luonnistumaan tuo koodaaminen. Hyvä juttu. Ongelmia ja virheitä löytyy mutta toitaiseksi kaikki on saatu jotenkin poistettua.
Kotitehtävä:
Nyt on pakko sanoa, etten tiedä. Tuumailen lisää kotona jos pääsen koneen äärelle.
8.2.2010
Työstettiin pohjaa eteenpäin ja sitten tuli piru mertaan ja koko koodi sekosi. Jontun kanssa tehty damage control selvitti tilanteen ja saatiin Index lähes valmiiksi. Tästä paremmalla onnella eteenpäin.
Kotitehtävä:
XHTML eroaa HTML:stä siinä, että sillä on tiukemmat muotosäännöt. Tärkeimpiä eroja ovat viittaus käytettyyn XML-määrittelyyn, pakollinen pienten kirjainten käyttö kaikissa tunnisteissa, attribuuttien pakolliset arvot, attribuuttien arvojen pakollinen merkitseminen lainausmerkeillä sekä elementtien pakollinen sulkeminen.
Lyhyt vastaus: Netistä.
Jatkovastaus: esim. Täältä löytyy jotain.
5.2.2010
Tehtiin taas kaikkea jännää dreamweaverilla. Spry-pohjainen drop down-menu tuli ainakin tehtyä.
Kotitehtävä: Dreamweaverissa on kahdenlaisia mittayksiköitä: Absoluuttiset mittayksiköt ja suhteelliset mittayksiköt. Absoluuttisia mittoja ovat:
- tuuma (in)
- senttimetri (cm)
- millimetri (mm)
- piste (pt) 1px = 0,353 mm
- pica (pc) 1pica = 12pt = 4,24mm
Suhteellisia mittoja ovat:
- em, joka määritetään korkeudeksi, jonka tietyn korkuinen kirjasinlaji tarvitsee, mukaan lukien aksenttimerkki ja perusviivan alle menevä osa.
- ex, joka määrittää pienen x-kirjaimen peruskorkeudeksi.
- px, pikselit eli kuvapisteet, jotka määritetään suhteessa esitysvälinetyyppiin.
- %, Prosenttiarvot ilmaistaan aina suhteessa johonkin toiseen arvoon, yleensä vanhemman vastaavaan ominaisuuteen. Kuten muidenkin suhteellisten arvojen kohdalla, lapsielementti perii tavallisesti lasketun arvon, ei siis alkuperäistä prosenttiarvoa. Esim. body-elementin leveys on 80% ja sen sisällä olevan div-elementin leveys on 80%. Siis div-elementin leveys nk. viewportista on 64%
Esim. pistekoko määrittää kirjaimen koon, ja sen jälkeen voidaan määrittää jokin tietty kirjainjoukkio (lause, sana, jne.) suurempaan tai pienempään kokoon antamalla sille prosenttiarvo, kuten 75% joka pudottaa kirjaimen koon yhdellä neljänneksellä.
4.2.2010
Seurattiin Leinosta taululta. CSS-stuff. Siirsin myös Flash-sivut avkoti-palvelimelle. Kuvagalleriasta tuli hieman raskas :F
Otettiin uusi opetusmenetelmä käyttöön, syynä oppilaiden sopimattomuus itsenäiseen opiskeluun. Ja tuli kotiläksyä D:
Mihin tämä maailma on menossa?
Yksinkertainen CSS selektori määrittää tyyliteltävän elementin. Esimerkkejä selektoreista on HTML tagi, class tai id. Selektoreita ryhmitellään pilkuilla, jolloin jokaiselle osalle tulee sama tyylitys.
Esim:
h1, h4, h6 {
font-family: Helvetica, Arial black;
}
Näin kaikilla h1, h4 ja h6 elementeillä on sama muotoilu.
Pseudo-elementeillä muokataan jokaisen kappaleen ensimmäinen kirjain:
p {
line-height: 1.1
}
p:first-letter {
font-size: 3em; font-weight: normal
}
span {
font-weight: bold
}
3.2.2010
Lisää tutotriaaleja. Osa lähti kotiin ennen aikojaan. Muuta merkittävää ei tapahtunut, lukuunottamatta Vellun kanssa katsottua nettisivupohjan rakentamista.
2.2.2010
Tutotrials... Hundreds of 'em...
1.2.2010
Tehtiin ryhmän aikataulu.
29.1.2010
Kuvagallerian viimeistely ja yleinen säätäminen.
28.1.2010
Rankan raatamisen jälkeen sain kuvagallerian alulle. Viimeistelen sen perjantaina ennen nettiin laittamista.
27.1.2010
Näyttää siltä että kuvagalleriaa lukuunottamatta kaikki on kondiksessa. Jos kokeilisi sen saada tehtyä huomenna.
26.1.2010
Flashiin siirrettiin hurjalla ammattitaidolla kaikki sivut. Ovat kivasti aikajanalla.
25.1.2010
Pään sisällä kuului ääni "Finish him!" ja viimeistelin layoutin ja kaikki sen sisällä olevat osat. Jälki ei ole parasta, mutta oppimaanhan tänne on tultu.
22.1.2010
Avainsivua etsimässä. Kauheata säätöä indeksin muokkaamisessa. Maailma räjähtää D:
Ehkei sentään. Hyvää viikonloppua.
21.1.2010
Tutotriaaleja. Koko päivä.
Plus satunnaisia koodinpätkäyrityksiä.
20.1.2010
Alettiin aamulla tekemään dropdown menua, mutta putosin ensimmäisellä tauolla matkasta kun Flash päätti terminoida itsensä. Otettiin onneksi uudestaan koko homma ja sain toimimaan.
Nyt pitää rientää matikan tunnille ->
19.1.2010
Katsottiin taululta miten yksinkertaisella koodilla saa tehtyä kuvagalleriaa. Sitten katottiin tutskia. Paljo tutskia.
18.1.2010
Koodattiin xml-koodia taululta tarkasti seuraten. Hassu xml-koodi. Ihan hyvä avaus viikolle, vaikka bussi jumiutui aamulla ruuhkaan ja sadan metrin matkalle meni puoli tuntia.
15.1.2010
Muovasin layouttia kuin se olisi ollut muovailuvahaa ja sitten en tehnytkään mitään mainitsemisen arvoista. Olen pahoillani.
Mutta nyt viikonloppu -->
14.1.2010
Tänään katsoin flash-tutotriaaleja ja tein yhden lyhyen animaation.
13.1.2010
Tein layoutin katsottavaan kuntoon ja laitoin peda.nettiin ilta-päivän arviointia varten. Katsoin myös muutaman Photoshop-tutotriaalin. Muuta en juuri tehnytkään.
Huomenna taas.
12.1.2010
Tänään etsin vertaussivuja layouttia varten, katsoin pari videota, kirjoitin synopsiksen ja suunnittelin layouttia. Huomasin myös kirjoituspöytäni menevän välillä sekaisin, ja kuuntelin pari biisiä.
Ja tämä kaikki sijaisen valvonassa.
Tune in next time.
11.1.2010
Maanantaina oltiin ajoissa koulussa katsomassa tutotriaaleja lynda.comista. Siinä se päivä sitten menikin.
Ilta-päivällä tuli asiakas kertomaan nettisivutarpeistaan ja muusta asiaan liittyvästä.
Ei muuta kommentoitavaa.
8.1.2010
Tänään asennettiin XAMPP-portable palvelin ja muisteltiin Dreamweaverin ja Flashin käyttöä.
Uutta asiaa ei juuri tullut, mutta kertaaminen oli hyvä juttu. Tein myös ällistyttävän hienon animaation! Lisäsin sen onnistuneesti avkoti.comiin, osoitteeseen www.avkoti.com/av08a/mikah/ethan.swf
Päivä pulkassa ja viikonlopun viettoon.
7.1.2010
Vuosikymmenen ensimmäinen koulupäivä kului muistellessa html-koodausta. Luotiin myös paljon kansioita.
Tarkemman analyysin mukaan kokeilimme ftp-thingietä ja lähes masokistiseen tahtiin koodailtiin muistioon. Onneksi vapaa-ajalla yrittämällä on jäänyt perusasiat jotenkin muistiin. Muuten olisi voinut mennä sormi suuhun.
Huomenna jatkuu.
|
Drop-menu.
Nappuloiden värin vaihtuminen/muu effekti.
Likkien toimiminen olis kiva.
Kuvagalleria.
Ei kai siellä muuta tarvita.
|
Jämsän pursiseuran nettisivut.
Yksinkertainen nettisivu jolla on helposti päivitettävä uutisalue, kuvagalleria ja mahdollisesti vieraskirja.
|
|
|
