maanantai 28. lokakuuta 2019

18. Nettisivut

Tee omat nettisivut Esan ohjeiden mukaan omalle yrityksellesi.
Linkitä valmiit nettisivut omaan blogiisi.

keskiviikko 23. lokakuuta 2019

17. Korjaa koodi

Kopioi seuraava html-koodi Muistioon (Macissa Texturi, muunna pelkäksi tekstiksi) ja tallenna se .html muotoon.

Koodissa on virheitä, jonka vuoksi se ei toimi oikein.
Korjaa virheet ja parantele sivun ulkoasua muutenkin mieleiseksesi.
Palauta sitten korjattu koodi omaan blogiisi.
Mikäli tarvitset ohjeita koodin kirjoittamisesta, neuvoja saa etsiä netistä.

koodi alkaa
__________________

<html>
<head>
<title>Oma sivu</tite>

<body bgcolor="#DB7093">
<h1>Kokeilu</h1><br>
lisää tekstiä<br>
vielä lisää tekstiä
<p><font face="arial" color="#6B4226">
<b>uusi kappale</b></font><>

<table border="1" width="900" align="center">
  <tr>
 <th colspan="3">eka solu</th>
  <tr>
 <td width="100">kolmas solu</td>
 <td width="500">neljäs solu</td>
 <td width="300">b solu</td>
  </tr>
</table>
<br>
<table border="1" width="900" align="center">
  <tr>
 <td width="100">eka solu</td>
 <th rowspan="2">otsikkosolu</th>
 <td width="300">a solu<td>
  </tr>
  <tr>
 <td width="100">kolmas solu</td>
 <td width="300">b solu</td>
  </tr>
</table>
<p>

<a href=http://www.kktavastia.fi target="blank">
<img ="kuvia/koulu_valmis.jpg" alt="Koulun sivuille">
</a>

</p>
<p>

<a href=http://www.kktavastia.fi target="_blank">Koulun sivut</a>

</p>
<p>

<a href="toka.html" target="_self">
<img src="kuvia/painike.jpg" alt="Toiselle sivulle">
</a>

</p>
<p>

<a href="kolmas.html" target="_self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>

</p>
</head>

________________________
koodi päättyy

maanantai 21. lokakuuta 2019

16. CSS parametrit

CSS tyylit ovat tänä päivänä tärkein työkalu html sivujen ulkoasun ja asettelun muokkaamiseen.

Tee itsellesi muistilista mielestäsi 20 tärkeimmästä CSS parametrista ja kerro niiden ominaisuudet esimerkein näin:
----
font-family:

Määrittää fontin (voi olla useita: esim. Arial,Verdana) tai fonttiperheen (serif tai sans-serif tai cursive tai fantasy tai monospace.) Selain käyttää ensimmäistä koneelta löytyvää fonttia. Fonttiperhe annetaan siltä varalta, ettei annettua fonttia löydy koneelta.

esimerkki font-family parametrin käytöstä p -kappaletagin kanssa, määrittää kappaleen fonttityylin:

P {font-family: Arial,Helvetica,sans-serif;}
----

15. Linkit ja ohjeet

Etsi internetistä tietoa mistä löydät ohjeita html-koodin kirjoittamisesta ja css-tyylien käyttämisestä internetsivuilla.

Tee löytämistäsi linkeistä itsellesi blogiisi muistilista, josta löydät hyödylliset linkit jatkossakin helposti.

Testaa löytämiäsi ohjeita yhdelle harjoitussivulle ja tee samalla itsellesi ohjeet yleisimmin käytettävistä koodeista
Esim. miten lisäät
- kuvan (img)
- tekstin muotoilut valmiita tyylimuotoilut (p, h1, h2...)
- linkin toiselle sivulle samassa hakemistossa (a href...)
- linkin ulkoiselle sivulle (target)
- linkki kuvasta
- miten käytetään css tyylejä joko html tiedoston osana tai ulkoisena tiedostona .css
- rivinvaihto (br) ja kappaleenvaihto (p) erot
- tallenna nimellä html-muotoon (.html)

Kirjoita harjoitusten koodit notepadilla/muistiolla. Voit tarvittaessa käyttää koodiesimerkkejä myös blogiisi kirjoittamissa ohjeissa.

14. HTML rakenne

HTML PERUSRAKENNE
<html>

<head>
Tänne sijoitetaan sivujen ohjauselementit
</head>

<body>
Tänne tulee sivujen näkyvä sisältö
</body>

</html>

-----------------------------------------------------



HTML ja CSS

HTML5 on nykyisin yleisesti käytettävä verkkosivujen koodaustapa. Siinä kaikki muotoilut tehdään CSS tyylitiedostoon ja itse html koodiin ei kirjoiteta mitään muotoiluja. Muotoiluihin viitataan koodissa html-tageilla, luokilla ja div-elementeillä.

HTML5 koodi kirjoitetaan pienillä kirjaimilla

--------------index.html-------------
<html>

<head><title>Keskitetty sisältö</title>
<link href="ktyyli.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="ksisalto">
<h1>Keskitetty sisältö</h1>
<p>Keskittäminen tapahtuu määrittämällä lohkolle tietty leveys, sekä asettamalla sivumarginaalit yhtä suuriksi. Tekstin tasaukseen liittyvät määrittelyt ovat mukana, jotta myös vanhemmat selaimet osaisivat lukea sivun oikein</p>
<p>Liquid layoutilla tarkoitetaan sitä, että kaikki elementit on pyritty määrittelemään suhteellisesti selainikkunan kokoon.</p>
<img src="http://img.avatv.fi/mn_kuvat/mtv3/helmi/minisaitit/kapalakerho/kissat/2012/03/1356545.jpg" />
</div>

</body>
</html>


 --------------ktyyli.css-------------

body {
text-align:center;
}

#ksisalto {
width:35em;
margin-left:auto;
margin-right:auto;
text-align:left;
}

Tee vastaavat harjoitukset esim muistiolla/notepadilla ja palauta blogiisi. Huomaa, että html sivu tulee tallentaa .html tiedostopäätteellä ja css-tyylitiedosto .css, jotta ne toimisivat selaimella oikein


https://drive.google.com/file/d/1ogu0YWlrKKD5aQBWQoPDAdkJ2YJoyH_3/view?usp=sharing

torstai 26. syyskuuta 2019

13. Internet kotikäytössä


Tutustu ja hae tietoa internetin avulla seuraavista asioista:

Etsi internetyhteyksiin liittyviä palveluita kotikäyttäjille tarjoavia yhtiöitä ja yhteisöjä. Tee näistä hinta- ja ominaisuusvertailuja; paljonko maksaa ja mitä ominaisuuksia ko hinnalla saa? Mitä kaikkia tulisi ottaa huomioon kun valitaan internetpalveluntarjoajaa?

Tutustu myös erilaisiin sähköpostipalveluihin

Minkälaisia sähköpostipalveluita löysit? Kuka tarjoaa ja mitä maksaa?

Millaisia palveluita ottaisit itsellesi? Perustele vastauksesi.

Kirjoita vastauksesi omaan blogiisi.

lauantai 21. syyskuuta 2019

12. Tietokantojen hyödyntäminen

Tämä harjoitus tehdään 3 hengen ryhmissä, joissa jokaisessa on yksi puheenjohtaja ja yksi sihteeri. Kaikki tuottavat ideoita. Puheenjohtaja antaa jokaiselle vuorollaan puheenvuoron, ja mahdollisuuden tuoda ajatuksiaan julki. Sihteeri kirjaa ideat. Aihe on kaikilla ryhmillä sama: tietokannat.

Pohtikaa yhdessä tietokannoista mm. seuraavaa:
Millaisia eri tietokantoja tiedätte?
Millaisissa tietokannoissa olette itse kirjoilla?
Missä kaikkialla tietokantoja mielestänne käytetään?
T
Tämän jälkeen jatkatte aiheen tarkastelua etsimällä Internetistä tarkennuksia sekä yllä oleviin omiin pohdintoihinne sekä alla oleviin kysymyksiin.

Mitä muuta tärkeää löydätte tietokannoista kerrottavaksi?
Listatkaa mahdollisimman paljon erilaisia tilanteita ja tietokantojen käyttötapoja!
Miettikää myös, miten tietokantoja hallinnoidaan?
Millaisia hallintajärjestelmät ovat/ voisivat olla? Ei arvailuja, vaan aitoa tiedonhakua.

Valitkaa sitten 1 tietokanta, jonka käyttöä tarkastelette tarkemmin. Mihin kaikkeen sitä voitaisiin käyttää?

* Jokainen kirjoittaa blogiinsa tästä harjoituksesta myös blogikirjoituksen, jossa on selkeästi vastauksia yllä oleviin kysymyksiin, sekä tarkastelussa olleesta tietokannasta esimerkkejä, mihin sitä käytetään ym. valinnaista infoa.

Muistakaa lisätä lähteet esitykseenne, ja tarkastella lähteiden luotettavuutta.

sunnuntai 15. syyskuuta 2019

11. Etäneuvottelu

Tämä tehtävä tehdään itseopiskeluna pe 20.9. Sopikaa etukäteen kenen kanssa kokeilette etäneuvottelua ja mihin kellon aikaan, jotta voitte raportoida blogiin valitsemanne välineen toimivuudesta.

Tarkoituksemme on tutustua etäneuvotteluvälineisiin ja harjoitella todellista verkon yli tapahtuvaa viestintää. Mahdollisuuksia etäneuvotteluyhteyden ottamisen välineinä on aika paljon.

Tutustu seuraaviin sovelluksiin, ja kirjaa ylös näiden plussia ja miinuksia. Kokeile etsiä vielä näiden lisäksi joitain muita etäneuvotteluvälineitä, jotka olisivat ainakin osittain (yksityiskäytössä) ilmaisia, tee myös niistä vastaava +/- -lista!

Google Hangouts
TeamViewer
TeamSpeak
https://meet.jit.si/
Skype (koulun Outlook-spostista), kokeile ainakin tämä
Joku muu?

Lopuksi, kokeile parin kanssa muutamaa sovelluksista, ja pohtikaa onko nuo helppokäyttöisiä. Miten sovelluksessa pystyy jakamaan muille oman näytön?


torstai 12. syyskuuta 2019

10. Tiedostojen salaaminen

Etsi tietoa tiedoston salaamisesta, miten se tapahtuu eri käyttöympäristöissä ja miten salaaminen kannattaa tehdä eri käyttötarkoituksiin. Laadi blogikirjoitus, jossa vastaat alla oleviin kysymyksiin ja kokoat ohjeet, miten salataan ja mitä tulee huomioida.

HUOM! Ei copy-pastea, kirjoita itse. Muista myös jälleen merkitä lähteet jokaiseen vastaamaasi kohtaan erikseen!


· Mitä tarkoittavat termit ”kryptaus, enkryptaus, dekryptaus”
· Mikä on salaamisen rooli tietoturvan kannalta?
· Mitä uhkia / riskejä sen käyttämiseen liittyy?
· Mitä mahdollisuuksia se tarjoaa?
· Luettele 3 erilaista kaupallista (= maksullista) ja 3 ilmaista kryptaus-ohjelmaa
· Vertaile ohjelmia seuraavilla ominaisuuksilla:

* salauksen toteutus: miten salaus tapahtuu teknisesti?
* salauksen taso?

· Missä yhteydessä voisit arvella näitä tai vastaavia ohjelmia käytettävän työelämässä?

· Liitä raporttiin yksi kuva, eli esim. kuvakaappaus omasta näytöstäsi ja siinä esillä olevasta jostain salausohjelmasta. Nimeä tuo ohjelma ja kerro sen tärkeimmät ominaisuudet

tiistai 10. syyskuuta 2019

9. Verkkomarkkinointi

Kuuntele Marko Pyhäjärven webinaari Facebook- ja Google AdWords-markkinoinnista loppuun, ja kerää sinulle vierasta, mutta aiheeseen liittyvää sanastoa niin paljon kuin mahdollista. Joukossa tulee olla useita englanninkielisiäkin sanoja, jotka Marko on webinaarissaan avannut.

Tämän jälkeen luo tili ja kirjaudu padletiin, ja seinä, jonka täytät keräämilläsi sanoilla ja niiden selityksillä. Kirjoita aina vain yksi sana tai termi otsikoksi yhteen tekstikenttään, ja anna sille lyhyt selitys. Voit lisätä myös itse ottamasi valokuvan (esim. printscreen tai vastaava), joka kertoo sanan merkityksen.

torstai 5. syyskuuta 2019

8. Uutisten seuraaminen

Tietoteknisellä alalla uusien asioiden ja uutisten seuraaminen on tärkeää, jotta pysyy ajan tasalla ajankohtaisista asioista. Yksi tärkeä seurattava asia on vallitseva tietoturvatilanne.

Etsi netistä kiinnostava tietoturvauutinen. Kirjoita uutisesta lyhennelmä. Alla lyhyt malli.
Kommentoi myös aihetta siten, että kerrot, mikä siinä oli kiinnostavaa ja miksi se on ajankohtainen ja mitä pitää kyseisen tietoturvaongelman tai -asian tiimoilta ottaa huomioo tulevaisuudessa.

----------
10.2.09
IT-Viikko uutispalvelussa kerrottiin tänään tiistaina pidettävästä Kansallisesta tietoturvapäivästä, joka keskittyy tällä kertaa vanhempien valistamiseen mediakasvatuksessa. Nuorille järjestetään ilmaiskonsertti Helsingissä.

http://www.itviikko.fi/tietoturva/2009/02/10/tietoturvapaivana-rokataan-ja-tuetaan-vanhempia/20093626/7

----------

Eli muista linkittää myös uutisen lähde!

sunnuntai 1. syyskuuta 2019

7. Sähköposti


7. Työntekijöillä on usein paljon turhia sähköposteja, ja tällöin myös tärkeät postit jäävät myös helposti huomaamatta. Auta tälläisiä työntekijöitä tehostamaan työtään!

 1)      Lue artikkelit:
https://duunitori.fi/tyoelama/kayta-sahkopostia-tehokkaammin/                                                                                                                         ja

2 )  Kokoa itsellesi listaksi tärkeimmät asiat artikkeleista
3 )  Laadi tiivis kuvallinen ohje, miten sähköpostissa luotua kansioita ja miten erilaiset postit ohjataan niihin.
4 )Palauta kokoamasi lista ja ohjeet blogiisi.

keskiviikko 28. elokuuta 2019

6. Tutoriaalien ja ohjeiden tekeminen


Etsi YouTubesta erilaisia atk-aiheisia tutoriaaleja, eli käyttöohjevideoita. Etsi useampia esimerkkejä, joita ensin tarkastelet:

Osa 1

* miten ne on tehty? Esim. yksittäisiä valokuvia yhteen liittämällä; videoklippejä yhteen muokkaamalla; ohjetekstejä hyödyntämällä; taustamusiikkia hyödyntämällä jne.?

* millainen "tunnelma" näistä tutoriaaleista tuli? Rauhallinen; liian nopeasti etenevä; ymmärrettävä?

* Pystyisitkö siis oppimaan tutoriaaleissa esitellyn asian tuota videota katsomalla ja saman itse tekemällä?

* Lisää linkit blogiisi, mutta muista mainita tekstissä, kenen tekemiä ne ovat!


Osa 2

* Seuraavaksi voit ryhtyä miettimään yksin tai parin kanssa, mikä olisi aihe, josta haluaisit tehdä vastaavan tutoriaalin? Mistä aiheesta olisi hyvä saada pieni käyttöohje? Perustele aiheesi etukäteen, ja varmista sen käyttökelpoisuus opettajalta.

* Saako tutoriaalin tehtyä yksittäisiä kuvia yhteen liittämällä, vai tarvitsetko avuksi kaverin, joka kuvaa, kun sinä teet jne.

* Muista(kaa), ettei kuvissa/ videoissa näy kukaan. Vain tekemistä saa kuvata! Esim. kädet voi näkyä, mutta edes tutun luokkakaverin kasvoja ei saa näkyä, vaikka antaisi luvankin.

* Voit/-te toteuttaa tutoriaalin youtube-kanavalla (jokainen pystyy tämän tekemään, koska YouTube on yksi google-palveluista, ja jokaisella on google-tunnukset, kuten blogger-blogikin).

* Jos tarvitsette apua YouTubessa videon muokkaamiseen, ope tulee auttamaan tässä vaiheessa. Kokeilkaa rohkeasti silti omatoimisesti ensin ;)

* Kun saatte videon valmiiksi, laittakaa linkki siitä omaan blogiinne. Kertokaa samalla myös, millainen tehtävä oli, ja kuinka siitä mielestäsi suoriuduit. Jos oli hankaluuksia, mitä ne olivat? Miten ratkaisit ne?

5. Sosiaalinen media

Selvitä ensin, mitä sosiaalinen media tarkoittaa

Mitkä some-välineet ovat sinulle tuttuja?

Luettele mahdollisimman monta ja kerro niiden pääominaisuudet lyhyesti.

Millaiseen käyttöön ne soveltuvat.

Miten itse hyödyntäisit eri some-palveluita?

Mitä olet jo käyttänyt ja miten?

Mitä somessa ei kannata tehdä?

Onko muuta huomioonotettavaa?

sunnuntai 25. elokuuta 2019

4. Netiketti

Netiketti tarkoittaa verkon käyttäytymissääntöjä. Ne koskettavat niin sähköpostin käyttöä, erilaisia foorumeita ja keskustelukanavia kuin yleisemminkin ylipäänsä mitä netissä kannattaa tai ei kannata tehdä. Käyttäytymissääntöjen lisäksi tulee ottaa huomioon, mitä kaikkia tietoja kannattaa esimerkiksi itsestään, perheestään tai ystävistään jakaa. Kaikki tieto tallentuu internetiin ja sen pois saaminen saattaa olla hankalaa, joskus jopa mahdotonta.

Mieti, mitä vahinkoa sinulle voisi olla, jos esimerkiksi sinusta jaetaan kuva epäasiallisessa yhteydessä ja mahdollinen tuleva työnantajasi näkisi sen. Tai joku jakaisi epäasiallisia kommentteja sinusta?

Eli etsi tietoa ja tee itsellesi 10 kohdan lista tärkeimmistä säännöistä. Mieti myös, miten pystyt toteuttamaan ne käytännössä.

keskiviikko 14. elokuuta 2019

3. Tietoturva

Pohdi, hae tietoa ja kirjoita mitä eri asioita tulee ottaa huomioon seuraavien kohdalla:

- Laitteiston suojaaminen internetkäytössä
- Sähköpostin käytössä
- Internetselailussa
- Omien tietojen antamisessa verkossa
- Yleisten koneiden käyttämisessä (esim. kirjasto)

Kerro myös joka kohtaan, mitä uhkia vastaan ja miten tulisi suojautua?

Miten pystyt itse parantamaan omaasi ja tietokoneesi tietoturvaa?

Kirjoita tietoturva-aiheinen pohdintasi blogiisi otsikolla Tietoturva.
Muista linkittää lähteisiin.

tiistai 13. elokuuta 2019

2. Tietosuoja

Toukokuun 25. päivä toukokuuta 2018 astui voimaan EU:n yleinen tietosuoja-asetus vaikuttaa meihin jokaiseen.

Vaikket henkilötietoja koulutuksessasi tai työssäsi käsittelisikään, tulee asetuksen olla tuttu edes perustasolla. Tietojenkäsittelyn ammattilaisilla asia kuuluu automaattisesti työnkuvaan.

Katso video (kesto 35 minuuttia) ja suorita nettitesti hyväksytysti. Palauta hyväksytyn suorituksen todistus opettajan sähköpostiin ja tallenna se myös itsellesi. Saatat tarvita sitä myöhemmin mm. CV:ssäsi tai hakiessasi uutta koulutus- tai työpaikkaa.

Koulutusvideo löytyy osoitteesta https://vimeo.com/222342825

Nettitesti on täällä: https://arjentietosuoja.fi/fi/#/quiz

Kun saat testistä hyväksytyn tuloksen, tulosta se PDF muotoon ja palauta opettajalle sähköpostiin

sunnuntai 11. elokuuta 2019

1. Tekijänoikeudet

Avaa seuraavat sivut:

http://www.valokuvaajaksi.fi/valokuvaajan-tyo/tekijanoikeudet/

http://www.digicamera.net/armi/w3kurs/tekoik.htm

http://kuvasto.fi/kuvaoikeuksien-abc/

https://www.hs.fi/kulttuuri/art-2000005784145.html?share=f61e6bbe95de4dc1d6115c5900308185


1. Tutustu yllä olevien linkkien avulla tekijänoikeuksiin.

2. Tee kymmenen (10) kohdan listä asioista, joita pitää noudattaa, kun käyttää kuvia omissa töissään.
EI copypastea vaan selkeitä lyhyitä ohjeita.
Tarkasta kielioppi ja oikeinkirjoitus.

3. Mene osoitteeseen http://www.flickr.com

• Kirjoita hakusana (englanniksi) oikealle ylös, Valitse Any lincense-valikosta All creative commons.

Tuo tehtävääsi jokin sellainen kuva, jonka käyttö on sallittua
ihmisestä
kasvista
rakennuksesta

Vapaasti käytettäviä kuvia löytyy myös Googlen kuvahausta, kun valitsee kuvahausta Hakutyökalut -> käyttöoikeudet ja sieltä sopivan suodatuksen käyttöluvan perusteella.

(Jos epäilee kuvan alkuperää, käänteisellä kuvahaulla voi tarkistaa, mistä lähteistä kuva on alunperin kotoisin)
Valitse jokin kuva eläimestä ja liitä se tehtävänpalautukseesi ja kerro, miten valitsit kuvan

Etsi netistä muita osoitteita ilmaisista/vapaasti käytettävistä (Creative Common) kuvapankeista. Tutustu sivuihin ja kopioi mielestäsi neljä (4) parasta osoitetta tähän.

4. Kun ollaan tekemässä nettisivua, tulee miettiä seuraavia:
Mitä nettisivulla on laillista näyttää?
Mitä kannattaa kertoa nettisivulla?
Miten varmistat kuvien ja muiden materiaalien tekijänoikeudet?

Eli kyseessä on hyvin yksinkertainen netikettitehtävä: Milloin ja miksi jonkin materiaalin näyttäminen nettisivulla on laillista, milloin laitonta? Mitä materiaalia ei ikinä kannata laittaa julkisesti nettisivulle ja miksi?

5. Lue artikkeli ja tee testi osoitteessa http://yle.fi/uutiset/3-9457278

Kerro sitten testisi tulos ja kerro, mitkä ovat johtopäätöksesi


6. Julkaise työsi blogissasi.

Jokaiselle kurssille erillinen blogi!

Tehtävien annot ja palautukset tapahtuvat pääsääntöisesti ammatillisissa aineissa blogien kautta.

Helpointa on tehdä joka kurssille oma blogi. Jotta kaikki kurssiblogisi löytyvät helposti, tee aluksi ns emoblogi, johon jatkossa linkität eri kurssien blogit. Tee myös tälle kurssille oma blogi.
Kun olet tehnyt tälle kurssille erillisen blogin, linkitä se emoblogiisi ja postaa alla olevaan kommenttikenttään emoblogisi osoite.

Kun palautat blogitehtävän omaan blogiisi, käytä johdonmukaista nimeämistä, niin sinun kuin opettajankin on helpompi tarkistaa tehtävät.
Esim. jos tehtävän nimi on 1. Tekijänoikeudet, otsikoi tehtäväsi omaan blogiisi samalla nimellä.

Verkkopalvelun käyttäminen -kurssin sisältö:

  • Avaintaidot, internet ja tietoturva 
  • Tietokantojen ja verkkojen käyttäminen 
  • Sosiaalinen media 
  • Viestintäohjelmat 
  • Sähköposti 
  • Netti 
  • HTML/XHTML/HTML5 
  • Oppilaanohjaus