HTML5 & CSS3 perusteet

Save this PDF as:
 WORD  PNG  TXT  JPG

Koko: px
Aloita esitys sivulta:

Download "HTML5 & CSS3 perusteet"

Transkriptio

1 Verkkokurssin tuotantoprosessi kurssin harjoitustyönä suunniteltu toteutettavissa oleva verkkokurssi. HTML5 & CSS3 perusteet Sisältö: 1. Ideointi 2. Tausta-analyysi 3. Sisällön suunnittelu 4. Pedagoginen suunnittelu 5. Tekninen suunnittelu 6. Toteutuksen rajaus Ideointi Ideointi vaiheessa mietin, mistä aiheesta tietäisin niin paljon, että voisin rakentaa ja mahdollisesti toteuttaa siitä verkkokurssin. Kuuden vuoden työkokemus mainostoimistosta erilaisten www-sivustojen parissa suuntasi katseet verkkosivu tekniikoihin. HTML5 ja CSS 3 ovat hyvin perustason asioita verkkosivujen teossa. Ne ovat myös mielestäni opittavissa itsenäisesti ja etänä verkkokurssin kautta. Tältä pohjalta päädyin suunnittelemaan kyseisen kurssin. Tausta-analyysi Kurssi on suunnattu jokaiselle www-sivujen teosta ja HTML5 sekä CSS3 tekniikoista kiinnostuneille. Kurssi on alkeiskurssi, joten sillä ei oikeastaan ole mitään pohjatietovaatimuksia. Kurssin suorittamiseen tarvitaan tietokone, jossa nettiyhteys, selain ja jokin tekstieditori. Notepad++ on hyvä ilmaisohjelma, joka soveltuu erinomaisesti kurssin käyttötarpeisiin. Osa kurssin materiaaleista on englanniksi, joten englannin kielen osaaminen edesauttaa kurssin suorittamista. Kurssi toteutetaan verkossa, jolloin se ei ole paikka- eikä aikariippuvainen vaan tarjoaa joustavan mahdollisuuden perehtyä aiheeseen haluttuna ajankohtana. Kurssin aineisto on verkossa ja kurssin käyttämä materiaali on joko kurssin suunnittelijan itsensä tuottamaa tai hyödynnetään verkossa valmiiksi olevaa, tekijänoikeuslakien sallimaa materiaalia. Osa materiaalista on englanninkielistä. Kurssi sisältää 8 osa-aluetta, joista jokaisen suorittaminen kestää n. 3-5 tuntia. Kurssin laajuus olisi siten 1 opintopiste. Osaamistavoitteet: Kurssi tarjoaa valmiudet staattisten www-sivujen luomiselle. Kurssilla käydään HTML5 ja CSS3 perusominaisuuksia läpi niin, että opiskelija voi kurssin jälkeen lähteä syventymään web tekniikoihin haluamallaan tavalla. Kurssin suoritettuaan opiskelija ymmärtää www-sivun rakenteen ja ulkoasullisen 1

2 eroavuuden ja osaa tehdä rakenteeltaan ja ulkoasumäärityksiltään valideja sivuja. Elementtien ulkoasu, asettelu ja lomakkeiden luonti tulee kurssin aikana opiskelijalle tutuksi. Alustava sisältösuunnitelma: 1. Johdanto HTML ja CSS maailmaan a. Tehtävänä esitellä miten käyttäjä palvelin prosessi käyttäjän & selaimen näkökulmasta toimii b. Kirjalliset vastaukset kysymyksiin: i. Mikä on xhtml:n ja HTML:n ero? ii. Miksi CSS kehiteltiin? 2. HTML:n perusteet a. HTML5 dokumentin perusrakenne i. <html>, <head> ja <body> ii. <meta> ja <title> iii. otsikko <h(n)> ja kappale <p> elementit 3. HTML5 sivusto a. Esittely sivun tekeminen itsestä i. kaksi alasivua ii. <ul>, <li>, <a>, <table> ja <img> elementtien käyttö iii. elementin attribuutit 4. Sivun ulkoasullinen muokkaus CSS:llä a. Tyylimäärittelyt & niiden liittäminen html tiedostoon b. CSS valitsimet c. Elementtien ulkoasu d. Elementtien asettelu 5. CSS3 a. Transitiot b. Transformaatiot 6. HTML5 lomake a. Lomakkeen teko 7. HTML5 media & grafiikka a. video, audio, canvas ja svg elementit 8. Vapaa valintainen HTML5 API perehtyminen a. Opiskelija perehtyy vapaavalintaisesti johonkin HTML5 API ominaisuuteen 2

3 Sisältösuunnitelma Kurssin sisältö koostuu 8 moduulista, jotka rakentavat opiskelijalle pala palalta ymmärrystä www-sivun rakenteesta sekä siihen liittyvistä ulkoasullisista määrityksistä. 1. Johdanto HTML ja CSS maailmaan Ensimmäisessä moduulissa on tarkoitus saada käsitys siitä, miten selaimen ja palveliminen yhteys toimii ja miten www sivu siirtyy palvelimelta asiakkaalle ja mikä on selaimen osuus tässä prosessissa. Tämän yhteyden ymmärtäminen on olennaista, jotta www-tekniikoiden kokonaisuus avautuu ja ymmärretään HTML:n ja CSS:n rooli www-sivun näkymisessä selaimessa. Tämä varmistetaan siten, että opiskelija joutuu palauttamaan opettajalle sähköpostitse kirjallisen kuvauksen palvelin-asiakas prosessista Internetissä. Lisäksi, jotta opiskelija saa riittävän pohjaymmärryksen HTML:stä ja CSS:stä, hän kirjoittaa kirjalliset vastaukset kysymyksiin: i. Mikä on xhtml:n ja HTML:n ero? ii. Miksi CSS kehiteltiin? iii. Miten Internet asiakas - palvelin (client - server) malli toimii? Näin varmistetaan se, että ymmärretään HTML:n ja CSS:n merkitys ja rooli www-sivun teossa. On hyvä ymmärtää, miksi jokin asia tehdään sen lisäksi, että tiedetään, miten se tehdään. 2. HTML:n perusteet Toisessa moduulissa perehdytään perus HTML-dokumentin rakenteeseen sekä HTML5 dokumenttityypin määritykseen. HTML-dokumentin vaaditut elementit <html> sekä sen lapsielementit <head> ja <body> käydään läpi sekä head-osan pakolliset <meta> ja <title> elementit ja niiden merkitys. Lisäksi opetellaan otsikko tason elementit sekä kappale elementti <p>, jotta saadaan tehtyä pieni www-sivu, joka palautetaan opettajalle. Tehtävänä on kertoa sivulla lyhyesti, miksi suorittaa 3

4 kurssia. 3. HTML5 sivusto Toisessa moduulissa rakennetaan pieni www-sivusto, jossa on pääsivun lisäksi kaksi alasivua. Moduulissa hyödynnetään aiemmin opittua sekä opetellaan lisäksi <ul>, <li>, <a>, <table> ja <img> elementtien käyttö. Tarkoitus on tehdä listaelementtien avulla navigaatiot alasivuille linkki elementin avulla. Taulukkoa käytetään toisella alasivulla ja kuvaa toisella. Uusien elementtien lisäksi käydään läpi elementteihin liittyviä attribuutteja. Kuva- ja linkkielementit toimivat tässä hyvinä esimerkkeinä. Opiskelija tekee kolmen sivun kokonaisuuden ja laittaa sen opettajalle paketoituna sähköpostiin. 4. Sivun ulkoasullinen muokkaus CSS:llä Neljännessä moduulissa muokataan kolmannessa moduulissa tehtyä www-sivustoa CSS tyylimääritysten avulla. Tässä vaiheessa myös edellisessä moduulissa opitut attribuuttien käyttö on tarpeellinen, sillä CSS valitsimien käytön yhteydessä opetellaan class- ja id-attribuutit, joilla saadaan yksilöityä ja rajattua tyylimääritykset haluttuihin elementteihin. Opiskelija oppii moduulissa muokkaamaan sekä elementtien ulkoasua erilaisilla CSS määrityksillä että sijoittelemaan elementtejä dokumentissa CSS:n avulla. Moduulin tehtävänä on muokata edellisen moduulin sivustoa CSS:llä ja palauttaa sivusto pakattuna opettajalle sähköpostiin. 5. CSS3 Viidennessä moduulissa tutustutaan CSS3 tuomiin mahdollisuuksiin hioa www-sivun ulkoasua ja lisätä siihen käyttäjäkokemusta rikastuttavia elementtejä. Tarkastelun ja oppimisen kohteena ovat CSS3:n monipuoliset transformaatio ja transaktio ominaisuudet. Opiskelijan tehtävänä on muokata edellisten moduulien aikana tehtyä www-sivustoa sisältämään CSS3:n transaktio ja transformaatio ominaisuuksia. sivusto palautetaan opettajalle pakattuna sähköpostiin. 6. HTML5 lomake Kuudennessa moduulissa tutustutaan yhteen HTML5 vahvuuksiin eli kehittyneisiin lomakeelementteihin ja attribuutteihin. HTML5 myötä www-lomakkeiden teko on entistä tehokkaampaa ja turvallisempaa. Monipuoliset elementit ja huolella suunnitellut attribuutit antavat erinomaiset välineet www-lomakkeen toteutukselle. Opiskelijan tehtävänä on luoda www-lomake hyödyntäen monipuolisesti HTML5 lomakeelementtejä ja määritellä niihin tarvittavat attribuutit. Valmis lomake palautetaan opettajalle sähköpostitse. 7. HTML5 media & grafiikka HTML5 on myös pyritty kehittämään www-sivujen media ja grafiikka toiminnallisuuksia. 4

5 Seitsemännessä moduulissa tutustutaankin näihin tekniikoihin ja perehdytään siihen, miten videokuvaa sekä ääntä saadaan liitettyä mukaan www-sivuun. Lisäksi tutustutaan HTML5:n <canvas> sekä <svg> elementteihin ja niiden tarjoamiin mahdollisuuksiin rikastuttaa www-sivun käyttäjäkokemusta. Opiskelijan tulee lisätä moduuleissa 3-5 tekemään sivustoonsa kaksi alasivua, joista toisessa käytetään HTML5 media elementtejä ja toisessa tehdään jotain canvas ja svg elementeillä. Valmis työ palautetaan opettajalle pakattuna sähköpostiin. 8. HTML5 API HTML5 sisältää rajapintoja (API), joiden kautta www-sivua voi entisestään rikastuttaa. Kahdeksannessa moduulissa opiskelija valitsee jonkin näistä rajapinnoista (Geolocation, Drag/Drop, Web Storage ja App Cache). Opiskelija lisää tekemälleen www-sivustolle valitsemallaan API:lla tehdyn toteutuksen ja palauttaa sivuston paketoituna opettajalle sähköpostiin kertoen viestikentässä vähän toteutuksestaan. Pedagoginen suunnitelma Verkkokurssi on tarkoitus tehdä mahdollisimman itsenäiseksi kokonaisuudeksi, jolloin sen voi suorittaa milloin ja mistä vain. Opettaja on tavoitettavissa sähköpostin välityksellä ja kurssille luodaan keskustelupalsta, joihin voi kommentoida ja josta voi löytää tukea ja apua myös muilta kurssilaisilta. Opetusteot Opettaja koostaa kurssin sivuston niin, että kurssin suorittajat kykenevät suoriutumaan kurssista. Sivusto sisältää lähdemateriaaleja moduulien asiasisältöihin, tehtävien annot sekä vinkkejä tehtävien tekoon, keskustelupalsta kurssiin ja sen tehtäviin liittyen sekä kurssin kuvauksen tavoitteineen, sisältöineen ja arvosteluperusteluineen. Opettaja on tavoitettavissa sähköpostitse ja antaa sähköpostin kautta ohjausta, palautetta sekä arvioinnin. Opettajan tehtävä on myös huolehtia, että sivusto, jolla kurssin materiaalit ovat, on oppilaiden käytössä ja sisältää tarvittavat tiedot kurssin läpäisemiseksi. Ohjausteot Opettaja lukee kurssin keskustelupalstoja säännöllisesti ja kommentoi sinne tulevia viestejä. Lisäksi hän lukee kurssilaisten sähköposteja ja reagoi niihin mahdollisimman nopeasti. Viesteissä on ohjaava ote, joka tarkoittaa, ettei vastauksia anneta suoraan vaan koitetaan saada oppilas pääsemään jyvälle, mistä kyse ja tämän jälkeen hän osaisi itse edetä tehtävässä ja löytää tarvitsemiaan vastauksia. Tehtävien annot tulee suunnitella ja toteuttaa niin, että ne ovat selkeät, yksiselitteiset sekä motivoivat. Tehtävät eivät saa olla liian vaikeita, mutteivat myöskään liian helppoja. Tehtävien pitää edetä loogisesti niin, että oppiminen rakentuu konstruktiivisesti, jolloin aiemmin opittua voidaan hyödyntää seuraavassa vaiheessa. tällöin oppimiseen syntyy positiivinen kierre ja motivaatio tehdä tehtäviä säilyvät. 5

6 Oppimisteot Oppilas varmistaa oppimisensa, kun hän syventyy kurssin materiaaleihin, paneutuu tehtäviin ja kirjoittaa oppimispäiväkirjaa. Oppimispäiväkirjan rooli on toimia ajattelun kehittäjänä ja ymmärryksen lisääjänä. Kun oppilas kirjoittaa oppimispäiväkirjaa, hän prosessoi tuotostaan ja valintojaan. tämä itserefelektointi syventää oppimisprosessia eikä asioiden tekeminen jää pintapuoliseksi suorittamiseksi. Oppimispäiväkirjaan kirjoitetaan lopuksi itsearvioi kurssista. Oppilas huolehtii, että tehtävät ovat vaatimusten mukaiset ja palauttaa ne sovitulla tavalla opettajalle. Oppimistehtävät Kurssin jokaiselle moduulille on suunniteltu tehtävä, joka tulee palauttaa opettajalle arvioitavaksi. Nämä tehtävät sisältävät moduulin olennaisten asioiden siirtämistä käytäntöön. Lisäksi kurssilaisten tulee pitää oppimispäiväkirjaa, joka tukee asioiden sisäistämistä vaatimalla vähän syvällisempää ajattelua. Kurssin lopuksi tehtävä itsearvio on myös pakollinen ja sen avulla koitetaan kasvattaa opiskelijoista oppimisen oppijoita. Arviointi Opettaja arvioi moduulien tehtävät hyväksytty/hylätty periaatteella. Lisäksi opettaja antaa lyhyen kommentin tehtyyn tehtävään. Oppilas voi kommentin saatuaan muokata tehtäväänsä ennen lopullista arviota. Perustuen oppilaan tehtäviin, oppimispäiväkirjaan sekä oppilaan tekemään itsearvioon, opettaja arvioi kurssin samalla hyväksytty/hylätty periaatteella. Kurssin tehtävät ovat niin rakenteellisesti rajattuja ja tarkkaan ohjeistettuja, että hyväksytyissä tehtävissä ei ole juurikaan eroja. Siksi jonkin asteikollinen arviointi esim. 1-5 ei ole perusteltua, koska tasollisia eroja ei opiskelijoiden välille synny. Tekninen suunnitelma Kurssi toteutetaan www-sivustona, jonka rakenne on seuraavanlainen: 6

7 Sivustolla on yksitoista sivua, joista index.html sisältää kaiken yleisen tiedon kurssista. Moduuleille 1-8 on omat sivunsa ja sivuston tyylitykselle on oma css-kansio ja samoin kuville oma img-kansio. Kurssilla on myös Usein kysytyt kysymykset -sivu, jolle on oma faq.html tiedosto. Keskustelu.html sisältää kurssin keskustelupalstat, joiden kautta opiskelijat saavat sekä vertaisiltaan että opettajalta ohjausta ja tukea kurssin asioissa. Palautteen pystyy antamaan kurssin lopuksi palaute-lomakkeella, joka on palaute.html tiedostossa. Jokaisella sivulla on vasemmassa reunassa navigointi kurssin muille sivuille. Sivujen alareunassa on yhteystiedot. Kaiken kaikkiaan kurssin sivusto on hyvin yksinkertainen ja pelkistetty. Sivuston tarkoituksena on jakaa riittävästi informaatiota riittävän selkeästi, jotta opiskelijat löytävät olennaisen tiedon kurssin suorittamiseen. Yksinkertainen sivuston rakenne ja toteutus takaa myös sen, että sivusto toimii ongelmitta erilaisilla laitteilla, näyttää selkeältä erikokoisilla näytöillä sekä avautuu hyvin kaikilla selaimilla. Täten laitteistovaatimukset kurssin suorittamisen osalta voidaan pitää mahdollisimman keveinä. Kuva etusivusta: 7

8 Moduulisivut Moduuleiden alasivuilla on linkkejä aihealueen tutustumiseen Internetissä. HTML5:stä ja CSS3:sta on niin hyviä sivustoja olemassa, ettei ole mitään järkeä lähteä keksimään ja rakentamaan pyörää uudelleen. Toisaalta on myös tärkeää oppia hyödyntämään nettiä tietolähteenä, jos aikoo www-kehittäjäksi suunnata, sillä tekniikat kehittyvät koko ajan ja uusia tapoja toimia kehitellään jatkuvasti ja netti on se paikka, missä pitää osata olla ja liikkua, jotta pysyy kehityksen aallonharjalla mukana. Tehtävä sivujen alla on myös ohjeistus moduulin sisältämään tehtävään, sen vaatimuksiin ja palautusohjeistus. Moduulisivun sisällön rakenne on seuraavanlainen: FAQ-sivu Otsikko Moduulin tavoitteet Moduulin asioiden esittely lyhyesti Linkki vinkit Tehtävän anto FAQ-sivulle on kerätty yleisimpiä kysymyksiä ja niiden vastauksia. Sivua päivitetään sen mukaan, millaisia asioita keskustelupalstalla tai sähköposteissa nousee esiin. Sisältöön keskittyvä sivu tämäkin ja toteutetaan pääsääntöisesti tekstinä. Keskustelut 8

9 Keskustelut sivulle tehdään keskustelupalsta hyödyntäen tal.ki palvelua, jossa voi luoda keskustelupalstan ja upottaa sen omalle sivustolleen. Tal.ki käyttää upotuksessa javascriptiä, joka on nykyään hyvin tuettu eri selaimissa, joten se ei muodosta suurta käytettävyys estettä. Esimerkki tal.ki palvelun upotetusta keskustelupalstasta: Palaute-sivu Palaute-sivulla puolestaan hyödynnetään Google Form-palvelun upotus mahdollisuutta. Palautelomake luodaan Google Form:na ja sitten se upotetaan sivustolle. Näin saadaan käyttöön Googlen lomakkeen analysointi ominaisuudet. Toteutuksen rajaus Sivusto toteutetaan perusrakenteeltaan etusivun, moduuli1:n, keskustelupalstan sekä palaute sivun osalta. Muut moduulit sekä FAQ sivu jäävät toteutuksen ulkopuolelle tässä vaiheessa. Sivusto löytyy osoitteesta: 9

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta. 3 HTML ja XHTML Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Lisätiedot

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

http://www.microsoft.com/expression/

http://www.microsoft.com/expression/ Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA

Lisätiedot

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com Lisätehtävät Frantic 2015 sivu 1 www.frantic.com Fontit - Google fonts Fonttien käyttäminen verkossa ilman uusien fonttien lataamista on melko rajattua, sillä koskaan ei voi tietää mitä fontteja vastaanottajan

Lisätiedot

Harjoittelu omassa opetustyössä ammatillisen koulutuksen parissa

Harjoittelu omassa opetustyössä ammatillisen koulutuksen parissa Harjoittelu omassa opetustyössä ammatillisen koulutuksen parissa Ohjeet opiskelijalle Opiskelija harjoittelee omassa opetustyössään ammatillisessa koulutuksessa. Opetusharjoittelussa keskeisenä tavoitteena

Lisätiedot

Data@Flow ohjeet. AtFlow Oy, Pekka Rönkkönen, pekka@atflow.fi +358 (0)50 340 1705

Data@Flow ohjeet. AtFlow Oy, Pekka Rönkkönen, pekka@atflow.fi +358 (0)50 340 1705 Data@Flow ohjeet AtFlow Oy, Pekka Rönkkönen, pekka@atflow.fi +358 (0)50 340 1705 1 Sisällysluettelo 1. Kirjautuminen... 2 2. Sisältöalueiden muokkaaminen... 4 2.1. Sisältöalueen sisällön muokkaaminen...

Lisätiedot

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita

Lisätiedot

Wordpress- ohje nettisivujen laadintaan

Wordpress- ohje nettisivujen laadintaan Wordpress- ohje nettisivujen laadintaan Leo Suomela 2 / 13 Sisältö 1 Johdanto... 3 2 Aloitusnäkymä... 3 3 Ohjausnäkymä... 4 4 Sivujen lisäys... 6 5 Etusivun määritys... 9 6 Teeman muokkaus... 13 3 / 13

Lisätiedot

opiskelijan ohje - kirjautuminen

opiskelijan ohje - kirjautuminen opiskelijan ohje - kirjautuminen estudio on Edupolin kehittämä e-oppimisympäristö koulutusryhmän verkkoalustana perinteisen luokkaopetuksen tukena. etäopiskelussa ja -opetuksessa kotoa tai työpaikalta.

Lisätiedot

Uuden Peda.netin käyttöönotto

Uuden Peda.netin käyttöönotto Sisällysluettelo Uuden Peda.netin käyttöönotto...2 Sisään- ja uloskirjautuminen...2 OmaTila...3 Peda.netin yleisrakenne...4 Työvälineet - Sivut...5 Sivun lisääminen omaan profiiliin:...5 Sivun poistaminen

Lisätiedot

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Prologi Blogi voidaan määritellä verkkosivustoksi, johon yksi ihminen tai tietty ryhmä tuottaa ajankohtaista sisältöä. Blogi mahdollistaa omien ajatusten

Lisätiedot

VAPAASTI VALITTAVAT TUTKINNON OSAT. Liiketalouden perustutkinto

VAPAASTI VALITTAVAT TUTKINNON OSAT. Liiketalouden perustutkinto VAPAASTI VALITTAVAT TUTKINNON OSAT Liiketalouden perustutkinto Jokilaaksojen koulutuskuntayhtymä Oulaisten ammattiopisto Hyväksytty: 2 Sisällys JOHDANTO... 3 4. VAPAASTI VALITTAVAT TUTKINNON OSAT... 4

Lisätiedot

Määräykset ja ohjeet 2010: 13. ISSN-L 1798 887X ISSN 1798 8888 (verkkojulkaisu)

Määräykset ja ohjeet 2010: 13. ISSN-L 1798 887X ISSN 1798 8888 (verkkojulkaisu) Lukiodiplomi Kuvataide 2010 2011 Määräykset ja ohjeet 2010: 13 ISSN-L 1798 887X ISSN 1798 8888 (verkkojulkaisu) Kuvataiteen lukiodiplomin sisältö 1 Lukiodiplomin muoto, rakenne ja laajuus 3 2 Lukiodiplomikurssi

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aineisto-valikon tai Add an activity or resource valikon (Asetukset lohko Activity chooser on toiminnon ollessa päällä). Valitse

Lisätiedot

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari

JWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari JWT 2016 luento 11 to 21.4.2016 klo 14-15 Aulikki Hyrskykari PinniB 1097 1 Viime luennolla o AJAX ja JSON, harjoitustyön tehtävänanto, vierailuluento avoimesta datasta Tänään o APIt rajapinnoista yleisesti

Lisätiedot

Kirkkopalvelut Office365, Opiskelijan ohje 1 / 17 IT Juha Nalli 22.12.2015

Kirkkopalvelut Office365, Opiskelijan ohje 1 / 17 IT Juha Nalli 22.12.2015 Kirkkopalvelut Office365, Opiskelijan ohje 1 / 17 Oppilaat saavat vuoden 2016 alusta käyttöönsä oppilaitoksen sähköpostin ja muita palveluita Microsoftin Office365:sta. Oppilaiden sähköposti on muotoa

Lisätiedot

Siun sote Moodle -opas. Ohjeita opiskeluun Verkkarit oppimisympäristössä

Siun sote Moodle -opas. Ohjeita opiskeluun Verkkarit oppimisympäristössä Siun sote Moodle -opas Ohjeita opiskeluun Verkkarit oppimisympäristössä Sisällys Tervetuloa opiskelemaan Verkkarit oppimisympäristöön! 1 Verkkareihin kirjautuminen 2 Verkkareiden etusivu 3 Liikkuminen

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

elearning Salpaus http://elsa.salpaus.fi Elsa-tutuksi

elearning Salpaus http://elsa.salpaus.fi Elsa-tutuksi elearning Salpaus http://elsa.salpaus.fi Elsa-tutuksi SISÄLLYSLUETTELO 1 MIKÄ ON ELSA, ENTÄ MOODLE?... 3 1.1 MITÄ KURSSILLA VOIDAAN TEHDÄ?... 3 2 KURSSILLE KIRJAUTUMINEN... 3 3 KURSSILLE LIITTYMINEN...

Lisätiedot

Teoksen portfolion edellyttää osallistumista välipalavereihin ja päättötyönäyttelyyn sekä oman päättötyösi esittelyn

Teoksen portfolion edellyttää osallistumista välipalavereihin ja päättötyönäyttelyyn sekä oman päättötyösi esittelyn PÄÄTTÖTYÖOPAS SISÄLLYSLUETTELO Mikä on päättötyö... 1 Päättötyö ja päättötodistus... 2 Milloin päättötyön voi suorittaa... 3 Miten päättötyö suoritetaan... 4 Portfolio... 5 Näitä asioita voisit portfoliossasi

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Tiedostot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi työpöydältä raahata

Lisätiedot

Opetussuunnitelmasta oppimisprosessiin

Opetussuunnitelmasta oppimisprosessiin Opetussuunnitelmasta oppimisprosessiin Johdanto Opetussuunnitelman avaamiseen antavat hyviä, perusteltuja ja selkeitä ohjeita Pasi Silander ja Hanne Koli teoksessaan Verkko-opetuksen työkalupakki oppimisaihioista

Lisätiedot

mtuutori Opettajan ohje v 2.0-1.2.2011

mtuutori Opettajan ohje v 2.0-1.2.2011 mtuutori Opettajan ohje v 2.0-1.2.2011 1 Sisältö Mobiiliominaisuuksien käyttöönotto Mobiilikeskus Mobiilikyselyjen ylläpito ja uuden kyselyn lisääminen Kysymystyypit Mobiilimateriaalit Mobiilimateriaalin

Lisätiedot

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi VINKKEJÄ CV-NETIN KÄYTTÖÖN www.te-palvelut.fi TE-toimiston verkkoasiointiin pääset kirjautumaan www.te-palvelut.fi Oma asiointi Henkilöasiakas Kirjaudu sisään verkkopankkitunnuksilla ja hyväksy käyttöehdot

Lisätiedot

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Google-dokumentit. Opetusteknologiakeskus Mediamylly Google-dokumentit 1 2 3 Yleistä 1.1 Tilin luominen 4 1.2 Docs-päävalikkoon siirtyminen 7 Dokumentit-päävalikko 2.1 Kirjaudu Dokumentteihin 9 2.2 Lähetä tiedosto Google-dokumentteihin 11 2.3 Uuden asiakirjan

Lisätiedot

Asiakas ja tavoite. Tekninen toteutus

Asiakas ja tavoite. Tekninen toteutus Asiakas ja tavoite Heikieli on vuonna 2015 perustettu yhden hengen asiantuntijayritys, joka tarjoaa käännös- ja oikolukupalveluita englannista ja saksasta suomeksi. Freelance-kääntäjiä on Suomessa paljon,

Lisätiedot

Uuden Moodle-kurssin luominen

Uuden Moodle-kurssin luominen Uuden Moodle-kurssin luominen Uuden kurssipohjan luomisessa on kolme vaihetta: 1. Kirjauduttuasi Moodleen klikkaa omien kurssien listauksen alta Kaikki kurssit painiketta: 1 (siirry suoraan kohtaan 2 jollet

Lisätiedot

Tabletit ja pilvipalvelu opettajan työkaluina lukiossa Hanna Naalisvaara ja Sari Tapola, Digabi - kouluttajat (luokka 41084)

Tabletit ja pilvipalvelu opettajan työkaluina lukiossa Hanna Naalisvaara ja Sari Tapola, Digabi - kouluttajat (luokka 41084) Lauantai 29.11.2014 pajat Klo13:00-13:45 Paja 1 Paja 2 Paja 3 Paja 4 Paja 5 Paja 6 Digabi - ohjelmistoihin tutustuminen Jussi Tyni, Digabi - kouluttaja (luokka 41032) Moodle työpaja sähköinen koe Tentti

Lisätiedot

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS CT10A4000 - Kandidaatintyö ja seminaari

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS CT10A4000 - Kandidaatintyö ja seminaari LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS CT10A4000 - Kandidaatintyö ja seminaari Alkuraportti Avoimen lähdekoodin käyttö WWW-sovelluspalvelujen toteutuksessa Lappeenranta, 30.3.2008,

Lisätiedot

OPS 2016 Keskustelupohja vanhempainiltoihin VESILAHDEN KOULUTOIMI

OPS 2016 Keskustelupohja vanhempainiltoihin VESILAHDEN KOULUTOIMI OPS 2016 Keskustelupohja vanhempainiltoihin VESILAHDEN KOULUTOIMI Valtioneuvoston vuonna 2012 antaman asetuksen pohjalta käynnistynyt koulun opetussuunnitelman uudistamistyö jatkuu. 15.4.-15.5.2014 on

Lisätiedot

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla BLOGGER ohjeita blogin pitämiseen Googlen Bloggerilla Sisältö Blogin luominen... 1 Uuden blogitekstin kirjoittaminen... 4 Kuvan lisääminen blogitekstiin... 5 Lisää kuva omalta koneelta... 6 Lisää kuva

Lisätiedot

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word

Lisätiedot

www.kotisivukone.fi Pikaopas kotisivujen tekoon

www.kotisivukone.fi Pikaopas kotisivujen tekoon Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet kirjautunut sisään kotisivuillesi, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen

Lisätiedot

OPISKELIJAN MUISTILISTA

OPISKELIJAN MUISTILISTA OPISKELIJAN MUISTILISTA Käsityön lukiodiplomi muodostuu käsityötuotteesta tai -teoksesta ja sen syntyä esittävästä portfoliosta. Käsityön lukiodiplomi on yhden lukiokurssin laajuinen kokonaisuus. Ennen

Lisätiedot

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi.

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi. Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi. Tunnuksia jakavat Punomo.fi:n ylläpitäjät. Kun olet kirjautunut, blogin OHJAUSNÄKYMÄ

Lisätiedot

Muutos navigointivalikkoon Uusi työkalu: Arvosanat ja Arvosteluasteikko Uusi työkalu: Arviointitaulukko

Muutos navigointivalikkoon Uusi työkalu: Arvosanat ja Arvosteluasteikko Uusi työkalu: Arviointitaulukko Muutos navigointivalikkoon Kaikkiin työtiloihin on lisätty uusi Arviointi-valikko. Täältä löydät tutut Suoritustiedot sekä Oppimishistorian. Arviointi-valikkoon on lisätty uudet kesällä julkaistavat työkalut:

Lisätiedot

Taide ja kulttuuri, valinnainen. Ilmaistutaidon työpaja (YV9TK1)

Taide ja kulttuuri, valinnainen. Ilmaistutaidon työpaja (YV9TK1) Kuvaukset 1 (6) Taide ja kulttuuri, valinnainen Ilmaistutaidon työpaja (YV9TK1) Tavoitteet Opiskelija kehittää luovuuttaan, yhteistyökykyään ja viestintätaitojaan rohkaistuu ilmaisemaan itseään itseilmaisun

Lisätiedot

WordPress-blogin perustaminen

WordPress-blogin perustaminen WordPress-blogin perustaminen Mene osoitteeseen http://wordpress.com/ ja luo itsellesi tili. Tilin luomiseen tarvitset seuraavat tiedot: sähköpostiosoitteen, käyttäjätunnuksen ja salasanan. Klikattuasi

Lisätiedot

Sosiaalinen media Facebook, Twitter, Nimenhuuto

Sosiaalinen media Facebook, Twitter, Nimenhuuto Sosiaalinen media Facebook, Twitter, Nimenhuuto Jani Koivula, 21.11.2010 Kuka on se oikea? 23.11.2010 TULe urheiluseuraan liikkumaan 2 Ovatko sidosryhmänne sosiaalisessa mediassa? Oletteko te? Sosiaalisen

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

Lisätiedot

Opintokohteiden muokkaus

Opintokohteiden muokkaus 1 Opintokohteiden muokkaus Näiden ohjeiden avulla hahmottuu kuinka opintokohteita voidaan muokata Opinto-oppaassa. Ohje on suunnattu käyttäjille, joilla on WebOodiin OpasMuokkaaja-oikeudet. WebOodin käyttölupia

Lisätiedot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot T-111.361 Hypermediadokumentin laatiminen -Ohjelmointi Peruskäsitys www-ohjelmoinnin kentästä Tekniikat interaktiivisuuden toteuttamiseen tekniikat tekniikat Tietokannat Juha Laitinen TKK/TML juha.laitinen@hut.fi

Lisätiedot

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aktiviteetti tai aineisto - linkin. Valitse linkin takaa avautuvasta listasta, millaisen aineiston haluat alueelle tuoda, ja paina

Lisätiedot

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Joomla pikaopas Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Paavo Räisänen www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida, tulostaa

Lisätiedot

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta http://moodle.pkamk.fi/. Voit vaihtaa kielen valikosta.

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta http://moodle.pkamk.fi/. Voit vaihtaa kielen valikosta. TEEMA2 Aineistot Sisältö Moodleen kirjautuminen...1 Aineistot (Lisää aineisto ) - Web-sivu...2 - Linkit ulkoisille sivuille...4 - Valmiit tiedostot...5 Etusivun näkymän jäsennys otsikoilla...7 Tiedostojen

Lisätiedot

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN SAK:N PAIKALLISJÄRJESTÖJEN NETTIPALVELUT s. 1/7 PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN RAKENNE Paikallisjärjestöjen omille sivuille pääsee suoralla osoitteella, joka on muotoa www.sak-paikalliset.fi/paikkakunta

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

oppilaan kiusaamista kotitehtävillä vai oppimisen työkalu?

oppilaan kiusaamista kotitehtävillä vai oppimisen työkalu? Oppimispäiväkirjablogi Hannu Hämäläinen oppilaan kiusaamista kotitehtävillä vai oppimisen työkalu? Parhaimmillaan oppimispäiväkirja toimii oppilaan oppimisen arvioinnin työkaluna. Pahimmillaan se tekee

Lisätiedot

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi VINKKEJÄ CV-NETIN KÄYTTÖÖN www.te-palvelut.fi TE-toimiston verkkoasiointiin pääset kirjautumaan www.te-palvelut.fi Oma asiointi Henkilöasiakas Kirjaudu sisään verkkopankkitunnuksilla ja hyväksy käyttöehdot

Lisätiedot

Tietosuoja-portaali. päivittäjän ohje

Tietosuoja-portaali. päivittäjän ohje Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan

Lisätiedot

Sisäänkirjautuminen Porfolioon kirjaudut sisään osoitteessa porfolio.edu.hel.fi Käytä omaa edu.hel.fi-tunnusta, samaa jolla kirjaudut esim.

Sisäänkirjautuminen Porfolioon kirjaudut sisään osoitteessa porfolio.edu.hel.fi Käytä omaa edu.hel.fi-tunnusta, samaa jolla kirjaudut esim. Sisäänkirjautuminen Porfolioon kirjaudut sisään osoitteessa porfolio.edu.hel.fi Käytä omaa edu.hel.fi-tunnusta, samaa jolla kirjaudut esim. sähköpostiisi. Seinä Seinällä näet uusimmat tapahtumat ja tiedotukset.

Lisätiedot

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

Lisätiedot

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille)

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille) Kuvaukset 1 (9) Tieto- ja viestintätekniikka Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille) Tavoitteet omaksuu verkko-oppimisympäristön ja sähköpostin keskeiset toiminnot tutustuu

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Tapauskertomus tietojärjestelmähanke > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

Luo mediaopas Tarinatallentimella

Luo mediaopas Tarinatallentimella Luo mediaopas Tarinatallentimella 2015 Tarinatallennin Tarinatallentimella voi helposti luoda mediaoppaita käytettäväksi älypuhelimilla. Sen avulla rakennat erilaisia kokonaisuuksia helposti ja hallitset

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

Lisätiedot

OPISKELIJAN MUISTILISTA

OPISKELIJAN MUISTILISTA Kuvataiteen lukiodiplomin tukimateriaali opiskelijalle OPISKELIJAN MUISTILISTA Kuvataiteen lukiodiplomi muodostuu teoksesta sekä työskentelyprosessia, itsearviointia ja kuvataiteen tuntemusta kuvaavasta

Lisätiedot

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,

Lisätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

lineitä oppimisen tueksi

lineitä oppimisen tueksi Moodlen välineitv lineitä oppimisen tueksi Ennakkotehtävä Sinulle: 1. Mieti valmiiksi aihe, josta alat laatia verkkokurssia tai kurssin osaa. Verkko tutuksi -kurssilla on tavoitteena suunnitella joko kokonainen

Lisätiedot

Opinnäytetyön prosessikuvaus

Opinnäytetyön prosessikuvaus OPTISEN MITTAUSTEKNIIKAN LABORATORIO Opinnäytetyön prosessikuvaus Raportti, PAL hanke, TP 2.2 Versio: 13.8.08, tekniikan johtoryhmän hyväksymä. Harri Pikkarainen, Jani Sipola, Kemi-Tornion amk, tekniikka

Lisätiedot

Learning2 (https://learning2.uta.fi) Uudet työkalut ja ominaisuudet

Learning2 (https://learning2.uta.fi) Uudet työkalut ja ominaisuudet Learning2 (https://learning2.uta.fi) Uudet työkalut ja ominaisuudet Opettaja voi valita kahdesta teemasta: (Asetukset muokkaa asetuksia pakota teema): Oletusteema: (utathemedefault) Vaihtoehtoinen teema

Lisätiedot

LC Profiler. - Oppimisympäristön keskeisiä piirteitä. Antti Peltonen, LC Prof Oy

LC Profiler. - Oppimisympäristön keskeisiä piirteitä. Antti Peltonen, LC Prof Oy LC Profiler - Oppimisympäristön keskeisiä piirteitä Antti Peltonen, LC Prof Oy Profiler - Sovelluksen kehityskaari... Ensimmäiset versiot oppimisympäristöstä 1995 ProTo -projekti 1997-98, Oulun yliopisto

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

Lisätiedot

Uutiskirjesovelluksen käyttöohje

Uutiskirjesovelluksen käyttöohje Uutiskirjesovelluksen käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com 2 Sisällys Johdanto... 1 Päänavigointi...

Lisätiedot

Vaasan kaupungin nuorten kesätyöt haetaan Kuntarekry.fi työnhakuportaalin kautta.

Vaasan kaupungin nuorten kesätyöt haetaan Kuntarekry.fi työnhakuportaalin kautta. Mistä on kyse Lyhyt palvelukuvaus Vaasan kaupungin nuorten kesätyöt haetaan Kuntarekry.fi työnhakuportaalin kautta. Kuntarekry.fi on valtakunnallinen kunta-alan työnhakupalvelu ja kuntatyönantajien rekrytointipalvelu.

Lisätiedot

3 VIESTIT... 7 3.1 UUSI VIESTI... 7 3.2 VIESTIN LUKEMINEN... 9 3.3 SAAPUNEET JA LÄHETETYT... 9 3.4 KANSIOT... 10 3.5 ROSKAKORI...

3 VIESTIT... 7 3.1 UUSI VIESTI... 7 3.2 VIESTIN LUKEMINEN... 9 3.3 SAAPUNEET JA LÄHETETYT... 9 3.4 KANSIOT... 10 3.5 ROSKAKORI... OHJE HUOLTAJALLE 2 / 22 1 YLEISTÄ TIETOA HELMESTÄ... 3 2 ETUSIVU... 4 2.1 YHTEENVETO... 4 2.2 LUKUJÄRJESTYS / KOTITEHTÄVÄT / HUOMAUTUKSET... 4 2.3 VIESTIT... 6 2.4 KOKEET... 6 3 VIESTIT... 7 3.1 UUSI VIESTI...

Lisätiedot

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000

Lisätiedot

Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos

Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos Kurssijärjestelyt ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos (Alkuperäiset luentokalvot: Markku Laine) 8. syyskuuta 2015 Luennon sisältö Kurssin

Lisätiedot

WWW.Janakkala.fi. Uudet www.janakkala.fi- sivut palvelevat sinua entistä. paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta.

WWW.Janakkala.fi. Uudet www.janakkala.fi- sivut palvelevat sinua entistä. paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta. WWW.Janakkala.fi Uudet www.janakkala.fi- sivut palvelevat sinua entistä paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta. 5.3.2009 1 Etusivulta löydät: Tekstin suurentaminen Hakutoiminto

Lisätiedot

PERSONEC HR-JÄRJESTELMÄ Käyttöohje Esimies

PERSONEC HR-JÄRJESTELMÄ Käyttöohje Esimies PERSONEC HR-JÄRJESTELMÄ Käyttöohje Esimies Personec HR-järjestelmä sisältää yliopistojen palkkausjärjestelmän arviointilomakkeet, joihin tallennetut tiedot siirtyvät järjestelmässä ypj-arviointiprosessin

Lisätiedot

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS Ti Kandidaatintyö ja seminaari

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS Ti Kandidaatintyö ja seminaari LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS Ti5004000 - Kandidaatintyö ja seminaari Alkuraportti Avoimen lähdekoodin käyttö WWW-sovelluspalvelujen toteutuksessa Lappeenranta, 4.6.2007,

Lisätiedot

Opintokohteiden muokkaus

Opintokohteiden muokkaus 1 Opintokohteiden muokkaus Näiden ohjeiden avulla hahmottuu kuinka opintokohteita voidaan muokata ssa. Ohje on suunnattu käyttäjille, joilla on in OpasMuokkaaja-oikeudet. n käyttölupia voi hakea lomakkeella,

Lisätiedot

Ohjeistus yhdistysten internetpäivittäjille

Ohjeistus yhdistysten internetpäivittäjille Ohjeistus yhdistysten internetpäivittäjille Oman yhdistyksen tietojen päivittäminen www.krell.fi-sivuille Huom! Tarvitset päivittämistä varten tunnukset, jotka saat ottamalla yhteyden Kristillisen Eläkeliiton

Lisätiedot

Tekninen suunnitelma - StatbeatMOBILE

Tekninen suunnitelma - StatbeatMOBILE Tekninen suunnitelma - StatbeatMOBILE Versio Päivämäärä Henkilö Kuvaus 1.0 13.12.2013 Pöyry Alustava rakenne ja sisältö 1.1 22.12.2013 Pöyry Lisätty tekstiä ilmoituksiin, turvallisuuteen ja sisäiseen API:in

Lisätiedot

Uutisjärjestelmä. Vaatimusmäärittely. Web-palvelujen kehittäminen. Versio 1.3

Uutisjärjestelmä. Vaatimusmäärittely. Web-palvelujen kehittäminen. Versio 1.3 Uutisjärjestelmä Vaatimusmäärittely Versio 1.3 Sisällys 1 Muutoshistoria... 4 2 Viitteet... 4 3 Sanasto... 4 3.1 Lyhenteet... 4 3.2 Määritelmät... 4 4 Johdanto...5 4.1 Järjestelmän yleiskuvaus... 5 4.2

Lisätiedot

Hops-ohjaajan ohje Opiskelijan hopsit.

Hops-ohjaajan ohje Opiskelijan hopsit. Hops-ohjaajan ohje Tässä ohjeessa kuvataan kaksi erilaista tapaa hakea tietyn opiskelijan lähettämä hops. Ensin ohjeistetaan miten toimitaan, jos hopsin ryhmätyökalu on käytössä, eli ohjaajalle on luotu

Lisätiedot

Ylläpitoalue - Etusivu

Ylläpitoalue - Etusivu Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut

Lisätiedot

206 Verkkosivun tuottaminen finaalitehtävät

206 Verkkosivun tuottaminen finaalitehtävät TAITAJA2013 Finaalitehtävä 1 (6) 206 Verkkosivun tuottaminen finaalitehtävät YLEISTÄ -lajin finaalitehtävissä kilpailijat päivittävät ennakkoon julkaistuna finaalitehtävänä olleen Ekoripe tmi luontoyrittäjän

Lisätiedot

Vaihtoehto A. Harjoittelu Oulun seudun harjoitteluverkostossa Vaihtoehto B. Harjoittelu Rovaniemen seudun harjoitteluverkostossa

Vaihtoehto A. Harjoittelu Oulun seudun harjoitteluverkostossa Vaihtoehto B. Harjoittelu Rovaniemen seudun harjoitteluverkostossa Vaihtoehto A. Harjoittelu Oulun seudun harjoitteluverkostossa Vaihtoehto B. Harjoittelu Rovaniemen seudun harjoitteluverkostossa Ohjeet opiskelijalle Vaihtoehdoissa A ja B opiskelija harjoittelee joko

Lisätiedot

Historianan käyttöopas

Historianan käyttöopas Historianan käyttöopas Historiana on eurooppalaisten ja muualta maailmasta lähtöisin olevien historianopettajien kehittämä sähköinen oppimisympäristö, jonka tarkoituksena on auttaa muita opettajia innostamaan

Lisätiedot

Hakukoneoptimoinnin ABC

Hakukoneoptimoinnin ABC Hakukoneoptimoinnin ABC Sisältö Mitä on hakukoneoptimointi? Miten hakukoneoptimointia tehdään? Miten valitset oikeat hakusanat? Miten pääsee Googlen hakutuloksissa ensimmäiselle sivulle? Mitä on hakukoneoptimointi?

Lisätiedot

Opettajan pikaopas Opintojaksopalaute-järjestelmään

Opettajan pikaopas Opintojaksopalaute-järjestelmään Opettajan pikaopas Opintojaksopalaute-järjestelmään Yleistä... 3 Sijainti... 3 Kirjautuminen... 3 Kyselyn rakenne... 3 Opettajan toiminnot kirjautumisen jälkeen... 3 Lukuvuoden opintojaksojen listaaminen...

Lisätiedot

Tik-76.115 Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu KÄYTTÖOHJE. LiKe Liiketoiminnan kehityksen tukiprojekti

Tik-76.115 Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu KÄYTTÖOHJE. LiKe Liiketoiminnan kehityksen tukiprojekti Tik-76.115 Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu JÄRJESTELMÄN KÄYTTÖOHJE LiKe Liiketoiminnan kehityksen tukiprojekti Versio: 1.1 Tila: hyväksytty Päivämäärä: 13.2.2001

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 8/8: Esteettömyys Edellinen osa-alue

Lisätiedot

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad)

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Lync WebApp -ohje 1 (13) Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Huom. Kaikki käyttöjärjestelmät ja selainohjelmat eivät ole tuettuja.

Lisätiedot

Osaamispassin luominen Google Sites palveluun

Osaamispassin luominen Google Sites palveluun n luominen Google Sites palveluun Mikä Osaamispassi on? Osaamispassi auttaa kertomaan taidoistasi, koulutuksestasi, työkokemuksestasi ja sinua kiinnostavista asioista työnantajalle kun haet työtä. Osaamispassi

Lisätiedot

OHJEET HOPSIN TEKEMISEEN KYVYT- PALVELUSSA:

OHJEET HOPSIN TEKEMISEEN KYVYT- PALVELUSSA: Kyvyt.fi-ohjeita / MR 22.12.2011 1(21) OHJEET HOPSIN TEKEMISEEN KYVYT- PALVELUSSA: HOPS-RYHMÄÄN LIITTYMINEN, HOPS-POHJIEN KOPIOINTI, SIVUSTON TEKEMINEN JA HOPSIN MUOKKAAMINEN SISÄLLYS JAMK HOPS-RYHMÄÄN

Lisätiedot

Verkkotyöskentelyn eri tasot Sisältö Toimijat Prosessit

Verkkotyöskentelyn eri tasot Sisältö Toimijat Prosessit Verkkotyöskentelyn eri tasot Sisältö Toimijat Prosessit Jarmo Pulkkinen, toimitusjohtaja, HtM Web Fellows Oy 1. Web Fellows Oy lyhyesti Web Fellows Oy tarjoaa asiakaslähtöisesti räätälöityjä www-sovelluksia

Lisätiedot

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska Käyttöliittymä ja tuotantokäsikirjoitus Heini Puuska Sisältö 1 Käyttöliittymä... 1 2 Tuotantokäsikirjoitus... 2 2.1 Kurssin esittely... 2 2.2 Oppimistehtävä 1... 2 2.3 Oppimistehtävä 2... 2 2.4 Reflektio

Lisätiedot

EDMODO. -oppimisympäristö opettajille ja oppilaille KOONNUT: MIKA KURVINEN KANNUKSEN LUKIO

EDMODO. -oppimisympäristö opettajille ja oppilaille KOONNUT: MIKA KURVINEN KANNUKSEN LUKIO EDMODO -oppimisympäristö opettajille ja oppilaille KOONNUT: MIKA KURVINEN KANNUKSEN LUKIO HUOM! Edmodo kehittyy koko ajan, seuraavat ohjeet voivat olla jo päivityksen tarpeessa. 1 Sisällysluettelo Rekisteröityminen

Lisätiedot

TIEDONHAKU INTERNETISTÄ

TIEDONHAKU INTERNETISTÄ TIEDONHAKU INTERNETISTÄ Internetistä löytyy hyvin paljon tietoa. Tietoa ei ole mitenkään järjestetty, joten tiedonhaku voi olla hankalaa. Tieto myös muuttuu jatkuvasti. Tänään tehty tiedonhaku ei anna

Lisätiedot

Metron. nettikauppaohjeet

Metron. nettikauppaohjeet Metron nettikauppaohjeet 2012 WIHURI OY AARNIO METRO Sivu 1/24 Sisällys 1 Johdanto ja nettikauppaan kirjautuminen 2 2 Tuotehaku 3 2.1 Ean-vähittäisyksikönkoodilla 4 2.2 Tuotteen nimellä 4 2.3 Nimellä ja

Lisätiedot

Digitaalisen median tekniikat Luento 1: Intro

Digitaalisen median tekniikat Luento 1: Intro Digitaalisen median tekniikat Luento 1: Intro Web Mahtava alusta tiedon välittämiseen! Information Superhighway! Web Archive! Gutenberg! DEMO Kirjasto ja analoginen media digitaaliseksi Julkaisutekniikan

Lisätiedot

SALITE.fi -Verkon pääkäyttäjän ohje

SALITE.fi -Verkon pääkäyttäjän ohje SALITE.fi -Verkon pääkäyttäjän ohje Sisältö 1 Verkon pääkäyttäjä (Network Admin)...3 2 Verkonhallinta...3 2.1 Navigointi verkonhallintaan...3 2.2 Sivustot...3 2.1 Sivustojen toiminnot...4 2.3 Sivuston

Lisätiedot

Lyhyen videotyöpajan ohjelma (90 min)

Lyhyen videotyöpajan ohjelma (90 min) Lyhyen videotyöpajan ohjelma (90 min) Päätarkoitus: - Lyhyiden selitysvideoiden tuotanto (max 3 minuuttia) yksinkertaisin keinoin Selitysvideoiden tuottaminen edistää reflektioprosessia liittyen omaan

Lisätiedot

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti 1 XHTML - aloitus Sisältö: s.2 Taustaa s.4 Elementin rakenne s.7 XHTML dokumentti s.8 DOCTYPE s.11 html s.13 head s.14 meta s.16 title s.17 link s.18 style s.19 body s.22 Lohko- ja inline-elementit s.23

Lisätiedot