Tekstit

Omat kotisivut

Kuva
Teemme kurssiharjoituksena ensimmäiset omat kotisivut. Tarkoituksena on opetella HTML koodauksen perusteet. Jokainen luo oman sivuston (väh. 3 sivua), jossa sivut on linkitetty toisiinsa. Tässä vaiheessa tehtävän painopiste on sivujen teknisessä toiminnassa. mm. linkit, kuvat jne. Tulevaisuuden kursseilla tulemme keskittymään myös sisältöön ja ulkoasuun. Kun saat sivut valmiiksi, pakkaa sivut kuvineen .zip muotoon ja tallenna paketti Google Driveesi, jaa se ja linkitä paketti omaan blogiisi arviointia varten. Kerro samalla mitä olet oppinut tähän mennessä netissä toimimisesta ja nettisivujen tekemisestä.

CSS parametrit

CSS tyylit ovat tänä päivänä tärkein työkalu html sivujen ulkoasun ja asettelun muokkaamiseen. Tee itsellesi muistilista mielestäsi 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;} ----

Korjaa koodi

Kopioi seuraava html-koodi Muistioon ( Macissa Texturi, muunna pelkäksi tekstiksi ) ja tallenna se .html muotoon. 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ä. 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> ...

HTML rakenne

Kuva
HTML PERUSRAKENNE <html> <head> Tänne sijoitetaan sivujen ohjauselementit </head> <body> Tänne tulee sivujen näkyvä sisältö </body> </html> -----------------------------------------------------

Tekijänoikeudet

Avaa seuraavat sivut: http://www.valokuvaajaksi.fi/valokuvaajan-tyo/tekijanoikeudet/ http://www.digicamera.net/armi/w3kurs/tekoik.htm http://kuvasto.fi/kuvaoikeuksien-abc/ 1. Tutustu yllä olevien linkkien avulla tekijänoikeuksiin. 2. Tee kymmenen (10) kohdan listä asioista, joita pitää noudattaa, kun käyttää kuvia omissa töissään. EI copypastea vaan selkeitä lyhyitä ohjeita. Tarkasta kielioppi ja oikeinkirjoitus. 3. Mene osoitteeseen  http://www.flickr.com • Kirjoita hakusana (englanniksi) oikealle ylös, Valitse Any lincense-valikosta All creative commons. Tuo tehtävääsi jokin kuva ihmisestä kasvista rakennuksesta Vapaasti käytettäviä kuvia löytyy myös Googlen kuvahausta, kun valitsee kuvahausta Hakutyökalut -> käyttöoikeudet ja sieltä sopivan suodatuksen käyttöluvan perusteella. (Jos epäilee kuvan alkuperää, käänteisellä kuvahaulla voi tarkistaa, mistä lähteistä kuva on alunperin kotoisin) Valitse jokin kuva eläimestä ja liitä se tehtävänpalautuks...

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.

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!