WEBBI T14DT

torstai 2. lokakuuta 2014

Maanantai 6.10.2014

Terve T14DT!

Tulen 2. periodille ohjaamaan osan tästä webbi-kurssista, Tiian kaveriksi.

Miehen nimi on Markku, työhistoria ennen tänne opettajaksi tulemista kattaa vähittäiskaupassa yrittäjänä toimimisen, jonka lisäksi työntekijänä useamman vuoden digitaalisen median ja verkkokauppojen sekä mobiilipalvelujen ja muiden IT-sektorin töiden parissa.

Meillä on lukujärjestyksen mukaan ensi maanantaina 6.10.2014 klo 12-14 tunnit, mutta olen samaan aikaan Järvenpäässä eräässä hanketyön tapaamisessa. Siispä, kyseiset tunnit ovat poikkeuksellisesti teille etätunnit, ei tarvitse tulla kouluun.

Työt kuitenkin pitää tehdä, joten tässä pieni etätehtävä:
- Kirjaa blogiisi 3-5 erilaista tällä hetkellä käytettävissä olevaa sosiaalisen median palvelua
- kirjoita jokaisesta seuraavat tiedot:
-- nimi
-- toimiiko vain perinteisellä tietokoneella vai löytyykö myös mobiilisovellus tai muita käyttötapoja
-- missä tämä palvelu on, eli anna www-osoite (mikäli ei ole vain mobiilisovellus)
-- maksaako palvelu jotain
-- jos maksaa, niin paljonko ja miltä ajalta
-- BONUS-rivi: missä maassa palvelu on kehitetty (tämä ei pakollinen tieto).

Terveisin
-Markku-

keskiviikko 1. lokakuuta 2014

Omat kotisivut

Teimme kurssiharjoituksena ensimmäiset omat kotisivut. Tarkoituksena oli opetella HTML koodauksen perusteet ja palvelintyöskentelyä. Jokainen loi oman sivuston, jossa on kolme toisiinsa linkitettyä sivua. Tässä vaiheessa tehtävän painopiste on sivujen teknisessä toiminnassa.
Tulevaisuuden kursseilla tulemme keskittymään myös sisältöön ja ulkoasuun.

Tämän jakson viimeisenä tehtävänäsi on linkittää sivujesi osoite omaan blogiisi arviointia varten.
Kerro samalla mitä olet oppinut tähän mennessä netissä toimimisesta ja nettisivujen tekemisestä.

torstai 11. syyskuuta 2014

CSS parametrit

Tee lista 20 tärkeimmästä CSS parametrista ja kerro niiden ominaisuudet
esimerkein näin:
----
font-family:

Määrittää fontin (voi olla useita: esim. Arial,Verdana) tai fonttiperheen (serif tai sans-serif tai cursive tai fantasy tai monospace.) Selain käyttää ensimmäistä koneelta löytyvää fonttia. Fonttiperhe annetaan siltä varalta, ettei annettua fonttia löydy koneelta.

esimerkki font-family parametrin käytöstä p -kappaletagin kanssa, määrittää kappaleen fonttityylin:

P {font-family: Arial,Helvetica,sans-serif;}

----

sunnuntai 7. syyskuuta 2014

Korjaa koodi

Avaa Texturi, muunna pelkäksi tekstiksi ja kopioi seuraava

html-koodi Texturiin ja tallenna se .html muotoon.

(Mikäli teet tehtävän Windows koneella,

käytä Teksturin sijaan muistiota/notepadia)

Koodissa on virheitä, jonka vuoksi se ei toimi oikein.
Korjaa virheet ja parantele sivun ulkoasua muutenkin mieleiseksesi.
Palauta sitten korjattu koodi omaan blogiisi.

Mikäli tarvitset ohjeita koodin kirjoittamisesta,

neuvoja saa etsiä netistä.

Yksi hyvä ohjesivu löytyy osoitteesta

http://www.ratol.fi/opensource/xhtml/index.htm

koodi alkaa
__________________

<html>
<head>
<title>Oma sivu</tite>

<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>
</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="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>
</head>

________________________
koodi päättyy

perjantai 29. elokuuta 2014

Uutisten seuraaminen

Tietoteknisellä alalla uusien asioiden ja uutisten seuraaminen on tärkeää, jotta pysyy ajan tasalla ajankohtaisista asioista. Yksi tärkeä seurattava asia on vallitseva tietoturvatilanne.

Etsi netistä kiinnostava tietoturvauutinen. Kirjoita uutisesta lyhennelmä. Alla lyhyt malli.
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 huomioo tulevaisuudessa.

10.2.09
IT-Viikko uutispalvelussa kerrottiin tänään tiistaina pidettävästä Kansallisesta tietoturvapäivästä, joka keskittyy tällä kertaa vanhempien valistamiseen mediakasvatuksessa. Nuorille järjestetään ilmaiskonsertti Helsingissä.

http://www.itviikko.fi/tietoturva/2009/02/10/tietoturvapaivana-rokataan-ja-tuetaan-vanhempia/20093626/7

Eli muista linkittää myös uutisen lähde!

maanantai 25. elokuuta 2014

Internet kotikäytössä

Tutustu ja hae tietoa internetin avulla seuraavista asioista:

Etsi internetyhteyksiin liittyviä palveluita kotikäyttäjille tarjoavia yhtiöitä ja yhteisöjä. Tee näistä hinta- ja ominaisuusvertailuja; paljonko maksaa ja mitä ominaisuuksia ko hinnalla saa? Mitä kaikkia tulisi ottaa huomioon kun valitaan internetpalveluntarjoajaa?

Tutustu myös erilaisiin sähköpostipalveluihin
Minkälaisia sähköpostipalveluita löysit? Kuka tarjoaa ja mitä maksaa?

Millaisia palveluita ottaisit itsellesi? Perustele vastauksesi.

Kirjoita vastauksesi omaan blogiisi.

torstai 21. elokuuta 2014

Tietoturva

Pohdi, hae tietoa ja kirjoita mitä eri asioita tulee ottaa huomioon seuraavien kohdalla:

- Laitteiston suojaaminen internetkäytössä
- Sähköpostin käytössä
- Internetselailussa
- Omien tietojen antamisessa verkossa
- Yleisten koneiden käyttämisessä (esim. kirjasto)

Kerro myös joka kohtaan, mitä uhkia vastaan ja miten tulisi suojautua?

Miten pystyt itse parantamaan omaasi ja tietokoneesi tietoturvaa?

Kirjoita tietoturva-aiheinen pohdintasi blogiisi otsikolla Tietoturva.
Muista linkittää lähteisiin.