TIEDEJUTTUKURSSI FM VILLE SALMINEN

Koko: px
Aloita esitys sivulta:

Download "TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN"

Transkriptio

1 TIEDEJUTTUKURSSI FM VILLE SALMINEN

2 YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT

3 VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word Kotisivujen tekoon suunnatut ohjelmat Esimerkiksi Microsoft FrontPage ja Adobe Dreamweaver Kurssilla käytetty ohjelma Dreamweaver FTP-ohjelma

4 HTML

5 ESIMERKKI OULUN YLIOPISTON MEDICAL HUMANITIES GROUPIN KOTISIVU

6 HTML WWW-sivuilla voi olla monenlaista sisältöä, kuten grafiikkaa, kirjoitusta, kaavakkeita, ääntä ja videota jne. Sisältö voidaan esittää monilla eri tavoilla Jokainen WWW-sivu on erilainen, mutta useimmiten sivuja yhdistää se, että ne on luotu kättämällä HTML-kieltä (Hypertext Markup Language) HTML-dokumentit, joista WWW-sivut muodostuvat, ovat Tekstitiedostoja, jotka sisältävät ohjausmerkkejä

7 HTML-OHJAUSMERKIT Ohjausmerkit merkitään HTML-kielessä merkkien < ja > väliin Esim. <html> aloittaa HTML-dokumentin ja </html> lopettaa sen Ohjausmerkit kertovat selaimelle, kuinka sen pitää esittää sivu

8 SELAIMET Käyttäjän käyttämä ohjelma WWW-sivujen katseluun Saatavilla useita erilaisia selaimia: mm. Google Chrome, Microsoft Internet Explorer, Mozilla Firefox jne. WWW-sivuja luotaessa on otettava huomioon, että eri selaimilla saattaa olla joitakin erityispiirteitä Yleensä selaimet hakevat selattavat sivut WWWpalvelimelta Selaimella voi kuitenkin avata myös omalla koneella olevia HTML-dokumentteja ennen kuin näitä on siirretty palvelimelle

9 WWW-PALVELIMET Tietokone, joka on kiinteässä yhteydessä Internetiin suorittaa palvelinohjelmistoa vastaa WWW-selainten kutsuihin saada WWW-sivuja käyttöönsä Melkein mikä vain tietokone voi olla WWW-palvelin Palvelimet ovat kuitenkin yleensä palvelinkäyttöön pyhitettyjä koneita Saatavilla lukematon määrä valmiita palvelimia, joista voi ostaa kotisivutilaa

10 URL Universal Resource Locator Internet sisältää lukemattoman määrän erilaisia resursseja, joista jokainen on linkattavissa Linkkaamisessa käytetään resurssin sijaintia, jonka kertoo URL-osoite

11 URL JA SEN KOMPONENTIT protokolla verkkotunnus tai verkkonimi /hutk/historia/ polku index.html tiedoston (resurssin) nimi

12 HTML-KIELEN SYNTAKSI JA SÄÄNNÖT HTML on yksinkertainen kieli WWW-sivujen sisällön kuvailemiseen selaimelle HTML-kielessä kolmenlaisia komponentteja: Elementeiksi kutsutaan eri ohjausmerkkien erottamia osia HTML-dokumentista Attribuutit kertovat lisätietoja kustakin elementistä Entiteetit ovat erikoismerkkejä, kuten esimerkiksi ääkköset

13 HTML: ELEMENTIT Elementit ovat HTML-kielen rakennuspalikoita Elementtejä on kahdenlaisia: Sellaisia, jotka koostuvat ohjausmerkkiparista ja niiden (aloittavan ja lopettavan ohjausmerkin) väliin jäävästä sisällöstä Esimerkiksi tekstikappale <p>tervetuloa!</p> Sellaisia, jotka sijoittavat jotakin sivulle vain yhtä ohjausmerkkiä käyttäen Esimerkiksi rivinvaihto <br />

14 HTML: ATTRIBUUTIT Attribuutit määrittävät elementtejä täsmällisemmin Esimerkiksi elementti <img /> käyttää attribuuttia src määrittelemään kuvan sijainnin <img src= kuvat/logo.png alt= Logo height= 100 width= 400 /> Elementti <img /> kertoo selaimelle, että sivulle halutaan kuva; attribuutti src kertoo puolestaan halutun kuvan sijainnin ja nimen Muut attribuutit height ja width kertovat, kuinka kuva näytetään (kuvan koko), kun taas attribuutti alt on kuvasta kertova teksti (esimerkiksi tekstipohjaisia selaimia varten)

15 HTML: ATTRIBUUTIT Attribuutit sisällytetään aloittavan ohjausmerkin sisään: <ohjausmerkki attribuutti= arvo attribuutti= arvo > Kaikki HTML-kielen elementit ja attribuutit listattu HTML-kieltä kehittävän yritysten ja yhteisöjen yhteenliittymän W3C:n kotisivulla:

16 HTML: ENTITEETIT Entiteetitejä käytetään ASCII-merkistöön (American Standard Code for Information Interchange) kuulumattomien merkkien näyttämiseen WWWsivulla Selain korvaa entiteetin sitä vastaavalla merkillä Entiteetit alkavat &-merkillä ja päättyvät puolipisteeseen Esimerkiksi ä-kirjain kirjoitetaan HTML-dokumenttiin ä

17 HTML: ENTITEETIT <html> <head> <title>villen kotisivu</title> </head> <body background= kuva.jpg > <p>tämä on Villen kotisivu.</p> </body> </html>

18 HTML: KOMMENTOINTI HTML-dokumenttiin voi lisätä kommentteja helpottamaan kirjoitetun koodin ymmärtämistä: Kommentti aloitetaan merkkijonolla <!-- ja lopetetaan merkkijonolla --> Esimerkki: <title>villen kotisivu</title> <!-- Teksti näytetään selaimen otsikkopalkissa, kun sivua selataan -->

19 HTML: TEKSTIN MUOTOILU Tekstiä voi muotoilla body-osiossa käyttämällä erilaisia otsikoita <h1>, <h2>,, <h6> Tekstiä voi jakaa kappaleisiin käyttämällä ohjausmerkkejä <p> ja </p> Rivinvaihto saadaan aikaan ohjausmerkillä <br /> ja horisontaalinen viiva merkillä <hr /> Tekstiä on lisäksi mahdollista muotoilla esimerkiksi erilaisiksi hierarkkisiksi listoiksi ja taulukoiksi Taulukoista ks. esim.

20 HTML: LINKIT Linkit keskeinen osa nettiä: ilman niitä netiltä puuttuisi kokonaan verkkomainen rakenne Linkit voivat viitata sivun ulkoiseen sisältöön Mutta ne mahdollistavat myös siirtymisen yhdeltä sivulta seuraavalle jonkin sivuston sisällä Sekä hyppäämisen johonkin kohtaan yhden sivun sisällä Linkit luovat sivustoon järjestyksen ja rakenteen

21 HTML: LINKIT Tarvitset linkin luodaksesi: Tiedoston tai sivun URL-osoitteen (http://...) Tekstin kuvaamaan linkkiä (esimerkiksi: Lue lisää ) Elementin <a> ja attribuutin href Esimerkki: <p>lue Oulun <a href= >kulttuuritarjonnasta</a ></p>

22 HTML: LINKIT Absoluuttisissa linkeissä käytetään kokonaista URLosoitetta yhdistämään selain WWW-sivuun tai muuhun resurssiin (esim. Relatiivissa linkeissä riittää URL-osoitteen lyhentäminen pelkästään esimerkiksi polkuun ja tiedoston nimeen (esim. /kuvat/index.html) Relatiivisia linkkejä käytetään linkeissä, jotka viittaavat saman verkkotunnuksen alla oleviin sivuihin Esim. <p>read more about <a href= me.html >me</a></p>

23 HTML: LINKIT Esimerkki linkkaamisesta saman sivun sisällä: <html> <head><title>linkit</title></head> <body><h1><a name= top ><a/>otsikko</h1> <p> </p> <p><a href="#top">takaisin ylös</a></p> </body> </html>

24 HTML: LINKIT Linkin luominen kuvaan: <a href=http://www.oulu.fi/kulttuuri/><img src= b.jpg ></a> Linkin luominen sähköpostiin: <a href= >Lähetä meille sähköpostia</a>

25 KUVIEN KÄYTTÖ NETISSÄ Kuvat voivat olla muun muassa logoja, klikattavia navigointivälineitä tai ne voivat olla osa sisältöä Vain muutamat kuvaformaatit ovat soveltuvia nettikäyttöön Usein kuvaformaatit ovat käyttöjärjestelmä- tai ohjelmistokohtaisia, mutta www-sivun ylläpitäjä ei arvatenkaan voi ennustaa esimerkiksi sivuilla vierailevan käyttöjärjestelmää Kuvien pitää olla mahdollisimman monenlaisten kokoonpanojen käytettävissä

26 KUVIEN KÄYTTÖ NETISSÄ Kuvien käytössä keskeistä pitää kuvien koko riittävän matalana ja laatu korkeana Saatavilla paljon hyviä ja ilmaisia oppaita kuvien optimointiin: Esim. imisation.html

27 KUVIEN KÄYTTÖ NETISSÄ Vain nämä kolme kuvaformaattia ovat nettikäyttöön suositeltavia: GIF, JPEG ja PNG GIF-kuvaformaatti soveltuu yksinkertaisiin, vähän värejä ja vähän yksityiskohtia sisältäviin kuviin Älä käytä valokuvissa tai muissa monimutkaisissa kuvissa JPEG-kuvaformaatti soveltuu kuviin, jotka sisältävät miljoonia värejä ja paljon yksityiskohtia PNG-kuvaformaatti soveltuu samoin kuviin, jotka sisältävät miljoonia värejä ja paljon yksityiskohtia

28 CSS Cascading Style Sheets Tyyliohjeiden laji erityisesti WWW-dokumenteille CSS:llä dokumentille voi määritellä ulkoasun, kuten käytettävät kirjasinlajit, värit jne. CSS:llä annetut säännöt ehdottavat, kuinka dokumentti voitaisiin esittää Eivät ole ehdottomia, vaan ne voi halutessa kiertää Käytännössä CSS:ää käytetään niin, että esimerkiksi HTML-dokumenttiin lisätään viittaus CSSdokumenttiin

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa.

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa. TAULUKKO 1 Taulukoiden avulla voidaan informaatio esittää havainnollisesti esimerkiksi palstoitettuna. Lisäksi voidaan sijoittaa eri elementit haluttuihin paikkoihin (taulukkotaitto). Taulukko luodaan

Lisätiedot

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus

Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Laajuus 5 op Luennot: 12 x 2t 11.3.2014 29.4.2014 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Aulikki Hyrskykari

Lisätiedot

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

4. Lausekielinen ohjelmointi 4.1

4. Lausekielinen ohjelmointi 4.1 4. Lausekielinen ohjelmointi 4.1 Sisällys Konekieli, symbolinen konekieli ja lausekieli. Lausekielestä konekieleksi: - Lähdekoodi, tekstitiedosto ja tekstieditorit. - Kääntäminen ja tulkinta. - Kääntäminen,

Lisätiedot

HTML5 -elementit jatkuu

HTML5 -elementit jatkuu HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"

Lisätiedot

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000

Lisätiedot

Asko Ikävalko, k0201291 22.2.2004 TP02S-D. Ohjelmointi (C-kieli) Projektityö. Työn valvoja: Olli Hämäläinen

Asko Ikävalko, k0201291 22.2.2004 TP02S-D. Ohjelmointi (C-kieli) Projektityö. Työn valvoja: Olli Hämäläinen Asko Ikävalko, k0201291 22.2.2004 TP02S-D Ohjelmointi (C-kieli) Projektityö Työn valvoja: Olli Hämäläinen Asko Ikävalko LOPPURAPORTTI 1(11) Ratkaisun kuvaus Käytetyt tiedostot Tietuerakenteet Onnistuin

Lisätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - tyylit. 13.11.2000 Seppo Räsänen CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Tiedostot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi työpöydältä raahata

Lisätiedot

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti

Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti 1 XHTML - aloitus Sisältö: s.2 Taustaa s.4 Elementin rakenne s.7 XHTML dokumentti s.8 DOCTYPE s.11 html s.13 head s.14 meta s.16 title s.17 link s.18 style s.19 body s.22 Lohko- ja inline-elementit s.23

Lisätiedot

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita

Lisätiedot

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets CSS - Cascading Style Sheets tyylikuvauskieli suunniteltu HTML:ää varten 1996, oma syntaksi CSS1 (1996), CSS2 (1998), CSS Mobile Profile CSS3 (tuleva) selaintuki nykyään hyvä, mutta

Lisätiedot

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda

Lisätiedot

Tuplaturvan tilaus ja asennusohje

Tuplaturvan tilaus ja asennusohje Tuplaturvan tilaus ja asennusohje 1. Kirjaudu lähiverkkokauppaan omilla tunnuksillasi tai luo itsellesi käyttäjätunnus rekisteröitymällä Lähiverkkokaupan käyttäjäksi. a. Käyttäjätunnus on aina sähköpostiosoitteesi.

Lisätiedot

Hakukoneoptimoinnin ABC

Hakukoneoptimoinnin ABC Hakukoneoptimoinnin ABC Sisältö Mitä on hakukoneoptimointi? Miten hakukoneoptimointia tehdään? Miten valitset oikeat hakusanat? Miten pääsee Googlen hakutuloksissa ensimmäiselle sivulle? Mitä on hakukoneoptimointi?

Lisätiedot

www.kotisivukone.fi Pikaopas kotisivujen tekoon

www.kotisivukone.fi Pikaopas kotisivujen tekoon Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet kirjautunut sisään kotisivuillesi, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen

Lisätiedot

TIEDONHAKU INTERNETISTÄ

TIEDONHAKU INTERNETISTÄ TIEDONHAKU INTERNETISTÄ Internetistä löytyy hyvin paljon tietoa. Tietoa ei ole mitenkään järjestetty, joten tiedonhaku voi olla hankalaa. Tieto myös muuttuu jatkuvasti. Tänään tehty tiedonhaku ei anna

Lisätiedot

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA Vision-ohjelmistoa käyttävät opettajat voivat nyt muodostaa luokan, jossa on yhdistelmä Windows-pohjaisia

Lisätiedot

VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet

VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet Pekka Penttala 9.11.2008 1 (11) VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet VJS-96 Black Panthers joukkueen www-sivujen käyttöohjeet... 1 1 Yleistä www-sivujen käytöstä... 2 2 Sivujen osoitteet...

Lisätiedot

QR-koodit INNOSTAVAA HAUSKAA PALJON KÄYTTÖTAPJA HELPPOA ILMAISTA MOTIVOIVAA

QR-koodit INNOSTAVAA HAUSKAA PALJON KÄYTTÖTAPJA HELPPOA ILMAISTA MOTIVOIVAA QR-koodit QR-koodit INNOSTAVAA HAUSKAA PALJON KÄYTTÖTAPJA HELPPOA MOTIVOIVAA ILMAISTA QR-koodi paljon tietoa Koodin avulla pääsee nopeasti halutulle verkkosivulle tai esim. YouTube-videoon ilman osoitteen

Lisätiedot

Johdatusta selainohjelmointiin

Johdatusta selainohjelmointiin Johdatusta selainohjelmointiin Ohjelmat ja tyylit selaimessa ja HTML Jaana Holvikivi Selaimet ja HTML Selaimet: Internet Explorer, Exchange Firefox, Chrome Opera 10 Safari 4 Lukevat HTML sivuja ja asettelevat

Lisätiedot

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja:

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja: Ohjeita järjestöpankin käytön tueksi Huomioitavaa:... 1 1 Sisäänkirjautuminen... 2 2 Sivun/henkilökortin muokkaaminen... 2 3 Uutisen/sivun/tapahtuman, tms. lisääminen... 3 4 Uutisen/tapahtuman saaminen

Lisätiedot

24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN

24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN 24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN 24Mags Asiakaspalvelu support@24mags.com 020 734 0570 1 SISÄLLYSLUETTELO 1. Uuden julkaisun luominen 3 1.1 Julkaisun nimi 3 1.2 Ladattava PDF-tiedosto 3 1.3 pakkauslaatu

Lisätiedot

helsingintaiteilijaseura.fi WordPress-pikaohjeet

helsingintaiteilijaseura.fi WordPress-pikaohjeet 1/12 helsingintaiteilijaseura.fi WordPress-pikaohjeet Sisällysluettelo 1. Ohjausnäkymä...1 2. Työkalupakki... 2 3. Artikkelit, Näyttelyt ja Sivut...3 4. Artikkelin lisäys tai muokkaus... 4 Artikkelikuvan

Lisätiedot

Yrityspalvelujärjestelmä

Yrityspalvelujärjestelmä Yrityspalvelujärjestelmä Voit tehdä tyylikkäät nettisivut yrityksellesi YPJ:n sivueditorilla. Sivueditorin avulla on helppoa päivittää ittää ja ylläpitää sivuja silloin, i kun sinulle parhaiten sopii.

Lisätiedot

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016 / / WordPress KÄYTTÖOHJE Sotkamo 2016 Sisältö Sisältö 1. Yleistä 2. Kirjautuminen ylläpitoon 2.1. Kirjaudu osoitteessa: http://sotkamo.valudata.fi/admin Myöhemmin: http://www.sotkamo.fi/admin 2.2 Salasana

Lisätiedot

Internetsivujen perusrakenne. Html-dokumentin keskeiset elementit ja attribuutit

Internetsivujen perusrakenne. Html-dokumentin keskeiset elementit ja attribuutit Internetsivujen perusrakenne Html-dokumentin keskeiset elementit ja attribuutit Websivu html-dokumentti Internetsivun rakenne kuvataan html-kielellä Html-dokumentti on tekstimuotoinen tiedosto, jossa luetellaan

Lisätiedot

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta. 3 HTML ja XHTML Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Lisätiedot

2. PEHMEÄ XHTML XRAJAHTML

2. PEHMEÄ XHTML XRAJAHTML Luennot 1. Intro 2. PEHMEÄ XHTML XRAJAHTML Dokumentin (matalan tason) rakenne DOCTYPE ja merkistökoodaukset Elementtien syvät rajat 3. CSS 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys &

Lisätiedot

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely. XML prosessointi Miten XML dokumentteja luetaan ja kirjoitetaan XML prosessori lukee ja välittää XML dokumentin sovellukselle. Se sisältää entieettikäsittelijän (mahdollisesti) XML jäsentimen Sovellus

Lisätiedot

Webinaariin liittyminen Skype for

Webinaariin liittyminen Skype for Webinaariin liittyminen Skype for Business Web Appin kautta Ohjeet Sähköpostin Liity webinaariin tästä -linkki Kun klikkaat Osallistumisohjeet webinaariin -sähköpostiviestissä olevaa Liity webinaariin

Lisätiedot

WWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa

WWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa WWW ja tietokannat WWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa tekstiä, kuvia, hyperlinkkejä Staattiset sivut kirjoitettu kerran, muuttaminen käsin ongelmana pysyminen ajantasalla Ylläpito hankalaa,

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

Alkuun HTML5 peliohjelmoinnissa

Alkuun HTML5 peliohjelmoinnissa Paavo Räisänen Alkuun HTML5 peliohjelmoinnissa www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida ja levittää ei kaupallisissa tarkoituksissa. Sisällysluettelo 1: Alkusanat 2: Alkuun 3: Pelinäkymä

Lisätiedot

Visma Nova. Visma Nova ASP käyttö ja ohjeet

Visma Nova. Visma Nova ASP käyttö ja ohjeet Visma Nova Visma Nova ASP käyttö ja ohjeet Oppaan päiväys: 2.2.2012. Helpdesk: http://www.visma.fi/asiakassivut/helpdesk/ Visma Software Oy pidättää itsellään oikeuden mahdollisiin parannuksiin ja/tai

Lisätiedot

Adobe Acrobat Edistynyt käyttö

Adobe Acrobat Edistynyt käyttö Edistynyt käyttö Kari J Keinonen 2008 Asiantuntijaosuuskunta Käyttöoikeustiedot Adobe Acrobat Tämän materiaalin sisältö on suojattu tekijänoikeuslain, muiden asiaa käsittelevien lakien ja kansainvälisten

Lisätiedot

Sangen lyhyt L A T E X-johdatus

Sangen lyhyt L A T E X-johdatus Sangen lyhyt L A T E X-johdatus Lari Koponen ja Eetu Ahonen 23.1.2013 Koulutuksen tavoitteet Koulutuksen jälkeen pystyy kirjoittamaan työselostuksen L A T E X:illa, eli Dokumentin rakenne tutuksi Tekstin

Lisätiedot

Näin järjestän ohjelmointikurssin, vaikka en ole koskaan ohjelmoinut www.helsinki.fi

Näin järjestän ohjelmointikurssin, vaikka en ole koskaan ohjelmoinut www.helsinki.fi Näin järjestän ohjelmointikurssin, vaikka en ole koskaan ohjelmoinut Ohjelmointikurssin järjestäminen Helsingin yliopiston Ohjelmoinnin MOOC-kurssimateriaalin avulla 15.4.2016 1 Linkki Tietojenkäsittelytieteen

Lisätiedot

Pääkäyttäjäkoulutus 5.3.2013 Jarno Malaprade

Pääkäyttäjäkoulutus 5.3.2013 Jarno Malaprade Pääkäyttäjäkoulutus 5.3.2013 Jarno Malaprade Toiveita agendaksi Sivuston asetusten Lisäasetuksetvälilehden eri kenttien merkitys ja niiden sisällön optimointi Yleisesti tietoa, mitä pääkäyttäjä voi kotisivuille

Lisätiedot

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 2015 Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 1 Sisällysluettelo 1. Sivustolle rekisteröityminen... 2 2. Yrityksen lisääminen... 3 2.1. Yritystiedot...

Lisätiedot

6 XML-työkalut 1. 6 XML-työkalut

6 XML-työkalut 1. 6 XML-työkalut 6 XML-työkalut 1 6 XML-työkalut XML:n periaatteiden tutustumisen jälkeen on helpompi tutustua XML-dokumenttien käsittelyyn ja katseluun suunniteltuja työkaiuja. XML:n yleistymisen pahin pullonkaula on

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

HENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU

HENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU HENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU Emilia Ketola Eurajoen kristillinen opisto Avat 2015-2016 1 Johdanto... 3 2 Käsikirjoitusprosessi... 4 3 Käyttöliittymäsuunnittelu...

Lisätiedot

Etäkokousohjeet HUS:n ulkopuolisille ammattilaisille, joilla on käytössä VRK-kortti

Etäkokousohjeet HUS:n ulkopuolisille ammattilaisille, joilla on käytössä VRK-kortti Etäkokousohjeet HUS:n ulkopuolisille ammattilaisille, joilla on käytössä VRK-kortti Tämä ohje on tarkoitettu HUS:n ulkopuolella, muussa sairaanhoitopiirissä työskentelevälle ammattilaiselle, jolla on käytössä

Lisätiedot

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad)

Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Lync WebApp -ohje 1 (13) Liittyminen Sovelton Online-tapahtumaan Microsoft Lync Web App -selainlaajennuksella (Windows, MAC ja ipad) Huom. Kaikki käyttöjärjestelmät ja selainohjelmat eivät ole tuettuja.

Lisätiedot

ULLA SANNIKKA. SENIORIN TIETOKONEOPAS Windows 10

ULLA SANNIKKA. SENIORIN TIETOKONEOPAS Windows 10 ULLA SANNIKKA SENIORIN TIETOKONEOPAS Windows 10 TALENTUM Helsinki 2015 11., uudistettu painos Talentum Media Oy ja Ulla Sannikka ISBN 978-952-14-2582-0 ISBN 978-952-14-2583-7 (sähkökirja) ISBN 978-952-14-2584-4

Lisätiedot

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU ,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU Tässä pääsette tutustumaan Internet Explorerin (IE) käyttöön. Muitakin selainversioita löytyy, kuten esimerkiksi Netscape, Opera ja Mozilla. Näiden muiden selainten

Lisätiedot

Worldpress ohje. Artikkelin kirjoittaminen, päivittäminen, kuvan, linkin, lomakkeen ja Google-kalenterimerkkinnän lisääminen

Worldpress ohje. Artikkelin kirjoittaminen, päivittäminen, kuvan, linkin, lomakkeen ja Google-kalenterimerkkinnän lisääminen Worldpress ohje Artikkelin kirjoittaminen, päivittäminen, kuvan, linkin, lomakkeen ja Google-kalenterimerkkinnän lisääminen Kun päivität sivuja, kirjaudu omalla salasanalla ja lisäksi jäsenten yhteisellä

Lisätiedot

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. CSS1 CSS (Cascading Style Sheets) CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. Esim.

Lisätiedot

HTML5 & CSS3 perusteet

HTML5 & CSS3 perusteet Verkkokurssin tuotantoprosessi kurssin harjoitustyönä suunniteltu toteutettavissa oleva verkkokurssi. HTML5 & CSS3 perusteet Sisältö: 1. Ideointi 2. Tausta-analyysi 3. Sisällön suunnittelu 4. Pedagoginen

Lisätiedot

MOODLE 2.5 OPISKELIJAN PIKAOPAS. Hyvinkään lukiot. Versiota päivitetään myöhemmin

MOODLE 2.5 OPISKELIJAN PIKAOPAS. Hyvinkään lukiot. Versiota päivitetään myöhemmin MOODLE 2.5 OPISKELIJAN PIKAOPAS Hyvinkään lukiot Versiota päivitetään myöhemmin Sisältö 1 Yleistä Moodlen käytöstä 1.1 Oma kotisivu 1.2 Profiilin muokkaaminen 1.3 Viestintäasetukset 1.4 Kurssille rekisteröityminen

Lisätiedot

Dokumentin nimi LOGO:) Tampereen teknillinen yliopisto. Ryhmä XXX: Projektiryhmän nimi Projektin nimi

Dokumentin nimi LOGO:) Tampereen teknillinen yliopisto. Ryhmä XXX: Projektiryhmän nimi Projektin nimi Tampereen teknillinen yliopisto Ohjelmistotekniikan laitos OHJ-3500 Ohjelmistotuotannon projektityö LOGO:) Ryhmä XXX: Projektiryhmän nimi Projektin nimi Dokumentin nimi Jakelu: (Ryhmä) (Kurssihenkilökunta)

Lisätiedot

Google Forms / Anna Haapalainen. Google Forms Googlen lomake-työkalu

Google Forms / Anna Haapalainen. Google Forms Googlen lomake-työkalu Google Forms Googlen lomake-työkalu Google Forms / Anna Haapalainen Googlen lomaketyökalulla on helppoa tehdä sähköisiä kyselyitä, tehtäviä tai kokeita. Voidaksesi luoda Googlen lomakkeita, sinulla tulee

Lisätiedot

Hallintakeskus. 1.6.2011-30.6.2011 Vertailu: Sivusto. 4 645 Käynnit. 55,59 % poistui välittömästi. 00:01:38 aikaa käytettiin keskimäärin

Hallintakeskus. 1.6.2011-30.6.2011 Vertailu: Sivusto. 4 645 Käynnit. 55,59 % poistui välittömästi. 00:01:38 aikaa käytettiin keskimäärin Hallintakeskus 1.6.211-3.6.211 3 3 15 15 6. kesäkuuta 13. kesäkuuta 2. kesäkuuta 27. kesäkuuta Sivuston käyttö 4 645 55,59 % poistui välittömästi 14 927 Sivun katselut :1:38 aikaa käytettiin keskimäärin

Lisätiedot

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun SÄHKÖPOSTIOHJE Opiskelijoiden Office 365 for Education -palveluun 1 Ohjeen nimi Vastuuhenkilö Sähköpostiohje Järjestelmäasiantuntija Pekka Patrikka Voimaantulo 15.08.2013 Muutettu viimeksi 16.08.2013 Tarkistettu

Lisätiedot

Ylläpitoalue - Etusivu

Ylläpitoalue - Etusivu Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut

Lisätiedot

Hallintakeskus. 1.8.2011-31.8.2011 Vertailu: Sivusto. 5 674 Käynnit. 54,25 % poistui välittömästi. 19 726 Sivun katselut

Hallintakeskus. 1.8.2011-31.8.2011 Vertailu: Sivusto. 5 674 Käynnit. 54,25 % poistui välittömästi. 19 726 Sivun katselut Hallintakeskus 1.8.211-31.8.211 4 4 2 2 Sivuston käyttö 5 674 54,25 % poistui välittömästi 19 726 Sivun katselut :2:1 aikaa käytettiin keskimäärin 3,48 sivua/käynti 55,76 % uusia käyntejä Kartta 3 15 3

Lisätiedot

GroupWise Calendar Publishing Host User

GroupWise Calendar Publishing Host User GroupWise 8 Calendar Publishing Host User 8 17. lokakuu 2008 Novell GroupWise Calendar Publishing Host User PIKAKÄYNNISTYS www.novell.com YLEISTÄ Novell GroupWise Calendar Publishing Host User on Web-pohjainen

Lisätiedot

Epooqin perusominaisuudet

Epooqin perusominaisuudet Epooqin perusominaisuudet Huom! Epooqia käytettäessä on suositeltavaa käyttää Firefox -selainta. Chrome toimii myös, mutta eräissä asioissa, kuten äänittämisessä, voi esiintyä ongelmia. Internet Exploreria

Lisätiedot

UpdateIT 2010: Uutisten päivitys

UpdateIT 2010: Uutisten päivitys UpdateIT 2010: Uutisten päivitys Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com 2 Sisällys Uutisen lisääminen... 1

Lisätiedot

Webforum. Version 16.1 uudet ominaisuudet. Päivitetty:

Webforum. Version 16.1 uudet ominaisuudet. Päivitetty: Webforum Version 16.1 uudet ominaisuudet Päivitetty: 2016-03-21 Sisältö Tietoja tästä dokumentista... 3 Yleistä... 4 Aloita sivu / Dashboard... 5 Tekstin muotoilu uutisissa... 5 Muuta... 5 Dokumentit...

Lisätiedot

Toimita nämä mainosmuodot 3 arkipäivää ennen kampanjan alkua: JPG, GIF, PNG, Flash ja kolmannen osapuolen tagin takaa ladattavat aineistot

Toimita nämä mainosmuodot 3 arkipäivää ennen kampanjan alkua: JPG, GIF, PNG, Flash ja kolmannen osapuolen tagin takaa ladattavat aineistot Onlineaineisto Onlineaineiston toimitus: onlinetrafiikki@aller.fi Toimita nämä mainosmuodot 3 arkipäivää ennen kampanjan alkua: JPG, GIF, PNG, Flash ja kolmannen osapuolen tagin takaa ladattavat aineistot

Lisätiedot

Etäkokousohjeet ammattilaisille, jotka eivät työskentele HUS:n palveluksessa ja eivät omista VRK-korttia

Etäkokousohjeet ammattilaisille, jotka eivät työskentele HUS:n palveluksessa ja eivät omista VRK-korttia Etäkokousohjeet ammattilaisille, jotka eivät työskentele HUS:n palveluksessa ja eivät omista VRK-korttia Tämä ohje on tarkoitettu ammattilaisille, jotka työskentelevät HUS:n ulkopuolella ja eivät omista

Lisätiedot

OPTIMAverkko-oppimisalusta KÄYTTÖOPAS OPISKELIJALLE. Riitta Tammenoksa Pertti Heikkilä 10.11.2006 Versio 0.2 (luonnos)

OPTIMAverkko-oppimisalusta KÄYTTÖOPAS OPISKELIJALLE. Riitta Tammenoksa Pertti Heikkilä 10.11.2006 Versio 0.2 (luonnos) OPTIMAverkko-oppimisalusta KÄYTTÖOPAS OPISKELIJALLE Riitta Tammenoksa Pertti Heikkilä 10.11.2006 Versio 0.2 (luonnos) 1 (18) SISÄLTÖ 1 Optimaan kirjautuminen... 2 2 Salasanan vaihto... 2 3 Optiman sivujen

Lisätiedot

Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10. Sanoma Pro digikirjat verkkopalvelu... 2. Yleistä... 2. Laitteistovaatimukset...

Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10. Sanoma Pro digikirjat verkkopalvelu... 2. Yleistä... 2. Laitteistovaatimukset... - 1 - Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10 Sanoma Pro digikirjat verkkopalvelu... 2 Yleistä... 2 Laitteistovaatimukset... 2 Sisäänkirjautuminen... 2 Uloskirjautuminen... 3

Lisätiedot

ESRC:n uusiutumassa olevat kotisivut on toteutettu WordPress-ohjelmalla (WP). Samaa ohjelmaa käyttävät menestyksellä ainakin SSql, HSRC ja JSK.

ESRC:n uusiutumassa olevat kotisivut on toteutettu WordPress-ohjelmalla (WP). Samaa ohjelmaa käyttävät menestyksellä ainakin SSql, HSRC ja JSK. PIKAOHJEET VIESTIEN KÄYTTÖÖN ESRC:N KOTISIVUILLA Versio 3, 27.12.2006 ESRC:n uusiutumassa olevat kotisivut on toteutettu WordPress-ohjelmalla (WP). Samaa ohjelmaa käyttävät menestyksellä ainakin SSql,

Lisätiedot

NÄYTÖN JAKAMINEN SELAIMEN KAUTTA YHDISTÄVIEN OPPILAIDEN KANSSA

NÄYTÖN JAKAMINEN SELAIMEN KAUTTA YHDISTÄVIEN OPPILAIDEN KANSSA NÄYTÖN JAKAMINEN SELAIMEN KAUTTA YHDISTÄVIEN OPPILAIDEN KANSSA Vision 8.0:sta alkaen opettajat voivat muodostaa luokan, jossa on yhdistelmä Windowspohjaisia ja selainpohjaisia oppilaslaitteita, tai pelkästään

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 2010: Editorin käyttöohje UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...

Lisätiedot

Kaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy

Kaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy Opiskelijoiden OneDriveohje Kaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy Ohjeen nimi Opiskelijoiden OneDrive-ohje Vastuuhenkilö Mari Jokiniemi

Lisätiedot

ETÄPALVELU. HALTIK Videoportaali - osallistujan ohje

ETÄPALVELU. HALTIK Videoportaali - osallistujan ohje ETÄPALVELU HALTIK Videoportaali - osallistujan ohje 19.5.2015 Laitevaatimukset Tietokoneessa tulee olla asennettuna: Web-kamera Mikrofoni ja kaiuttimet tai kuulokkeet Tietokoneen internet selaimen tulee

Lisätiedot

OFFICE 365 KOULUKÄYTÖSSÄ. TIIVISTELMÄ Tästä oppaasta löydät ohjeita Office 365 palvelun peruskäyttöön koulutyössä. Office 365 for Education

OFFICE 365 KOULUKÄYTÖSSÄ. TIIVISTELMÄ Tästä oppaasta löydät ohjeita Office 365 palvelun peruskäyttöön koulutyössä. Office 365 for Education Olen saanut opettajalta ihan oman sähköpostiosoitteen, jonka loppu on @eduouka.fi. Voin kirjautua O365 palveluun omalla tunnuksella myös kotona. Tunnus on sama, jolla kirjaudun koulun tietokoneelle. Minulla

Lisätiedot

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu...

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu... Tärkeimmät toiminnot Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta Kun hiiren jättää kuvakkeen päälle vähäksi ajaksi Word selittää toiminnon Avaa tiedosto Tallenna Kumoa, nuolesta aiemmat

Lisätiedot

Vältä Internet Explorer selainta WebOodin käytössä ilmenneiden ongelmien vuoksi

Vältä Internet Explorer selainta WebOodin käytössä ilmenneiden ongelmien vuoksi Versiopäivitys 4.4., versiomuutoksia WebOodissa Vältä Internet Explorer selainta WebOodin käytössä ilmenneiden ongelmien vuoksi Kirjautumisen aikakatkaisu (30 min.): selaimen kysely ja muistutukset istunnon

Lisätiedot

HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA

HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 JOHDANTO...1 2 VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU...2 2.1 Käsikirjoitusprosessi...2

Lisätiedot

10 Nykyaikainen WWW-arkkitehtuuri

10 Nykyaikainen WWW-arkkitehtuuri 10 Nykyaikainen WWW-arkkitehtuuri è è è 10 Nykyaikainen WWW-arkkitehtuuri WWW on ylivoimaisesti suosituin hypertekstijärjestelmä. Käydään seuraavaksi läpi nykyaikaisen WWW-arkkitehtuurin perusteet. Vuonna

Lisätiedot

Juricon Nettisivu Joomlan käyttöohjeet

Juricon Nettisivu Joomlan käyttöohjeet Juricon Nettisivu Joomlan käyttöohjeet Sisällysluettelo Julkaisujärjestelmä hallinta... 3 Joomla-järjestelmän ylävalikolla on seuraavia:... 3 Valikot... 4 Kategoriat ja artikkelit... 5 Lisäosat ja moduulien

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1

Digitaalisen median tekniikat. JSP ja XML Harri Laine 1 Digitaalisen median tekniikat JSP ja XML 28.4.2004 Harri Laine 1 JSP hyvin lyhyesti JSP on Java-pohjainen skriptikieli JSP:llä laadittu sivu käännetään java-servletiksi (sivun toteutus vastaa servlettiluokan

Lisätiedot

PILVIPALVELUT HYÖTYKÄYTÖSSÄ. Jarkko Muhonen TeamProg

PILVIPALVELUT HYÖTYKÄYTÖSSÄ. Jarkko Muhonen TeamProg PILVIPALVELUT HYÖTYKÄYTÖSSÄ Jarkko Muhonen TeamProg Mikä ihmeen pilvipalvelu? Pilvipalvelu tarkoittaa, että ohjelmat ja asiakirjat eivät sijaitse omalla koneella vaan jossakin internetissä sijaitsevalla

Lisätiedot

KURSSIX: KURSSIEN HALLINTA -OHJELMA. Kurssix-ohjelman esittely 2 Kirjautuminen 2 Käyttöliittymä 3

KURSSIX: KURSSIEN HALLINTA -OHJELMA. Kurssix-ohjelman esittely 2 Kirjautuminen 2 Käyttöliittymä 3 1 KURSSIX: KURSSIEN HALLINTA -OHJELMA -ohjelman esittely 2 Kirjautuminen 2 Käyttöliittymä 3 Kurssin luominen Kurssin lisääminen 4 Kurssitietojen muuttaminen 5 Kurssin poistaminen 5 Kurssin opettajan määrittely

Lisätiedot

Toimeentulotuen sähköinen asiointi - Käyttöohje 29.1.2016 1

Toimeentulotuen sähköinen asiointi - Käyttöohje 29.1.2016 1 Toimeentulotuen sähköinen asiointi - Käyttöohje 1 Tuetut selaimet Internet Explorer 11 tai uudempi. Microsoft on päättänyt Internet Explorerin (IE) versioiden 8, 9 ja 10 tuen. Mozilla Firefox 3.5. tai

Lisätiedot

OHJE 1 (14) Peruskoulun ensimmäiselle luokalle ilmoittautuminen Wilmassa

OHJE 1 (14) Peruskoulun ensimmäiselle luokalle ilmoittautuminen Wilmassa OHJE 1 (14) Peruskoulun ensimmäiselle luokalle ilmoittautuminen Wilmassa Wilman hakemukset ja muut lomakkeet EIVÄT NÄY mobiililaitteisiin asennettavissa Wilma-sovelluksissa. Huoltajan tulee siis käyttää

Lisätiedot

Turnitin-ohjelma käyttö opettajana Turnitin.comissa

Turnitin-ohjelma käyttö opettajana Turnitin.comissa 1 Turnitin-ohjelma käyttö opettajana Turnitin.comissa Sisällys 1 Turnitin -ohjelman käyttö Turnitin.comissa 2 1 Turnitin käyttötilin luominen 2 2 Kielen vaihtaminen 4 3 Kurssityötilan luominen 4 4 Luokan

Lisätiedot

Navistools Standard. Navistools

Navistools Standard. Navistools Navistools Standard Navistools on Naviswork pohjainen Asset management sovellus, jota käytetään laitoksen, infrakohteen tai rakennuksen elinkaarenaikasen tiedonhallintaan, suunnittelusta työmaavaiheen

Lisätiedot

Tekstinkäsittelystä. H4: Tekstinkäsittelyn perusharjoitus. Toimisto ohjelmista

Tekstinkäsittelystä. H4: Tekstinkäsittelyn perusharjoitus. Toimisto ohjelmista Tekstinkäsittelystä Toimisto ohjelmista OpenOffice vs. LibreOffice ODF (Open Document Format for Office Applications) LibreOfficen + ohjepaketti + kielityökalujen asennus Word 2003 vs. Word 2007 vs. Word

Lisätiedot

Vapaat ohjelmat matkalla

Vapaat ohjelmat matkalla Vapaat ohjelmat matkalla Arto Teräs Finnish Linux User Group FLUG ry Teemailta Helsinki, 24.5.2010 Kalvo 1(14) Tietotekniikka (loma)matkalla Eihän lomalla tarvitse koskea tietokoneisiin.

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004

Navigointi Verkkomultimedia ICT1tn004 Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Prologi Blogi voidaan määritellä verkkosivustoksi, johon yksi ihminen tai tietty ryhmä tuottaa ajankohtaista sisältöä. Blogi mahdollistaa omien ajatusten

Lisätiedot

Ohjeita kirjan tekemiseen

Ohjeita kirjan tekemiseen Suomen Sukututkimustoimisto on yhdessä Omakirjan kanssa tehnyt internetiin uuden Perhekirja-sivuston. Se löytyy osoitteesta: www.omakirja.fi -> Kirjat -> Perhekirja tai http://www.omakirja.fi/perhekirja?product=6

Lisätiedot

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin

Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Vaihdoitko puhelinta? Yhteystietojen siirto Lumian, iphonen ja Androidin välillä käy näin Tekniikka 11.10.2015 10:45 Olavi Koistinen, Helsingin Sanomat Yhteystietojen siirto Androidista iphoneen kuin Gmail-käyttäjätunnus.

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

Omahallinta.fi itsepalvelusivusto

Omahallinta.fi itsepalvelusivusto Turvapaketti Asennusohje 04/2016 Omahallinta.fi itsepalvelusivusto Kirjautuminen Palveluun kirjaudutaan osoitteessa https://oma.ipp.fi/ Palvelun käyttökielien valintapainikkeet (suomi/ruotsi) Käyttäjätunnus

Lisätiedot

EU Login. EU Login kirjautuminen. EU Login tilin luominen

EU Login. EU Login kirjautuminen. EU Login tilin luominen EU Login EU Login kirjautuminen EU Login järjestelmä mahdollistaa keskitetyn pääsyn useisiin eri Euroopan Komission verkkosovelluksiin yhdellä käyttäjätunnuksella ja salasanalla. EU login varmistaa identiteettisi

Lisätiedot

Ajatus kaiken taustalla

Ajatus kaiken taustalla HTML ja tyylit Ajatus kaiken taustalla Perimmäisenä tarkoituksena tarjota formatointi- ja taittokieli, jonka avulla elementtirakenteisten dokumenttien ulkoasun määrittely voidaan irrottaa sisällön ja rakenteen

Lisätiedot

Digitaalisen median tekniikat css tyylimääritykset

Digitaalisen median tekniikat css tyylimääritykset Digitaalisen median tekniikat css tyylimääritykset 18.9.2007 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää

Lisätiedot

KÄYTTÖOHJEET PERUSTEET SANASTOA KIRJAUTUMINEN OPETUKSEN TYÖTILAT. Kopan osoite koppa.tampere.fi

KÄYTTÖOHJEET PERUSTEET SANASTOA KIRJAUTUMINEN OPETUKSEN TYÖTILAT. Kopan osoite koppa.tampere.fi KÄYTTÖOHJEET Kopan osoite koppa.tampere.fi PERUSTEET Käytä mieluiten Firefox-, Opera-, Chrome- tai Internet Explorer 8 selainta. SANASTOA Dashlet: Työpöydälle tai työtilaan sijoitettava ikkuna tai pienohjelma.

Lisätiedot