MYÖHÄINEN ENTRY
Enterprise 2015-käynnistä on jo jonkin verran aikaa ja opettaja on varannut kysymyksiä tälle päivälle.
* Millaisia asioita sieltä jäi mieleen.
-Puheet olivat todella pitkiä ja monimutkaisia ja kaksi välipalaleipää ei ollut tarpeeksi. Plus, ei ole kovin mukavaa istua tuolissa tunteja. Takamus puutuu ja tulee epämukava olo.
* Mitä tarkoitetaan sanalla innovaatio?
-Että keksitään jotain uutta. Sitä tarvitaan, että yritys olisi omalaatuisempi. (?)
* Millaisia innovaatioita esittelyissä kerrottiin?
-En muista enää.
* Millainen merkitys digitaalisella yrittäjyydellä on tämän päivän liiketoiminnassa?
-Se tekee työskentelystä ja asioimisesta helpompaa, sanoisin.
keskiviikko 28. lokakuuta 2015
Uutisten seuraaminen
MYÖHÄINEN TEHTÄVÄNPALAUTUS
"UUTISTEN SEURAAMINEN"
"Etsi netistä kiinnostava tietoturvauutinen. Kirjoita uutisesta lyhennelmä. 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 huomioon tulevaisuudessa. Muista linkittää myös uutisen lähde!"
24.10.15
Kolme opiskelijaa Commack High Schoolissa hakkeroivat koulun tietokoneet parantaakseen arvosanojaan muuttaen samalla 300 muun opiskelijan lukujärjestykset.
Kommentti
- Tapahtuma itsessään otti kyllä kunnolla silmään
- Koulukoneiden hakkerointi nykypäivänä on mahdollista
- Parantaa koulukoneiden (ja sitä myötä opiskelijoiden tietojen) turvallisuus
Linkki:
http://www.stara.fi/2015/10/24/teinit-hakkeroivat-koulun-tietokoneet/
"UUTISTEN SEURAAMINEN"
"Etsi netistä kiinnostava tietoturvauutinen. Kirjoita uutisesta lyhennelmä. 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 huomioon tulevaisuudessa. Muista linkittää myös uutisen lähde!"
24.10.15
Kolme opiskelijaa Commack High Schoolissa hakkeroivat koulun tietokoneet parantaakseen arvosanojaan muuttaen samalla 300 muun opiskelijan lukujärjestykset.
Kommentti
- Tapahtuma itsessään otti kyllä kunnolla silmään
- Koulukoneiden hakkerointi nykypäivänä on mahdollista
- Parantaa koulukoneiden (ja sitä myötä opiskelijoiden tietojen) turvallisuus
Linkki:
http://www.stara.fi/2015/10/24/teinit-hakkeroivat-koulun-tietokoneet/
keskiviikko 21. lokakuuta 2015
Internet kotikäytössä
Tämä tehtävä on aivan hirveän hankala. Pitää etsiä internetpalveluja ja verrata niiden ominaisuuksia ja hintoja... En osaa etsiä tällaisia asioita internetistä, koska minulla on vaikeuksia keksiä oikeat hakusanat, mutta löysin sivun, jossa ilmeisesti löytyy usean laajakaistan hinnoitus, esim.
- DNA Veppi 4G Teho (nopeus 3G 42 Mbit/s 4G 50 Mbit/s) maksaa 16,90 €/kk,
(ainoana miinuksena kahden vuoden määräaika)
- Saunalahden Mobiililaajakaista 4G (nopeus 50 Mbit/s)
maksaa 19,80 €/kk (alennuksessa 16,90 €/kk vielä 6kk) ja
- Soneran Mobiililaajakaista (nopeus 50 Mbit/s)
maksaa 19,90 €/kk (alennuksessa 16,90 €/kk vielä 6kk)
Jos minä valitsisin, ottaisin ehkä Saunalahden Mobiililaajakaistan (10 sentin ero Soneran kanssa).
- DNA Veppi 4G Teho (nopeus 3G 42 Mbit/s 4G 50 Mbit/s) maksaa 16,90 €/kk,
(ainoana miinuksena kahden vuoden määräaika)
- Saunalahden Mobiililaajakaista 4G (nopeus 50 Mbit/s)
maksaa 19,80 €/kk (alennuksessa 16,90 €/kk vielä 6kk) ja
- Soneran Mobiililaajakaista (nopeus 50 Mbit/s)
maksaa 19,90 €/kk (alennuksessa 16,90 €/kk vielä 6kk)
Jos minä valitsisin, ottaisin ehkä Saunalahden Mobiililaajakaistan (10 sentin ero Soneran kanssa).
CSS-parametrit
MYÖHÄINEN TEHTÄVÄNPALAUTUS
"CSS-PARAMETRIT"
Luettele 20 CSS-parametriä ja luo esimerkki.
1. "background-color"
Muuttaa sivun taustan valittuun väriin
body {
background-color: #000000;
}
2. "font-family"
Valitsee valitulle kategorialle fonttityypin
p {
font-family: Arial,Helvetica,sans-serif;
}
3. "font-size"
Antaa fontille valitun koon
p {
font-size: 125%;
}
4. "font-style"
Määrittää fontin tyylin
p {
font-style: normal;
}
5. "background-image"
Asettaa kuvan sivun taustalle
body {
background-image: url("image.png");
}
6. "width"
Määrittää elementin leveyden
p {
width: 120px;
}
7. "height"
Määrittää elementin korkeuden
p {
height: 80px;
}
8. "visibility"
Määrittää elementin läpinäkyvyyden
h1 {
visibility: hidden;
}
9. "cursor"
Määrittää näkyvän kursorin
span.crosshair {
cursor: crosshair;
}
10. "resize"
Määrittää mahdollisuuden muuttaa elementin kokoa
div {
resize: both;
}
11. "background"
Määrittää sivun taustan ominaisuudet
body {
background: #00ff00 url("image.png") no-repeat fixed center;
}
12. "background-size"
Määrittää taustakuvan koon
body {
background-size: 120px 156px;
}
13. "background-position"
Määrittää taustakuvan sijainnin
body {
background-position: center;
}
14. "background-repeat"
Määrittää taustakuvan toistojen määrän
body {
background-repeat: repeat-x;
}
15. "display"
Määrittää tietyn HTML-elementin näkyvyyden
p {
display: inline;
}
16. "color"
Määrittää värin
body {
color: red;
}
17. "opacity"
Määrittää läpinäkymättömyyden
div {
opacity: 0.75;
}
18. "border"
Määrittää reunuksen paksuuden, viivatyylin ja värin
p {
border: 5px solid red;
}
19. "float"
Määrittää elementin kellumaan tai ei
img {
float: center;
}
20. "padding"
Määrittää esim. tekstin etäisyyden taulukon reunasta
p {
padding: 4px 5px 2 px 8px;
}
(Ylempi etäisyys on 4 pikseliä, oikea etäisyys 5 pikseliä, alempi etäisyys 2 pikseliä ja vasen etäisyys 8 pikseliä)
"CSS-PARAMETRIT"
Luettele 20 CSS-parametriä ja luo esimerkki.
1. "background-color"
Muuttaa sivun taustan valittuun väriin
body {
background-color: #000000;
}
2. "font-family"
Valitsee valitulle kategorialle fonttityypin
p {
font-family: Arial,Helvetica,sans-serif;
}
3. "font-size"
Antaa fontille valitun koon
p {
font-size: 125%;
}
4. "font-style"
Määrittää fontin tyylin
p {
font-style: normal;
}
5. "background-image"
Asettaa kuvan sivun taustalle
body {
background-image: url("image.png");
}
6. "width"
Määrittää elementin leveyden
p {
width: 120px;
}
7. "height"
Määrittää elementin korkeuden
p {
height: 80px;
}
8. "visibility"
Määrittää elementin läpinäkyvyyden
h1 {
visibility: hidden;
}
9. "cursor"
Määrittää näkyvän kursorin
span.crosshair {
cursor: crosshair;
}
10. "resize"
Määrittää mahdollisuuden muuttaa elementin kokoa
div {
resize: both;
}
11. "background"
Määrittää sivun taustan ominaisuudet
body {
background: #00ff00 url("image.png") no-repeat fixed center;
}
12. "background-size"
Määrittää taustakuvan koon
body {
background-size: 120px 156px;
}
13. "background-position"
Määrittää taustakuvan sijainnin
body {
background-position: center;
}
14. "background-repeat"
Määrittää taustakuvan toistojen määrän
body {
background-repeat: repeat-x;
}
15. "display"
Määrittää tietyn HTML-elementin näkyvyyden
p {
display: inline;
}
16. "color"
Määrittää värin
body {
color: red;
}
17. "opacity"
Määrittää läpinäkymättömyyden
div {
opacity: 0.75;
}
18. "border"
Määrittää reunuksen paksuuden, viivatyylin ja värin
p {
border: 5px solid red;
}
19. "float"
Määrittää elementin kellumaan tai ei
img {
float: center;
}
20. "padding"
Määrittää esim. tekstin etäisyyden taulukon reunasta
p {
padding: 4px 5px 2 px 8px;
}
(Ylempi etäisyys on 4 pikseliä, oikea etäisyys 5 pikseliä, alempi etäisyys 2 pikseliä ja vasen etäisyys 8 pikseliä)
Tietoturva
Laitteiston suojaaminen internetkäytössä
-Mitä suojaussovellusta käyttää
-Virukset, haittaohjelmat, luvaton pääsy koneelle
Sähköpostin käytössä
-Sisältö, vastaanottaja, lähettäjä
-Väärinkäsitykset, oikeaa sisältöä oikealle ihmiselle, virukset, haittaohjelmat, tiedonkalastus
Internetselailussa
-Sivusto, tekijänoikeudet, luotettavuus
-Luvaton pääsy koneelle, virukset, haittaohjelmat, tiedonkalastus
Omien tietojen antamisessa verkossa
-Mitä tietoja laittaa, ketkä tulevat näkemään
-Tiedonkalastus, henkilöllisyysvarkauksen uhka, yksityisyyden rikkoutuminen
Yleisten koneiden käyttämisessä (esim. kirjasto)
-Tietojen tyhjennys, uloskirjautuminen, käyttötarkoitus
-Tiedonkalastus, henkilöllisyysvarkauksen uhka, yksityisyyden rikkoutuminen
Turvaat itsesi ja koneesi huomioimalla yllä olevat asiat ja olemalla varovainen.
-Mitä suojaussovellusta käyttää
-Virukset, haittaohjelmat, luvaton pääsy koneelle
Sähköpostin käytössä
-Sisältö, vastaanottaja, lähettäjä
-Väärinkäsitykset, oikeaa sisältöä oikealle ihmiselle, virukset, haittaohjelmat, tiedonkalastus
Internetselailussa
-Sivusto, tekijänoikeudet, luotettavuus
-Luvaton pääsy koneelle, virukset, haittaohjelmat, tiedonkalastus
Omien tietojen antamisessa verkossa
-Mitä tietoja laittaa, ketkä tulevat näkemään
-Tiedonkalastus, henkilöllisyysvarkauksen uhka, yksityisyyden rikkoutuminen
Yleisten koneiden käyttämisessä (esim. kirjasto)
-Tietojen tyhjennys, uloskirjautuminen, käyttötarkoitus
-Tiedonkalastus, henkilöllisyysvarkauksen uhka, yksityisyyden rikkoutuminen
Turvaat itsesi ja koneesi huomioimalla yllä olevat asiat ja olemalla varovainen.
torstai 1. lokakuuta 2015
Korjaa koodi
MYÖHÄINEN TEHTÄVÄNPALAUTUS
"KORJAA KOODI"
<head>
<title>Oma sivu</title>
<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>
<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>
<td rowspan="2">otsikkosolu</td>
<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 src="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>
</p>
</body>
</head>
"KORJAA KOODI"
<head>
<title>Oma sivu</title>
<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>
<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>
<td rowspan="2">otsikkosolu</td>
<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 src="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>
</p>
</body>
</head>
KYSYMYS:
"Mitä olet oppinut tässä jaksossa verkossa toimimisesta ja nettisivujen tekemisestä?"
VASTAUKSENI:
- Ymmärrän vähän enemmän verkon käytöstä ja HTML-koodauksesta.
- Verkossa kannattaa harkita, ennen kuin laittaa mitään (henkilökohtaisia) tietoja (ei ikinä tiedä, mihin ne päätyisivät tai mihin niitä käytettäisiin). On parasta myös varoa mahdollisia viruksia...
- Kun opettelin lisää HTML-koodauksesta, saatoin oppia jotain uutta. Esimerkiksi, ennen minulla ei ollut mitään käsitystä nettisivujen teosta, mutta nyt minulla on hitusen enemmän kokemusta.
Esim. jos jokin esimerkkilinkki kirjoitetaan näin...
Esimerkkilinkki: www.site.com
<a href="www.site.com">Teksti, mikä näkyy linkin kohdalla<a/>
CSS-tiedostot, tosin... ne aiheuttavat vähän hämmennystä...
CSS-tiedosto, mitä me käytettiin, on "tyyli.css"; siinä oli erilaisia sarakkeita eri toiminnoille, vaikka...
body {
background-color: #000000;
}
...mikä tekee sivun taustasta täysin mustan. Taustakuvakin on mahdollinen.
Tein oman nettisivuston Dreamweaveriä käyttäen. Lopputulos on kyllä yksinkertainen, vähän tekstiä ja linkkejä sisältävä sivusto.
"Mitä olet oppinut tässä jaksossa verkossa toimimisesta ja nettisivujen tekemisestä?"
VASTAUKSENI:
- Ymmärrän vähän enemmän verkon käytöstä ja HTML-koodauksesta.
- Verkossa kannattaa harkita, ennen kuin laittaa mitään (henkilökohtaisia) tietoja (ei ikinä tiedä, mihin ne päätyisivät tai mihin niitä käytettäisiin). On parasta myös varoa mahdollisia viruksia...
- Kun opettelin lisää HTML-koodauksesta, saatoin oppia jotain uutta. Esimerkiksi, ennen minulla ei ollut mitään käsitystä nettisivujen teosta, mutta nyt minulla on hitusen enemmän kokemusta.
Esim. jos jokin esimerkkilinkki kirjoitetaan näin...
Esimerkkilinkki: www.site.com
<a href="www.site.com">Teksti, mikä näkyy linkin kohdalla<a/>
CSS-tiedostot, tosin... ne aiheuttavat vähän hämmennystä...
CSS-tiedosto, mitä me käytettiin, on "tyyli.css"; siinä oli erilaisia sarakkeita eri toiminnoille, vaikka...
body {
background-color: #000000;
}
...mikä tekee sivun taustasta täysin mustan. Taustakuvakin on mahdollinen.
Tein oman nettisivuston Dreamweaveriä käyttäen. Lopputulos on kyllä yksinkertainen, vähän tekstiä ja linkkejä sisältävä sivusto.
Tilaa:
Kommentit (Atom)