Linkki: file:///C:/Users/Riku%20Rantanen/Desktop/kinkkujuusto.html
tiistai 31. tammikuuta 2017
CSS-parametrit
ont family:
Määrittää fontin ja jos fonttia ei ole koneella niin sen korvaa listassa seuraavaksi esitetty.
p {font-family: "Times New Roman", "Comic Sans MS", Impact;}
text align:
Määrittää missä teksti on.
p {text-align: center;}
color:
Määrittää värin.
p {color: blue;}
font size:
Määrittää fontin koon
p {font-size: 40px} tai {font-size: 180%}
cursor:
Määrittää osoittimen ulkonäön nettisivulla.
span.wait {cursor: wait;}
opacity:
Määrittää kohteen läpinäkyvyyden.
img {opacity: 0.1;}
text decoration:
Ali- ja yliviivaa tekstin.
p {text-decoration: overline;} voidaan myös tehdä koodiin suoraa käyttämällä "del" komentoa: <del>Tämä teksi yliviivataan</del>
background color:
Määrittää taustan värin
body {background-color: blue;}
background image:
Määrittää taustakuvan.
body {background-image: kuva.jpg;}
widht:
Määrittää elementin leveyden.
img {widht: 50%;}
height:
Määrittää elementin koon vertikaalisesti
img {height: 120%;}
outline style:
Määrittää minkälainen ulkoreuna.
p{outline-style: solid;}
padding:
Määrittää minkä verran kohteen ympärillä on tilaa.
img {padding: 10px;}
letter spacing:
Määrittää kirjainten välisen tilan
p {letter-spacing: -5px;}
Esimerkki listasta
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
list-style-type:
Määrittää mikä merkki tulee listan tuotteen eteen, esimerkkinä ympyrä.
ul.a {list-style-type: circle;}
word spacing:
p {word-spacing: 10px;}
border collapse:
Määrittää onko taulukon ruutujen välissä tyhjää väliä vai ei.
table {border-collapse: collapse;}
Määrittää fontin ja jos fonttia ei ole koneella niin sen korvaa listassa seuraavaksi esitetty.
p {font-family: "Times New Roman", "Comic Sans MS", Impact;}
text align:
Määrittää missä teksti on.
p {text-align: center;}
color:
Määrittää värin.
p {color: blue;}
font size:
Määrittää fontin koon
p {font-size: 40px} tai {font-size: 180%}
cursor:
Määrittää osoittimen ulkonäön nettisivulla.
span.wait {cursor: wait;}
opacity:
Määrittää kohteen läpinäkyvyyden.
img {opacity: 0.1;}
text decoration:
Ali- ja yliviivaa tekstin.
p {text-decoration: overline;} voidaan myös tehdä koodiin suoraa käyttämällä "del" komentoa: <del>Tämä teksi yliviivataan</del>
background color:
Määrittää taustan värin
body {background-color: blue;}
background image:
Määrittää taustakuvan.
body {background-image: kuva.jpg;}
widht:
Määrittää elementin leveyden.
img {widht: 50%;}
height:
Määrittää elementin koon vertikaalisesti
img {height: 120%;}
outline style:
Määrittää minkälainen ulkoreuna.
p{outline-style: solid;}
padding:
Määrittää minkä verran kohteen ympärillä on tilaa.
img {padding: 10px;}
letter spacing:
Määrittää kirjainten välisen tilan
p {letter-spacing: -5px;}
Esimerkki listasta
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
list-style-type:
Määrittää mikä merkki tulee listan tuotteen eteen, esimerkkinä ympyrä.
ul.a {list-style-type: circle;}
word spacing:
p {word-spacing: 10px;}
border collapse:
Määrittää onko taulukon ruutujen välissä tyhjää väliä vai ei.
table {border-collapse: collapse;}
Korjaa koodi
<!DOCTYPE html>
<html>
<head>
<title>Oma sivu</title>
</head>
<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>
</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>
<a> href="http://www.kktavastia.fi target="blank"</a>
<a> "img ="kuvia/koulu_valmis.jpg" alt="Koulun sivuille"</a>
</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></p>
<p>
<a href="kolmas.html" target="self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>
</p>
</p></body>
</html>
<html>
<head>
<title>Oma sivu</title>
</head>
<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>
</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>
<a> href="http://www.kktavastia.fi target="blank"</a>
<a> "img ="kuvia/koulu_valmis.jpg" alt="Koulun sivuille"</a>
</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></p>
<p>
<a href="kolmas.html" target="self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>
</p>
</p></body>
</html>
maanantai 30. tammikuuta 2017
Tekijänoikeudet
- Tekijänoikeussuojaa
- Tekijällä on yksinoikeus määrätä teoksensa käytöstä.
- Teoksen tai lähioikeuden suojan kohteen käyttämiseen tarvitaan yleensä lupa.
- Muista aina antaa kunnia teoksen teijälle jos saat luvan käyttää hänen teostaan.
- Valokuvaajalla on yksinomainen oikeus määrätä valokuvasta.
- Piratismi ehdottomasti kiellettyä!
- Teoksen tekijää ei saa loukata.
- Jos tekijä ei myönnä teoksen käyttmistä, noudata sitä.
- Internet sivulle kuvan lisääminen ei ole yksityiskäyttöä.
- Moraaliset oikeudet
Googlasin animal ja menin kuvahakuun ja otin tämän kuvan sieltä.
keskiviikko 11. tammikuuta 2017
2.Mobiililaitteet
Mitä tietoturvariskejä mobiilaitteisiin liittyy?
- Mobiililaitteet ovat alttiita hyökkäyksille tuntemattomista verkoista sekä viruksille jotka tulevat tuntemattomilta nettisivuilta. Virukset voivat aiheuttaa salasanojen, myös muun yksityiseen käyttöön tarkoitettujen kuvien ja videoiden leviämisen
Miten tietoturva tulee huomioida erilaisissa mobiililaitteissa, entä USB laitteissa?
Mobiililaitteella ei kannattaisi yhdistää tuntemattomaan laitteeseen, tämän takia virukset voivat kopioitua koneelta USB:iin.
http://www.mobiiliasiantuntijat.fi/mobiilitietoturvavinkit.html
- Mobiililaitteet ovat alttiita hyökkäyksille tuntemattomista verkoista sekä viruksille jotka tulevat tuntemattomilta nettisivuilta. Virukset voivat aiheuttaa salasanojen, myös muun yksityiseen käyttöön tarkoitettujen kuvien ja videoiden leviämisen
Miten tietoturva tulee huomioida erilaisissa mobiililaitteissa, entä USB laitteissa?
Mobiililaitteella ei kannattaisi yhdistää tuntemattomaan laitteeseen, tämän takia virukset voivat kopioitua koneelta USB:iin.
http://www.mobiiliasiantuntijat.fi/mobiilitietoturvavinkit.html
maanantai 9. tammikuuta 2017
Tilaa:
Blogitekstit (Atom)