Peda.net > Verkkoveräjien etusivu > Edellisen tason veräjä >

Juuli Haimakainen

YLLÄPITOON >>    

Oppimispäiväkirja

19.02.10
Tein jäsenhakemuslomakkeen, viimeistelin 'linkit' sivun, tosin on SUURI mysteeri mitä APS ja HVS tarkottaa (hvs on varmaan joku helsingin veneilyseura tai vastaava mutta aps???? Ahvenanmaan pursiseura????) eli mille sivuille ne linkitän?? Tell me about it - en löytänyt googlen kautta sopivia sivuja.

Tajusin myöskin, että mun paragraph fontti HÄRSII täydellisesti, enkä nää mitään syytä koska EI SE OO JUSTIFYLLÄ!!!
Hermoromahdus nmr 123456789 tän jakson aikana ASDASDASD.

18.02.10
Tein uudet bannerit, sekä lisäilin kaikenlaisia kuvia. Ne on suoraan sanottuna ihan hirveitä pikselimössöjä, mutta kerta asiakas jankkas koko ajan niistä niin LAITETAAMPA SITTEN NIITÄ KUVIA!

17.02.10
Tein sivut joihin tarvitaan tablea eli hallitus, toimihenkilöt ja suunnitelma sivut.
Saatiin vähän uutta matskua, joten siirtelin niitä paikoilleen myöskin.
Sellasta perus viilaamista ja vääntämistä kaiken kaikkiaan tuli näperreltyä.

16.02.10
Asiakas kävi tsekkaamassa meidän suurta luomusta ja vaikutti tyytyväiseltä. Mitä nyt pieniä muutoksia halusi tehdä ja lähinnä halusi LISÄÄÄ materiaalia sivuille.

Tapaaminen tiivistettynä:

KUVIIN LIITTYVÄT MUUTOKSET:
  • bannerina kesäinen kuva (ei siniseksi sävytetty, vaan vähän väriä sivuille tuova)
  • bannerissa oleva 'jämsän pursiseura' teksti pienemmällä ja vaalealla sävyllä (ettei tule liian raskas tunnelta)
  • telakointiin telakoinnista kuva (esim. banneriin tai sivulle tekstin viereen)
  • mahdollinen meripohjakartta 'vuorisalon tukikohta' kohtaan (tekijäoikeudet??)
  • 'historia' kohtaan kuva (joku tietty, mikä löytyy dvd:ltä missä on uutta matskua)
  • yleisesti kuvia niin paljon kun mahtuu ja näyttää hyvältä
  • jossain vaiheessa mahdollisesti he haluavat lisätä kuvat 'toimihenkilö'- ja 'hallitus' kohtiin, joten paikat kuville
VISUAALISET MUUTOKSET:
  • footerissa pelkkä logo ja JäPs-nimi (pois matti meikäläinen)
  • kävijälaskurissa ei tarvita otsikkoa sille (pelkkä laskuri siis)
  • maksut saa aueta pdf:nä, mutta fontti vaihdettava nettisivuilla olevaksi (myriad pro) ja mahdollisesti muutenkin samaa tyyliä muun sivuston kanssa (taustaväri??)
LINKKEIHIN LIITTYVÄT MUUTOKSET:
  • tukikohdan alalinkiksi 'palvelut' jonne siirtyvät kohdat: sauna, tupa, laituri, luontopolku, veneet, tiskauspaikka, nuotiokatos
  • ..eli 'säännöt' sivu erikseen (ei vielä päivitettyjä sääntöjä saatavilla)
  • 'kuvagalleria' muutetaan 'kuvia ja tarinoita' jonne tulee kuvia (järjesteltynä vuosi-kategorioissa) ja 'tarinoita' sisältää kertomuksia/juttuja poiju-lehdestä (dvd:ltä)


Alotin jo korjaamaan sivuja ja tekstejä..
edit: en vielä ehtiny lisätä kuvia/karttoja/and stuff like that, mutta tekstit ja muuten kaikki sivut valmiina, oho oho!

ps. mun yks linkeistä halvaantu täysin ;(

15.02.10
Tänään taas php:tä.
Tehtiin formeja mm. miten nettisivuja voi formin kautta päivittää, sekä koodattiin että kyseisiä artikkeleja pystyy poistamaan ja suojattiin sivut usernamella ja passwordilla.

12.02.10
Kokeiltiin php:n koodausta. Luotiin mm. tietokanta ja yhdistettiin se meidän saittiin.

11.02.10
Katottiin tutoriaaleja ja niiden jälkeen aloitin tekemään uutta nettisivua. Ihan kertauksen ilosta ja mielenkiinnosta, että muistanko enää mitään.
Yllätin itsenikin sillä, että osasin tehdä erikseen html ja css pohjan woooooo! Muutenkin tajusin tänään, että multimedian 1 opitut keinot on näihin verrattuna tosi alkeellisia niin vaikeempia linkityksiä tehtäessä tulee ihan voittaja-fiilis!

Opeteltiin miten google mapin saa haettua nettisivuille. Khuuul!

10.02.10
Tutoriaaleja ja formin tekoa.
Opin ensinnäkin tekemään formiin tekstikentät ja vastaavat. Myöskin sain tekstikentät reagoimaan siten, että ne tunnistavat jos niitä ei ole täytetty ja esim. jos annettu sähköpostiosoite ei ole kelvollinen.

Css-tyylien luominen avautuu koko ajan enemmän vaan mulle!

09.02.10
Opin linkittämään sivut toisiinsa. Tajusin myös syyn kaikille hermoromahduksilleni: jos ei määritä css-tyyli sääntöjä tarpeeksi tarkasti se saattaa muuttaa koko siten asetuksia. Ei ihme että joka avaus kerralla on tuntunu että jotain on nyt muuttunut!

08.02.10
Nettisivuihin tehtiin:
*footeri tablen avulla (tablen avulla näyttäis olevan helppo tehdä vaikka mitä juttuja, helposti hallittavissa)
*ajankohtaista-paneeli
*tehtiin footerista ja navista library-juttu.

Vierailtiin nettisivuilla missä pysty testailemaan fontteja verraten toisiinsa/tarkistamaan sen saatavuus eri koneilla. Myöskin bridgen avulla kokeiltiin tehdä kuvagallerioita.

Opin käyttämään tablea, VIHDOINKIN tekemään uusia class-tyylejä ja muutenkin ymmärtämään miten niitä asetellaan, sekä hallitaan miljoonaa eri koodipuolia (=css&html).
Taisin älytä ja oppia muutakin, mutta ei nyt tule mieleen. Tuottoisa päivä jos jotain!


kotitehtävä - html:n ja xhtml:n erot
XHTML on HTML:stä kehitetty www-sivujen merkintäkieli, joka täyttää XML:n muotovaatimukset.
Sen oli alun perin tarkoitus korvata HTML.
XHTML eroaa HTML:stä tiukemmilla muotosäännöillään.

05.02.10
Opeteltiin tekemään dropdown-menu. Iisi homma.


kotitehtävä - DW:ssä käytettävät mittayksiköt:

DW:ssä on kahdenlaisia mittayksiköitä
Suhteelliset ja absoluuttiset mittayksiköt.

Suhteelliset mittayksiköt määrittävät arvon verrattuna johonkin toiseen mittayksikköön tai arvoon.
*em (määrittää kuinka ison alueen kirjain tarvitsee, en on puolet em:stä)
*ex (pieni x-kirjain peruskorkeutena)
*px (pikselit eli kuvapisteet)
*% (prosenttiarvot annetusta kuvasta)

Absoluuttiset mittayksiköt ovat kiinteitä.
*senttimetri (cm)
*millimetri (mm)
*tuuma (in)
*piste (pt) = 0,37598 mm
*pica (pc) (1 PostScript pica = 4.23333333 millimeters)

04.02.10
Eka kerta ku ei tarvii valehdella tänne, että olisin mukamas oppinut jotain. Tänään jopa OPIN ja en ehkä enää harkitse itsemurhaa tämän jakson aikana.
Tietty harmittaa, että muutamat jotka jo osaa kaiken mitä nyt käydään yhdessä läpi, pakotetaan kertaamaan meidän muiden paskojen kanssa ne jutut uudestaan.


kotitehtävä - CSS selector:

*määritellään elementin/elementtien tyylit
*voidaan erottaa pilkulla ne toisistaan:

h1, h2, h3 {
font-family: calibri, arial;
color: #ff0000;
font-weight: bold;
}

(html tagi, class tai id voivat olla niitä)


*pseudo-elementillä voidaan määrittää tyyli että esim. jokaisen kappaleen ensimmäinen kirjain on kooltaan isompi kuin muut:

p:first-letter
{
color:#ff0000;
font-size:xx-large;
}

01.02.10
Pohdi pedanettiin noin 15 minuutin ajan seuraavia kysymyksiä:

a) Mikä meni hyvin flash-projektissa?
- Lähinnä tuli kertailtua flashiä. Muuten en kauheesti kehuisi koko projektia.

b) Minkä tekisit toisin?
- Selkeästi lopettaisin itse oman työskentelyni ajoittamisen. Aina kun koitin olla aktiivinen ja tehdä paljon niin viikko sen jälkeen selvisikin, ettei vielä niin pitkällä pitänytkään olla ja että homma tulisi tehdä eri tavalla.

c) Mitä opit? Mikä jäi vaivaamaan?
- Opin lähinnä tajuamaan, että nettisivuja voi tehdä myös flashillä. Vaivaamaan jäi se, etten ikinä saanut sivuja valmiiksi ja se että koko työskentely oli niin epäorganisoitua miten ikinä se olikaan "suunniteltu", ettei ennen vikaa viikkoa tajunnut mitä milloinkin pitäisi olla valmiina.

d) Mitä tulet käyttämään 3.vuoden portfolion tekemisessä?
- Empä tiiä. Flashillä voisi saada paljon hienouksia aikaan, mutta se on eriasia osaanko minä niitä luoda.

27-29.01.10 SAIKULLA (tuon maanantaina terkkarilta saadun todistuksen)

26.01.10
Tein kaikki sivut photarilla, importtasin flashiin ja nimesin labelit.
Kettuunnun framejen sekavuuteen ja rukoilen dw:n käytön alkamista.

25.01.10
Sain tehtyä photarissa kaikki 'tukikohdan' alle olevat sivut (asettelin tekstit & muokkailin kuvia) + kuvagallerian (lähinnä thumbit ja asettelu - OOTAS VAAN ku alan koodaamaan sitä flashissä, niin päitä alkaa irtoilemaan!)

Joittenkin linkkejen alle annettu matsku on hyvin vähäistä, joten vaikka iletski niin itki sitä että monella on contentit liian pieniä, niin onko tää paljon kauniimpaa, että sitä tilaa on LIIKAA?
Ratkean innosta saada lisätä 'nuotiokatoksen' alle pari kuvaa purjeveneistä.

22.01.10
Viikon ajatus/kysymys: miksi oon tällä alalla, enhän mä osaa mitään?
Viikon sana: ERROR.

Perjantai meni siis yhtälailla evottamiseen, en saa koodeja toimimaan järkevästi + suurinta osaa en ees osaa käyttää.
Saanko jo seota tässä erroreitten-helvetissä??

21.01.10
Kehittelin miltä näyttää kun linkki on valittuna. Siitä tuli aika amatöörimäisen näköinen johtuen hillittömästä inspiraationi tulvasta (älkää toki jääkö sen alle!). En siis tiedä nostaako sellainen pieni purjelaiva linkin yläpuolella kovien purjehtijamiesten maskuliinista egoa, vaiko saako näyttämään koko seuran joltain kaarnalaiva gängiltä.

Yritin tehdä dropdown menua - en onnistunut. Vaihdoin alalinkki suunnitelmaani, koitin linkittää alalinkkejä - en onnistunut.
drwnhmm..

20.01.10
Opeteltiin tekemään dropdown-menu. Mmm tajuan perusidean, että tehdään haluttu animaatio mc:lle ja valmisanimaatioita vaan heitellään sitten scenelle. Järkevää framejen käyttöä jos jotain.
Koodaus on sitten asia erikseen eli jesus take me UP!

Häröilin oman animaation parissa, mikä kaiken hauskuuden rinnalla oli myös varsin opettavainen. Tulee oivallettua perusideoita flashistä.

19.01.10
Ihanananananaaaaaaaaaaaaaa OPIN JOTAIN!

Issue: sivut juoksee yhtenä animaationa.
Solution: jokainen functio piti nimetä erikseen.

..ja selvitin IHAN ITE vaan tökkimällä ja tutkimalla koodia. Ehkä mä opin ymmärtämään sitä. Who knows!

18.01.10
Harjoiteltiin xmlää ja olin kyllä niin kujalla ku voi vaan olla. Ahistaa, hajoan.

Screeniltä siristellen koitin kopioida juttuja tajuamatta mitään, mutta lopulta luovutin ja lähdin ruokatauolla kotiin. Hajottava päänsärky ja turhautuminen.

Tupla-tripla-hajotus jos mulla onkin se migreeni mistä se terkkari jaksaa aina jankuttaa.
Tää ei nyt oikein kuulu mun suunnitelmaan; haluan datailla ilman rajotteita !

15.01.10
Suunnitelman iiihan loppuun hiominen, sekä siirtäminen ftp:lle/asiakkaan nähtäville.

Listalla "opittavaa" olis:

#linkitys flashillä
#lomakkeet
#kuvagallerian luominen
Sunnuntain vois pyhittää lynda.comille?

14.01.10
Sain tehtyä etusivun animaation flashissa. Koodasin kaikki linkit ja loin sivut kaikille linkeille, MUTTA jostain kumman syystä buttonit ei toimi miten pitäisi - ne juoksee yhtenä animaationa :(
Harkitsen hermoromahduksen siirtämistä huomiselle, koska en kuitenkaan nyt ehdi tehdä mitään asian hyväksi.

Katoin sitten myöskin tutoriaaleja.

13.01.10
Suunnittelin 3 layouttia ja sain kolmannen layoutin etusivun tehtyä flashiin (ei linkitetty/muita sivuja).
Tein GIF-animaation photarissa, jonka haluaisin vielä lisätä etusivulle. Mitä ilmeisimmin - tottakai - teen siitä uuden version flashissä. Photarissa tehty oli vain kokeilu PLUS voin käyttää sitä sitten DW-versiossakin!

12.01.10
Suunnittelin yhden layoutin Pursiseuralle, mutten ollut ihan varma mitä asiakas erityisesti halusi. En kuitenkaan ollut hyödyttömänä and that's the main point!

11.01.10
Asiakas kävi luokassa, mutta tein näyttöä.
Mitähän mun pitää tehä sen purjeseuran hyväksi?

08.01.10
Perjantai mitäs mitäs.

Sain sovittua näytölleni ajan maanantaiksi, joten pienet tanssit sille - ykkös vuosi kohta kasassa! Aamen.

Räplättiin DW:tä mikä oli hyvääää kertausta ja avattiin jopa Flashi. Flash-animaationi oli aika..höm upea?

07.01.10
Luotiin tunnukset peda.nettiin ja kirjauduttiin johonkin ftp-juttuun (mysteeri sekin).
Koodailtiin jotain notepadille ja niin noloa kuin se onkin, että 2.jaksossa itkin koko ajan dreamweaverin kanssa, niin nyt puolestaan tekisi mieli hajota kun sitä ei saanut käyttää tässä ensimmäisessä tehtävässä.
Älysin kuitenkin miten divit jaksottaa koodia, ettei tekstit ja kuvat yritä vahingossakaan änkeä samoille riveille.

Voittaja-fiilis kaiken kaikkiaan.
Selvisimpä päivästä, vaikka epäilinkin sitä.
 

ITSEARVIOINTI

1. Työtehtävän hallinta.
Flash (as3):
T1 => kaikki tehtävät tehty, mutta epävarma tunne siitä miten ohjelmat toimivat.
K3 => osaan soveltaa ohjelmalmia omiin tarpeisiin, ymmärrän koodia tarvittavan määrän.


*T1
Suoraan sanoen en tiedä, miksi kukaan haluaisi tehdä nettisivuja flashillä. Osaan tehdä linkityksen, mutta dropdownmenusta ei toivoakaan. Osaan siis kaikki perusjutut vääntää eli ymmärrän ohjelman perusajatusta nettisivuja tehdessä, mutta tekijäksi minusta tuskin olisi.

2. Työprosessin hallinta.
Googlen käyttö. Tutoriaalien käyttö. Kirjaston käyttö
T1 => olen katsonut lynda.com tutoriaalit
K3 => kokeilin netistä erilaisia tutoriaaleja ja sovelsin oppeja omaan työhöni


*H2
Flash tutoriaaleja katsoo ihan mielellään jopa. Tykkään katsoa ja kokeilla niitä sitten flashissä. Googletin myöskin paljon juttuja netistä.

3. Tiedon hallinta
T1 => oppimispäiväkirjassa merkintä lähes jokaisesta päivästä
K3 => kirjoitin vähintään 2 kappaletta joka päivä ja yritin pohtia omaa oppimistani


*H2
Ainakin mä kirjotin oppimispäiväkirjaa, niin hyvässä kuin pahassakin. Flash OLI vaikee (MUTTA SAIMPA SEN SILTI VALMIIKSI!) ja siksipä kiukuttelu näkyy päiväkirjaa kirjoittaessa.

4. Ydinosaaminen
T1 => en tarvinnut apua, joten työskentelin itsenäisesti
K3 => kysyin vähintään kerran päivässä neuvoa ja neuvoin päivittäin muita


*H2
Musta ei varmaan ollu tässäkään paljon apua muille, mutta itse kyllä kyselin.

5. Yhteiset painotukset
T1 =>olin ainakin kerran pois ilman selitystä tai myöhästyin tunnilta ilman selitystä tai anteeksipyyntöä.
K3 => olin aina aamulla valmiina aloittamaan opinnot ja tein tehtävät ajallaan


*T1
Taisin olla flashin aikana enemmän poissa kuin dreamweaverin (olin kanssa saikulla). Edelleen häpeä siitä minulle.


1. Työtehtävän hallinta.
Photoshop, Dreamweaver (html-perusteet ja CSS)
T1 => kaikki tehtävät tehty, mutta epävarma tunne siitä miten ohjelmat toimivat.
K3 => osaan soveltaa ohjelmalmia omiin tarpeisiin, ymmärrän koodia tarvittavan määrän.

*H2
Osaan käyttää ohjelmia hyvin ja ymmärrän koodiakin jossain määrin. Lähinnä osaan luoda eheätä koodia ja tehdä asiat oikeassa järjestyksessä, mutta epävarma siitä huomaisinko virhettä jos se jotenkin härsisi.


2. Työprosessin hallinta.
Googlen käyttö. Tutoriaalien käyttö. Kirjaston käyttö.
T1 => olen katsonut lynda.com tutoriaalit.
K3 => kokeilin netistä erilaisia tutoriaaleja ja sovelsin oppeja omaan työhöni.

*T1
Katsoin tutoriaalit mitä oli määrätty ja vähän ylimääräistäkin, mutta en sinänsä itsenäisesti lähteny etsimään youtubesta ja muualta tutoriaaleja. En pahemmin perusta oppimista tutoriaaleista ja laiskuus asiassa näkyy.


3. Tiedon hallinta.
T1 => oppimispäiväkirjassa merkintä lähes jokaisesta päivästä.
K3 => kirjoitin vähintään 2 kappaletta joka päivä ja yritin pohtia omaa oppimistani.

*H2
Joka päivältä löytyy merkintä ja mielestäni olen kirjoittanu sopivan pitkästikin. En ehkä kuitenkaan suhtautunut oppimispäiväkirjaan niin suurella intohimolla että ansaitsisin sen täytöstä K3:sta(?).


4. Ydinosaaminen.
T1 => en tarvinnut apua, joten työskentelin itsenäisesti.
K3 => kysyin vähintään kerran päivässä neuvoa ja neuvoin päivittäin muita.

*H2
Luokan kommunikaation on mitä on, mutta mielelläni autan jos minusta on apua. Tällä jaksolla kuitenkin lähinnä itse tarvitsin sitä tukea ja sitä myöskin sain.


5. Yhteiset painotukset.
T1 =>olin ainakin kerran pois ilman selitystä tai myöhästyin tunnilta ilman selitystä tai anteeksipyyntöä.
K3 => olin aina aamulla valmiina aloittamaan opinnot ja tein tehtävät ajallaan.

*T1
Motivaatio on ollu omaa luokkaansa, tavoitteena on ollut lähinnä vaan jaksaa päivästä toiseen. En kuitenkaan puolustele itseäni, niitä poissaoloja on aika reippaasti - häpeä siitä minulle.
 

Mappi

 

www

http://www.w3schools.com/html/#
html school - basics of html

http://cs.stadia.fi/~lehtk/html.html
html-opas

http://www.rekaksois.com/liukuhihna/
leiska ideoita