Teimme omat kotisivut testataksemme, mitä osaamme HTML-koodauksesta.
https://drive.google.com/file/d/0B_BStKjp-TJHQnp1VE83ZzFPUDg/view?usp=sharing
Tällä kurssilla opin koodamaan lisää sekä siitä, miten netissä tulee käyttäytyä ja tekijänoikeudet ottaa kunnolla huomioon.
lauantai 7. lokakuuta 2017
CSS parametrit
Tehtävänä oli listata omasta mielestään tärkeimmät CSS parametrit ja kertoa myös, miten ne toimivat ja mitä ne tekevät.
1. Taustan värin määrittäminen
Taustan väri määritetään yksinkertaisella komennolla, joka laitetaan CSS-tiedoston body-kohtaan.
Esimerkiksi näin:
body {
background-color: green;
}
2. Leveys ja korkeus
Esimerkiksi kuvan leveyttä ja korkeutta voi tällä komennolla muuttaa haluamaansa kokoon.
Esimerkiksi näin:
img {
width: 150px;
height: 230px; }
3. Tekstin väri
Koko tiedoston väriä voi muokata tai halutessaan vain yhden osion tekstin väriä kerrallaan. Kun halutaan muokata koko tiedoston tekstin väriä, käytetään osiona * merkkiä. Yksilöllisesti muokatessa käytetään vain nimettyjä osioita.
Esimerkiksi näin:
h1 {
color: white;
}
Nyt vain h1-nimisen osion tekstin väri muuttuu valkoiseksi.
4. Tekstin tyyli
Tekstin voi esimerkiksi asettaa vinoksi tätä komentoa käyttäen.
Esimerkiksi näin:
font-style: italic;
Nyt tekstin tyyli on asetettu hieman vinoksi.
5. Tekstin koko
Tekstin kokoa voi muuttaa nopeasti ja yksinkertaista komentoa käyttäen.
Esimerkiksi näin:
p {
font-size: 30px;
}
6. Linkkien väri
Myös linkkien värejä voi muuttaa haluamansa värisiksi. Väriksi kuitenkin kannattaa valita sellainen, että se erottuu selvästi taustan väristä ja muusta tekstistä.
Esimerksi näin:
a {
color: yellow;
}
7. Taustakuvan asettaminen
Taustalle voi myös laittaa kuvan pelkän värin sijasta.
Esimerkiksi näin:
body {
background-image: url("kuva.jpg");
}
Mukaan kannattaa myös laittaa komento, jonka avulla taustakuva pysyy yhtenä eikä tule monena tiedostoon.
body {
background-repeat: no-repeat;
}
8. Tekstin asettaminen sivun keskelle
Kun tekstin haluaa sijoittaa keskelle sivua, käytetään text-align -komentoa.
Esimerkiksi näin:
* {
text-align: center;
}
9. Marginaalit
Tiedoston marginaaleja voi säätää esimerkiksi näin:
p {
margin-left: 150px;
}
10. Kirjaimien välit
Myös tekstin kirjaimien välejä voi sääätää haluamaansa suuruteen tai pienuuteen.
Esimerkiksi näin:
p {
letter-spacing: 2px;
}
perjantai 29. syyskuuta 2017
Koodin korjausta
Muuntelimme koodia, joka oli monilla tavoilla virheellinen.
<html>
<head>
<title>Oma sivu</title>
</head>
<body bgcolor="#5cd65c">
<h1>Kokeilu</h1>
<br>lisää tekstiä<br>
vielä lisää tekstiä
<p><font face="arial" color="#196619">
<b>uusi kappale</b></font>
<table border="1" width="900" align="center">
<tr>
<th colspan="3">eka solu</th>
<tr>
<td width="100" align="center">kolmas solu</td>
<td width="500" align="center">neljäs solu</td>
<td width="300" align="center">b solu</td>
</tr>
</table>
<br>
<table border="1" width="900" align="center">
<tr>
<td width="100" align="center">eka solu</td>
<th rowspan="2">otsikkosolu</th>
<td width="300" align="center">a solu</td>
</tr>
<tr>
<td width="100" align="center">kolmas solu</td>
<td width="300" align="center">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>
<a href="kolmas.html" target="_self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>
</html>
tiistai 26. syyskuuta 2017
Tekijänoikeudet
10 asiaa, jotka pitää muistaa, kun olet lisäämässä kuvaa omaan työhösi:
1. Kun etsit kuvaa, jota voisit käyttää huoletta omassa työssäsi, pitää tarkistaa mahdolliset tekijänoikeudet. Googlen kuvahaun työkaluissa on ominaisuus, jolla hakua voi rajata kuviin, joissa ei ole tekijänoikeuksia. Kun saat aikaan jotain, jonka olet tehnyt kokonaan itse, syntyy heti tekijänoikeudet työhösi – muut eivät saa käyttää työtäsi omiin tarkoituksiinsa.
2. Esimerkiksi taideteoksissa tekijänoikeuksien suoja-aika säilyy 50-70 vuotta tekijänsä kuoleman jälkeen. Vaikka teoksen tekijänoikeudet ovat poistuneet, on silti teoksen valokuvan ottaneella tekijänoikeudet valokuvaansa teoksesta.
3. Jos käyttämässäsi kuvassa on tekijänoikeudet, et saa muokata tai käyttää sitä ilman sen tekijän erillistä lupaa. Jos muokattu teos on niin omaperäinen, saattaa se saada suojaa muunnelmana. Kuitenkin muunnelmassa pitää selvästi olla luovaa panosta, jotta se saisi suojan.
4. Tekijänoikeusrikoksista voi saada jopa vankeutta, joten asian kanssa kannattaa olla todella tarkka.
5. Kuvan käyttöluvan ei tarvitse olla kirjallinen, mutta se on järkevää, sillä silloin on olemassa kirjallinen todiste luvasta jos siitä syntyy erimielisyyksiä.
6. Tekijänoikeus suojaa ilmaisuja, eli voit käyttää samaa ideaa tai aihetta vapaasti. Työn on ylitettävä niin sanottu teoskynnys.
7. Teoksien isyys- ja respektioikeudet; tekijällä on oikeus tulla ilmoitetuksi teoksensa tekijäksi ja teosta ei saa muuttaa sen tekijälle loukkaavalla tavalla. Teoksen tekijällä on myös oikeus kieltää nimensä mainitseminen teoksen yhteydessä.
8. Teoksen omistusoikeus ei tuo tekijänoikeuksia, ellei asiasta ole erikseen sovittu.
9. Myös valokuvilla on tekijänoikeudet, jos ne ylittävät teoskynnyksen. Valokuvilla, jotka alittavat teoskynnyksen, on lyhyempi suoja-aika kuin sen ylittäneillä.
10. Jos rikot tai muuten loukkaat tekijänoikeuksia, on sinulla velvollisuus hyvittää tekosi teoksen tekijälle.
Kuvia, joissa ei ole tekijänoikeuksia – eli ne ovat vapaasti käytettävissä. Kuvat piti etsiä Flickr-nimisestä kuvapalvelusta.
Alla oleva kuva on Googlen kuvahausta etsitty, tekijänoikeudeton kuva. Valitsin tämän kuvan, koska se kiinnitti huomioni sivua selatessani.
Muita hyviä ilmaisia kuvapankkeja on esimerkiksi Pixabay, Europeana, Stock Adobe ja Deposit Photos. Kaksi viimeistä on maksullisia, joista ainakin toisesta saa kuitenkin ilmaisen kokeilun.
sunnuntai 17. syyskuuta 2017
Internet kotikäytössä
Vertailin DNA:n, Telian ja Elisan Internetyhteyksiä ja niiden hintoja toisiinsa.
Elisalla saa 4G-netin hinnalla 17,90€ kuukaudessa. DNA:lla sama sopimus maksaa kuukaudessa 16,90€ ja Telialta 24,90€.
- Elisan netin ominaisuuksiin kuuluu rajoittamaton tiedonsiirto, maksiminopeus 50 Mbit/s, liittymä sopii käytettäväksi esimerkiksi tabletissa, mobiilissa tai nettitikussa, ei puheominaisuutta ja arvioitu nopeus 4G-verkossa 5-50 Mbit/s.
- DNA:n netin ominaisuuksiin kuuluu huippunopea ja kattava 4G-verkko, rajaton tiedonsiirto, nopeus 50 Mbit/s ja liikkuva laajakaista.
- Telian netin ominaisuuksiin kuuluu tasalaatuinen nettiyhteys, nopeus 100 Mbit/s ja rajaton kotimaassa.
Nettiyhteyttä ostaessa kannattaa ottaa huomioon hinta, netin nopeus, sen ominaisuudet, lisäkulut, sopimuksen pituus, helppokäyttöisyys ja reitittimen hinta.
Erilaisia sähköposteja on esimerkiksi Gmail ja hotmail. Molemmat ovat ilmaisia, itse käytän tällä hetkellä Gmailia, hotmailia en ole muistaakseni ikinä käyttänyt.
keskiviikko 6. syyskuuta 2017
Uutisten seuraaminen
5.8.2017
Uutisessa kerrotaan Nokia 6 -puhelimesta, jonka ominaisuuksia ja toimintoja on testattu ja arvioitu.
http://www.is.fi/digitoday/testit/art-2000005314603.html
keskiviikko 30. elokuuta 2017
Tietoturva
Laitteiston suojaaminen Internetkäytössä
- Laitteisto kannattaa suojata mahdollisilta viruksilta ja pitää kaikki olennaiset ohjelmat ajan tasalla. Myös tietokoneessa olevat tarpeettomat tiedostot kannattaa poistaa.
Sähköpostin käytössä
- Pitää sisällön asiallisena ja välttää liian henkilökohtaisten asioiden jakamista. Hyvä ja järkevä otsikko, näkyvä allekirjoitus ja siististi järjestelty sisältö – kappalejako, isot alkukirjaimet, asiallinen kieli ja niin edelleen.
Internetselailussa
- Internetselailussa pitää olla varma, millaisilla sivuilla liikkuu ja ovatko ne turvallisia. Sivuilta ladatuilla tiedostoilla voi olla esimerkiksi mahdollisia viruksia tai muita haittaohjelmia.
Omien tietojen antaminen verkossa
- Omien tietojensa antamisessa kannattaa olla tarkka, ettei paljasta mitään liian henkilökohtaista. Osoitetta, koko nimeä, puhelinnumeroa jne ei kannata ikinä kertoa turvallisuussyistä, ettei kukaan pysty jäljittämään tai muuten aiheuttaa mitään haittaa.
Yleisten tietokoneiden käyttämisessä (esim. kirjasto)
- Yleisille koneille ei kannata ladata mitään tärkeää, koska kuka tahansa voi käyttää konetta seuraavaksi. Myöskään esimerkiksi pankkiasioita ei tällaisilla koneilla kannata tehdä, sillä tiedot saattavat säilyä koneen muistissa. Henkilökohtaisten asioiden hoitaminen kannattaa tehdä omalla koneella, ettei kukaan muu pysty niitä urkkimaan.
Tilaa:
Blogitekstit (Atom)