https://drive.google.com/open?id=0ByedaGj__hPVQ0UxMERvV0owUzQ
CSS PARAMETRIT
Tehtävänä oli tehdä omasta mielestä 20 tärkeimmästä CSS parametrista muistilista.
1. font-size (<style=font-size: 12px, 13px; >
määrittää koon jollekin kohdalle Esim kuvalle tai tekstille.
2. position (< top 10px; middle 12px>)
määritää paikan esim kuvalle tai tekstille.
3. font-style (< font-style: italic>)
määrittää tekstille tyylin.
4. font-size (< font-size: small >)
määrittää tekstin koon.
5. color (< color: white; >)
määritää tekstin värin.
6. background-color (< background-color: silver; >)
määritää koko sivun taustavärin
7. background-image (< background.image : url (./lehti.jbg) >)
määrittää taustalle kuvan.
8. text-decoration (< text-decoration: none:>)
sillä muokataan tekstin ulkoasua.
9. line-height (< line-height : normal: >)
määrittää tekstikappaleiden rivien korkeuden.
10. border-width (< border-width: medium>)
määrittää elementtien rajojen leveyttä.
11. border-color (< border-color: #ff0000 yellow; >)
määrittää elementtien rajojen värin.
12. width (< width: 25%; >)
määritää kuvan pituuden.
13. heigth (< heigth: 25%;>)
määrittää kuvan korkeuden.
14. display (< display: list-item; >)
määrittää miten elementti näytetään.
15. float (< float: rigth; >)
irroittaa elementin tavallisesta elementtijärjestyksestä.
16. clear (< clear: left; >)
määritetään saako olla float ominaisuudella liu'utettua ominaisuutta.
17. white-space (< white-space: normal >)
määritetään miten sivun välilyöntejä pitäisi käsitellä.
18. margin (< margin: 10px, 13px; >)
määrittää elementille marginaalin jolla voidaan lisätä tai vähentää esim tekstien välissä olevaa tilaa.
19. text-align (< text-align: left;>)
määritää onko teksti vaakasuunnassa vai pystysuunassa vai....
20. text-indent (< text-indent: 2m: >)
voidaan muuttaa ensimmäisen kappaleen sisennystä.
KORJAA KOODI
<html>
<head>
<title>Oma sivu</title>
</head>
<body bgcolor="red">
<h1>testi</h1>
<br>
lisää tekstiä
<br>
vielä lisää tekstiä
<p><font face="arial" color="green"</p>
<b>uusi kappale</b>
</font>
<table border="1" width="900" align="center">
<tr>
<th colspan="3">eka solu</th>
</tr>
<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="painike.png" alt="Toiselle sivulle">
</a>
</p>
<p>
<a href="kolmas.html" target="_self">
<img src="painike2.png" alt="Kolmannelle sivulle">
</a>
</p>
</head>
</html>
LINKIT JA OHJEET
Muistilista HTML- koodin kirjoittamisesta ja css-tyylien käyttämisestä internetsivuilla.
- KUVA:
Kuvien sijoitus ruudulle tapahtuu <IMG> tagilla seuraavien esimerkkien mukaisesti. Kuvan oletussijainti ruudulla on aina edellisen teksti-, kuva- tai muun elementin jälkeen, ja tyhjällä ruudulla vasemmassa ylänurkassa.
<IMG SRC="kuva.jpg">
http://www.cs.joensuu.fi/~vouti/html/kuva.html
- TYYLIMUOTOILUT:
Eräs paljon käytetty attribuutti on style, jolla voidaan antaa XHTML-elementeille tyylimäärityksiä CSS-tyylikielellä (CSS = Cascading Style Sheets). Esimerkiksi tekstikappaleen (p-elementti) väri määrättäisiin punaiseksi ja tekstin tasaus oikeaan reunaan seuraavasti style-attribuutin avulla: <p style="color: red; text-align: right">Esimerkkitekstiä</p>.
<p style="color: red; text-align: right">
http://kirjat.it.jyu.fi/tvt2012/www-sivujen_tekeminen/
- LINKKI TOISELLE SIVUSTOLLE:
Linkki sivuston toiseen sivuun tehdään koodilla
<a href="suhteellinen viittaus toiseen tiedostoon">linkin teksti</a>
<a href="linkit.html">linkit</a>
http://www.iitti.fi/lukio/html_opas/linkit.html
- LINKKI ULKOISELLE SIVUSTOLLE:
Linkki toiseen sivustoon tehdään koodilla
<a href="sivuston URL">linkin teksti</a>
<a href="http://www.iitti.fi/lukio">Iitin lukion kotisivuille</a>
http://www.iitti.fi/lukio/html_opas/linkit.html
- LINKKI KUVASTA:
Linkin yleisen rakenteen kuvauksessa mainittiin, että linkkitekstin tilalla voi olla myös kuva. Tällainen linkki ei sinänsä poikkea normaalista linkistä muutoin.
<a href="finland.html" title="General information about Finland"><img src="suomi.gif" alt="Finland"></a>
https://www.cs.tut.fi/~jkorpela/webjulk/1.7.html
- CSS KOODIT HTML OSANA:
CSS -sääntö voidaan määritellä suoraan haluttuun HTML-elementtiin (<p>, <a>, <h1>, <div> jne.). Määrittely tehdään kyseisen HTML-elementin style -parametrilla, esim.
<P style="margin-left:30%;color:red"> MOI!</P>
http://petepe.mbnet.fi/css1/cssinfo/csshtml.htm
-TALLENNUS HTML MUOTOON:
HTML-dokumentit tunnistetaan .html tiedostopäätteestä. Muita tiedostomuodon tunnistamiseen käytettäviä tapoja on muun muassa tiedostomuodon tunnisteen tallentaminen tiedostoon ja metadatan tallentaminen tiedostojärjestelmään.
https://fi.wikipedia.org/wiki/Tiedostomuoto
- CSS KOODIT HTML OSANA:
CSS -sääntö voidaan määritellä suoraan haluttuun HTML-elementtiin (<p>, <a>, <h1>, <div> jne.). Määrittely tehdään kyseisen HTML-elementin style -parametrilla, esim.
<P style="margin-left:30%;color:red"> MOI!</P>
http://petepe.mbnet.fi/css1/cssinfo/csshtml.htm
-TALLENNUS HTML MUOTOON:
HTML-dokumentit tunnistetaan .html tiedostopäätteestä. Muita tiedostomuodon tunnistamiseen käytettäviä tapoja on muun muassa tiedostomuodon tunnisteen tallentaminen tiedostoon ja metadatan tallentaminen tiedostojärjestelmään.
https://fi.wikipedia.org/wiki/Tiedostomuoto
TEKIJÄN OIKEUDET
10 kohdan listä asioista, joita pitää noudattaa, kun käyttää kuvia omissa töissään.
1. Tekijänoikeuslain mukaan teoksen tekijällä on tekijänoikeus teokseen.
2. Tekijänoikeudet ovat voimassa 70 vuotta tekijän kuolin vuodesta.
3. Tavallisten kuvien tekijänoikeus kestää 50 vuotta kuvan otto vuodesta.
4. Tekijänoikeuslain mukaan tekijällä on yksinomainen oikeus määrätä teoksesta.
5. Teoksen muuntelu ei poista koskaan alkuperäisen tekijän oikeuksia.
6. Tekijällä on oikeus tulla ilmoitetuksi teoksensa tekijänä hyvän tavan mukaisesti.
7. Tekijänoikeuslain mukaan teosta ei saa muuttaa tai saattaa yleisön saataville loukkaavalla tavalla.
8. Tekinjänoikeuslain pääsääntö on että tarvitaan aina tekijän lupa.
9. Tekijänoikeudet voidaan aina luovuttaa sopimuksella.
10. Valokuvan oikeuden voi siirtää kokonaan tai vain osana.
Valitsin kuvan koska sitä sai käyttää ja kuva oli mielestäni hieno
1. Dreamstime.com
2. eu.fotolia.com/royaltyfree
3.stock.adobe.com/stock_image
4. flickr.com
INTERNET KOTIKÄYTÖSSÄ
Kotikäyttöön on sopiva omasta mielestäni esim. Saunalahden tai Soneran 4G yhteys nopeudella 100Mbit/s kiinteänä laajakaistana. Siinä omasta mielestäni riittää nettiä monelle käyttäjälle.
Saunalahdelta löytyy mm. 4G yhteydellä
nopeus - hinta
50Mbit/s - 17,90e/kk
100Mbit/s - 22,90e/kk
300Mbit/s - 49,90e/kk
ja Soneralta löytyy mm. 4G yhteydellä
nopeus - hinta
2Mbit/s - 6,90e/kk
10Mbit/s - 9,90e/kk
50Mbit/s - 16,90e/kk
150Mbit/s - 19,90e/kk
300Mbit/s - 39,90e/kk
Näiden hintojen ja nopeuksien mukaan kannattavampihan olisi selkeästi Sonera, mutta esimerkiksi minun kotonani Saunalahdella on paljon parempi kenttä kuin Soneralla.
Sähköpostin enemmänkin yritys käyttöön löytyy Planeetta Internet OY:ltä.
Ilmaisia sähköposteja:
- Hotmail
- Luukku
- Gmail
- Óutlook
UUTISTEN SEURAAMINEN
Luin uutisen elektroniseen äänestämiseen liittyen.
Uutisessa kerrottiin kuinka suomalainenhakkeri varoittaa ettei elektroniseen äänestämiseen pitäisi siirtyä, koska tuloksia olisi paljon helpompi manipuloida ja olisi vaikea selvittää kuka on hakkeroinut. Luin tämän uutisen koska minua kiinnosti hakkerin mielipide asiaan. Uutinen on ajankohtainen koska suomikin muuttaa kaikkea koko ajan elektronisemmaksi. Äänestäminen kannattaisi pitää omasta mielestänikin manuaalisena.
Uutinen: http://www.kauppalehti.fi/uutiset/suomalaishakkeri-varoittaa-suomessa-ei-pitaisi-missaan-tapauksessa-siirtya-elektroniseen-aanestamiseen/BzeNK7NM?ref=ampparit:9178&ext=ampparit
TIETOTURVA
- Laitteiston suojaaminen internetkäytössä
Käyttää jotakin tietoturvaa esim. norton tai F-secure
Joku voi koittaa tunkeutua tietokoneellesi jonka suojaamiseen kannattaa käyttää tietoturvaa
- Sähköpostin käytössä
Ei aukaise epäilyttäviä sähköposteja
Jokin sähköposti voi olla virus joten ei kannata avata epäilyttäviä sähköposteja
- Internetselailussa
Ei mene outoihin linkkeihin eikä lataa mitään laitonta
Esim. Laittomista latauksista voi tulla virus joten ei kannata ladata mitään laittomasti
- Omien tietojen antamisessa verkossa
Ei anna mitään henkilökohtaisia tietoja muuta kuin oikeasti luotettaville sivuille
Jos antaa johonkin epäilyttävälle sivulle vaikka pankkitietonsa voivat he varastaa ne
- Yleisten koneiden käyttämisessä (esim. kirjasto)
Muistaa kirjautua aina kaikista paikoista ulos
Jos ei kirjaudu jostain käyttäjä tilistä ulos voi kuka tahansa käyttää käyttäjätunnustasi
OMABLOGI
Olen 15-vuotias tyttö Parolasta. Käytän suurimman osan ajastani tietokoneella tai kavereiden kanssa Parolassa pyörimiseen.
Hain datanomiksi ,koska minua kiinnosti tietokoneella tekeminen ja haluaisin tehdä sitä ammatikseni. Yhteishaussa vaihtoehtona oli lukio tai datanomi ,mutta datanomi linja tuntui oikealta.
Ennestään osaan käyttää wordia ja kuvanmuokkausta jonkin verran.
Toivon oppivani opintojeni aikana paljon enemmän tietokoneella tekemisestä.
Ei kommentteja:
Lähetä kommentti