Verkkopalvelujen käyttäminen (Tiia Löfqvist)

1.10.2015

Mitä uutta tunneilla oppinut

En varsinaisesti tunneilla oppinut juurikaan mitään uutta muuta kun Maccien ja Dreamviewerin käyttöä.
Mutta mistä olen oppinut todella paljon on tämä Oaj Hämeenlinna projekti

Itse olen netistä oppinut kaiken muun mitä tiedän ja joskus tullut kokeilumielessä tehtyy nettisivuja ja täältä sivulta myös oppinut asian jos toisenkin Codeacademy
target="" attributea en ole ennen käyttänyt mutta tämä on todella hyödyllinen mielestäni
background: rgba(255, 255, 255, 0.0) Tämäkin tuli uutena minulle, tuo vika 0.0 = opacity. Että ei tarvitse enää koko sisältöä haalentaa. ¨

--> Linkki omalle demopaja sivulle <--

18.9.2015

20 tärkeintä CSS parametria

background-color
voit määrittää värin rgb:nä, #000000 tai pääväreinä.
background-image
voit määrittää kuvan background-image: url('tähän joko nettisivu tai localpath');
background-size
Voit määrittää kuvan leveyden ja pituuden joko pikseleillä (px) tai prosenteilla (%)
background-repeat
Jos olet määrittänyt jo background-imagen ja background-size ei ole 100% 100% molempiin suuntiin,
niin tämä määrittää sen että mihin suuntaan tämä sama kuva tulee uusiksi: (top, left, bottom, right)
background-position
Määrittää että mihin kohtaan tausta tulee.
padding, padding-top, padding-right, padding-bottom, padding-left
Määrittää välin elementin reunojen ja sisällön välillä.
Paddingilla voit määrittää: padding: 0 0 0 0 (top, right, bottom, left);
margin, margin-top, margin-right, margin-bottom, margin-left
Määrittää välin elementin reunojen ulkopuolella.
border, border-top, border-right, border-bottom, border-left
Tekee reunat elementin ulkopuolelle.
Voit määrittää reunojen paksuuden, reunojen tyypin ja värin.
border: 1px solid orange;
margin
Määrittää välin elementin reunojen ulkopuolella.
float
floatilla voit määrittää mihin suuntaan elementti menee esim float: left;
display
Määrittää että miten elementti näytetään sivulla
esim. display: inline;
max-width ja max-height
Määrittää elementin maksimi leveyden ja korkeuden.
Position
Määrittää elementin positionaamisen.
position: absolute; = absoluuttisia pikseleitä
position: relative; = ottaa muut elementit huomioon joitten arvo on relative.
position: fixed; = ei liiku mihinkään muista elementeistä
Animaatiot
ekana pitää määritellä

@keyframes myFrame{
from{background-color: yellow;}
to {background-color: orange;}
}

Kun keyframe on tehty niin pitää määritellä elementti jossa tätä animaatioo käytetään eli

#myAnimation {animation-name: myFrame
animation-duration: 2s; /* että kauan animaatio kestää */
}
font-family
Voit määrittää tietyn fontin jokaiselle tekstille jos haluat.
Jos tietokoneellasi ei ole fontteja mitä olet asettanut niin se ottaa listasta seuraavan kunnes käyttää default fonttia.
font-size
Pystyt määrittelee fontin koon tällä (px, em, %).
*{}
Tällä tähdellä pystyt määrittelee jokaiselle elementille jota sivultasi löytyy niin arvon.
esim. font-size: 16px; niin kaikki fontit ovat sivullasi 16px.
background-color ja color
Voit määrittää melkei mille tahansa värin.

background-color voit määrittää taustan elementeille ja tehdä hienon neliön jos asetat width ja height arvot.

color voit määrittää tekstin värin.
ID:t ja Class:it
#ID Voit antaa elementeille arvoja esim p id="ID"

.Class Voit antaa elementeille arvoja esim p class="Class"

Sitten voit myös käyttää näitä molempia yhdessä elementissä

CSS FILE
#ID{color: yellow;}
.Class{background-color: blue;}

esim h5 id="ID" class="Class"

Pystyt myös helposti javascriptin kanssa muuttaa näitä elementeitä document.getElementById /Class
colum-count
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3; - Määrittää kuinka moneen osaan elementti on jaettu.

10.9.2015

Hakkerit piiloutuivat sateliitin taakse

Venääläinen hakkeriyhmä nimeltä Epic Turla on jo vuosien ajan käyttänyt sateliittiyhteyksiä harhauttaakseen tietoturvatutkijoita.

Sateliittiyhteyttä käytetään verkkorikollisten haittaohjelmilla saastuttamien koneiden viestintää verkkorikollisten komentopalvelimen kanssa.

N/A
Korjaa koodi

--> Raakakoodi täältä (pastebin)

Kokeilu

lisää tekstiä
vielä lisää tekstiä

uusi kappale

           

eka solu			kolmas solu	neljäs solu	b solu

                 

eka solu	otsikkosolu	a solu
kolmas solu		b solu

Tavastian sivuille
Koulun sivut
Toiselle civil
Kolmannelle civil

Internet kotikäytössä

opettaja: (Tiia Löfqvist, (28.8.2015))

Kodin netti / laajakaista

Palveluntarjoaja	Sonera	Dna
Nopeudet	50 mb/s - 100 mb/s	100 mb/s 350 mb/s
Hinta	29.90e	19.90e 29.90e

Ottaisin varmaan tuon Dna:n taulukon perusteella mutta ei ole kokemusta Dna:sta hirveästi joten varmaan pysyisin Sonerassa vaikka heillä onkin ollut ongelmia nyt viimeaikoina.

Mobiili liittymät

Palveluntarjoaja	Sonera	Tele	Dna
Nopeudet 3G		1 mb/s 21 mb/s	21 mb/s
Nopeudet 4G	21 mb/s 50 mb/s 150 mb/s	50+ mb//s	50 mb/s 300 mb/s
Hinta 3G		10.00e 13.00e	24.90e
Hinta 4G	14.90e 19.90e 24.90e	20.00e	29.90e 39.90e

Nettiliittymän ottamisessa pitäisi huomioida irtisanomisaika

(Jos vaikka puhelin hajoo niin et voi sanoa nettiä irti kun vasta sen irtisanomis ajan jälkeen.)

Myös riittävän nopea netti on plussaa.

Itselleni ottaisin soneran 50mb/s tai telen 50mb/s koska ei tule käytettyy niin tiuhasti puhelimen nettii että tarvitsisi 100mb/s. Ja 50mb/s on aika paljon, sitä tulee välillä käytettyy modeemina tietokoneeseen (tethering).

Sähköposti palvelut

Palvelu	Google Gmail	Microsoft Hotmail	Yahoo
Tilaa	15 Gt+	5 Gt	1 Tb
Maksaa?	Ilmainen	Ilmainen	Ilmainen

Gmaili tuttu ja luotettava. Riittävästi tallennustilaa.

Tietoturva

opettaja: (Tiia Löfqvist, (15.8.2015))

Laitteiston suojaaminen internetkäytössä

1. laitteiston suojaaminen
Laitteet olisi hyvä suojata jonkin näköisellä virustorjunta ohjelmalla ja palomuurilla jotta konettasi ei pystyisi (hijackata) tai salasanojasi varastaa.

2. Sähköpostin käytössä
Huonosti valittu salasana on nopea crackata, jos salasanassa on pelkkiä kirjaimia (pieniä) niin se voidaan saada jo alle minuutissa selville. Hyvään salasanaan kuuluu sekaisin isoja ja pieniä kirjaimia, numeroita, erikoismerkkejä. Sen selville saamisessa menee useampi vuosi jos koneellasi ei ole virusta.

3. Internetselailussa
Internetin selailussa kannattaa miettiä että mmihin sivulle sitä menee, yleensä ei niin suositut sivut ovat vaarallisia. Ja jos kerran seilaimella surffailet netissä niin virustorjunta ja palomuuri olisi hyvä olla päällä.

4. Omien tietojen antamisessa verkossa
Omia tietoja ei kannata joka paikkaan nettiä pistää. Jos vaikka rekistöröidyt johonkin sivulle ja sivulle tehdään hyökkäys niin hyökkääjä saa kaikki tiedot jotka olet pistänyt sivulle.

5. Yleisten koneiden käyttämisessä (esim. kirjasto)
Älä ikinä laita salasanojasi yleisille koneille, niihin on voinut joku asentaa vakoiluohjelmat jolla näkee sitten kaiken mitä kirjoitat koneella esim(sähköpostin nimen ja salasanan, pankkitunnukset)

• Miten pystyt itse parantamaan omaasi ja tietokoneesi tietoturvaa?
• Pitämällä ohjelmat uusimmissa versioissa.
• Tietoturva-aiheinen pohdinta
Koneessasi pitäisi aina olla virustorjunta ohjelma ja palomuuri ja sinun AINA pitäisi katsoa että mitä ohjelmia olet asentamassa.
Yksikin virus koneellasi voi aiheutttaa todella paljon tuhoa. Jos sinulla ei ole virustorjunta ohjelmaa niin niitä on ilmaisia hyviä esim Avast .