ICT1TN004. Lomakkeet. Heikki Hietala

Koko: px
Aloita esitys sivulta:

Download "ICT1TN004. Lomakkeet. Heikki Hietala"

Transkriptio

1 Lomakkeet Heikki Hietala

2 Lomakkeet Lomakkeita käytetään keräämään tietoa käyttäjältä ja siirtämään se palvelimelle Lomakkeen luominen ei yksin riitä, vaan pitää luoda myös lomakkeenkäsittelijä Lomakkeen käsittely tapahtuu palvelimella Siksi täytyy olla pääsy palvelimeen Palvelimella täytyy koodata jollain menetelmällä lomakkeen tietojen käsittely 2

3 Lomakkeen osat <form> </form> on lomakkeen pääelementti Sillä on useimmiten kolme attribuuttia: action, name, method Action on pakollinen attribuutti action = url Kertoo mihin lomake lähetetään name kertoo lomakkeen nimen method kertoo miten data lähetetään Arvot ovat get ja post get on yksinkertaisempi tapa, jossa data koodataan URLiin ja lähetetään sellaisenaan Ei periaatteessa hyvä idea jos lomakkeen datassa on skandeja tai muita erikoismerkkejä Näyttää tilarivillä salasanat ja mahtuu vain 255 merkkiä post-metodissa lomakkeen sisältö koodataan osaksi sanomaa get näkyy myös vastauksen URLissa joka ei aina ole hyvä idea. 3

4 Lomakkeen enctype-attribuutti enctype-attribuutti kertoo, kuinka lomakkeen sisältö koodataan Perusoletus (jota ei siis tarvitse erikseen kirjata) on application/x-www-form-urlencoded Kaikki lähetettävän lomakkeen erikoismerkit koodataan HEX-ASCIImerkeiksi ja välilyönnit koodataan plusmerkeiksi multipart/form-data Mitään ei koodata Tätä pitää käyttää, jos lomakkeessa on tiedostonlähetyskenttä text/plain Välilyönnit koodataan plusmerkeiksi, mutta ei muuta Käytetään kun lähetetään lomakkeen tiedot sp-osoitteeseen <form name="lomake" method="post" enctype="text/plain"> 4

5 Lomakkeen kentät Lomakkeen kentät koodataan <fieldset>-elementtiin tai muuhun lohkoelementtiin Fieldset-elementillä voi olla kenttien joukkoa kuvaava <legend>-elementti Lomakkeen elementtejä ovat Button, painike Input, jolla on muutama alityyppi Text, muokkauskenttä Radio, yksittäin valittava arvopainike Checkbox, tosi/epätosi -valintaruutu Submit, lähetyspainike Reset, lomakkeen tyhjennyspainike Hidden, piilokenttä, jolla välitetään tietoa palvelimelle Image, kuvan käyttö painikkeena File, tiedoston lataamiseen käytettävä selauspainike ja tiedostokenttä Textarea, tekstialue Select, luetteloruudut Label, otsikkotieto 5

6 Input / text Text on tekstikenttä <input type=text name="kentän nimi" maxlength="tekstin maksimipituus" size="laatikon koko" value="oletusarvo /> Tuottaa tekstikentän, jonka nimi toimii lomakkeenkäsittelijässä erottelevana tekijänä Maxlength kertoo montako merkkiä teksti saa maksimissaan sisältää (usein 255) Size kertoo kuinka pitkä ruutu on (usein 40 merkkiä) Value on ruudussa valmiina oleva oletusteksti, joka poistuu napsautettaessa Jos type on password, kyse on salasanasta, muuten käyttö on samanlaista 6

7 Input / radio Radio on systeemi joka antaa valita yhden arvon painikeryhmän useasta vaihtoehdosta <input type= radio name= painikkeen_nimi" value= tähän se teksti, joka näkyy lomakkeessa /> Name on taas se erotteleva tekijä lomakkeenkäsittelijässä Kaikilla painikeryhmän radiopainikkeilla tulee olla sama nimi, muuten kyseessä on joukko yhden painikkeen painikeryhmiä Tämä eroaa Checkboxista, jossa jokaisella pitää olla oma, yksilöllinen nimi Boolean-arvolla checked voidaan ennakkovalita yksi arvo 7

8 Input / checkbox Valintaruutu on valinnan mukaan joko tosi (valittuna) tai epätos (ei valittuna) <input type= checkbox name= valintaruudun_nimi" value= tähän se teksti, joka näkyy lomakkeessa /> Name on taas se erotteleva tekijä lomakkeenkäsittelijässä Jokaisella valintaruudulla pitää olla oma, yksilöllinen nimi, koska ruudun arvo on joko tosi tai epätosi Boolean-arvolla checked voidaan ennakkovalita arvoja 8

9 Input / submit ja reset <input type="submit" value="lähetä /> <input type="reset" value="tyhjennä /> Submit lähettää lomakkeen käyttäen menetelmää METHOD ja lomakkeenkäsittelijää, joka on annettu attribuutilla ACTION Reset poistaa kenttien sisällöt ja palauttaa pudotusvalikot 9

10 Input / hidden <input type= hidden name= nimi value= haluttu_arvo /> Hidden-kenttään voidaan merkitä arvo, joka välitetään palvelimen lomakkeenkäsittelijälle, mutta jota ei näytetä käyttäjälle Usein sitä käytetään lomakkeissa, jotka käyttäjä ensin täyttää, ja jotka sitten palvelimen käsittelyn jälkeen palautetaan muokattaviksi Tällöin oletusarvot voidaan välittää piilokenttien arvoina 10

11 Usein käytettyjä attribuutteja Lomakkeiden yhteydessä voi käyttää tapahtuma-attribuutteja Esimerkiksi ennen lomakkeen lähettämistä voidaan tarkistaa lomakkeen sisältö funktiolla, ja sisältö voidaan lähettää funktiolle onsubmit-attribuutin avulla. Käytettäviä ovat onblur skripti suoritetaan kun elementti menettää fokuksen. onchange elementti muuttuu. onfocus elementti saa fokuksen. onreset lomake tyhjennetään. onselect lomake valitaan. onsubmit- lomake lähetetään. 11

12 Textarea <textarea name= tekstialue rows= 5 cols= 40 >Tässä on tekstialueen oletusteksti ja kentän koko 40 saraketta ja 5 riviä</textarea> Textarea käytetään suuremman tekstimassan kirjoittamiseen. Textarea saa vierityspalkin, jos tekstiä kirjoitetaan niin paljon että ruutu tulee täyteen 12

13 Select ja option <select> <option value= Arvo1 >näkyvä teksti 1</option> <option value= Arvo2 >näkyvä teksti 2</option> <option value= Arvo3 >näkyvä teksti 3</option> <option value= Arvo4 >näkyvä teksti 4</option> <option value= Arvo5 >näkyvä teksti 5</option> </select> Luo pudotusvalikon, jossa luettelon elementteinä näkyy näkyvä teksti 1 5 mutta lomake lähettää arvon Arvo 1 5 Jos elementille select annetaan attribuutti multiple= multiple niin pudotusvalikon sijaan muodostuu luetteloruutu, ja attribuutti size kertoo montako riviä näkyy Luetteloruudusta voi sitten valita useita arvoja pitämällä Ctrl-näppäintä alhaalla attribuutilla selected voi esivalita luettelosta arvon 13

14 Esimerkkilomake Nimi-kenttä: <input type="text" size="60" name="nimi" value="jos muistat sen..."/> Salasana-kenttä: <input type="password" size="60" name="salasana" /> Elämäntehtävä-tekstialue: <textarea cols="40" rows="8" name="elamankerta"> Vuodata sytämesi Seiskalle</textarea> 14

15 Esimerkkilomake Kiinnostukset-checkboxit (huomaa kaikilla eri nimi:) <input type="checkbox" name="ristipistokellunta /> Ristipistokellunta<br/> <input type="checkbox" name="judokudonta /> Judokudonta<br/> <input type="checkbox" name="kirveenheitto /> Kirveenheitto<br/> <input type="checkbox" name="eukonlepytys /> Eukonlepytys 15

16 Esimerkkilomake Numeerinen arvio (huomaa kaikilla SAMA nimi:) <input type="radio" name= numeroarvio" value="1 />1<br/> <input type="radio" name= numeroarvio" value="2 />2<br/> <input type="radio" name= numeroarvio" value="3 />3<br/> <input type="radio" name= numeroarvio" value="4 />4<br/> <input type="radio" name= numeroarvio" value="5 />5<br/> <input type="radio" name= numeroarvio" value="6 />6 16

17 Esimerkkilomake Valitse tästä omasi -valintaluettelo <select name="pudotus" multiple= multiple size= 6"> <option value= "Tykkaan_sotahistoriasta"> Tykkään sotahistoriasta </option> <option value= "Tennis_on_kivaa">Tennis on kivaa</option> <option value= "Luen_Waltaria">Luen Waltaria </option> <option value= Olen_keskiajasta_kiinnostunut">Keski aika miellyttää</option> <option value= "Kummeli_rulettaa">Se Kahilainen on kamalan hauska</option> <option value= "Monty_Python_rules">Monty Python on ihkuqqqq</option> </select> 17

18 ASP-lomakkeenkäsittelijä Yksinkertaisin mahdollinen lomakkeenkäsittelijä on <% for each x in request.form() käsitellään lomakkeen kokoelma Next %> If request.form(x) <> then jos silmukassa on eityhjä osa End if Response.write (x & = & request.form(x) & <br> Tulostetaan siis kaikki avaimet x ja avainta vastaava lomakkeen osa. Tällainen käsittelijä on olemassa osoitteessa Ja tämän voi siis laittaa lomakkeen action-attribuutiksi Se palauttaa kunkin kentän sisällön, mutta ei tee muuta 18

19 Tehtävä: luo lomake eläintarhalle Korkeasaari kerää rahaa uuteen apinahäkkiin. Nyt pitäisi luoda lomake, jossa on Nimikentät etu- ja sukunimelle Salasanakenttä Checkboxit niille apinalajeille, joita haluat tukea Gibbonit Orankit Gorillat - Simpanssit Radiopainike, jolla säädellään maksutapaa Visa MasterCard - American Express Summakenttä, eli paljonko rahaa lahjoitat Tekstialue, jossa vapaa sana ja terveiset apinatalon arkkitehdille Ja pudotusvalikko, jossa valitset nimen tulevalle talolle: Apinalaakso Monkey Valley Affenhaus Apornas Hus Lopuksi lähetys- ja nollauspainikkeet 19

20 Valmis lomake (ilman tyylejä) Seuraavaksi pitäisi lisätä Method ja Action Actioniksi Methodiksi post, voit myös kokeilla get-arvoa, niin näet kuinka arvo kirjoitetaan URLiin 20

21 Koodi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>apinatalon tukilomake</title> </head> <body> <form id= apinatalo" method="post" action="http://hiisi/opis/form.asp"> <fieldset> <table border="1"> <tr> <td>etunimi</td> <td><input name="etunimi" type="text" id="etunimi" size="40" maxlength="40" /></td> </tr> <tr> <td>sukunimi</td> <td><input name=" sukunimi" type="text" id= sukunimi" size="40" maxlength="40" /></td> </tr> <tr> <td>salasana</td> <td><input name= salasana" type="password" id= salasana" size="40" maxlength="40" /></td> </tr> 21

22 jatkuu <tr> <td>tuettavat apinalajit</td> <td> <input type="checkbox" name="gibbonit" id="gibbonit" /> <label for= gibbonit >Gibbonit</label><br/> <input type="checkbox" name="orankit" id="orankit" /> <label for= orankit >Orankit</label><br/> <input type="checkbox" name="gorillat" id="gorillat" /> <label for= gorillat >Gorillat</label><br/> <input type="checkbox" name="simpanssit" id="simpanssit" /> <label for= simpanssit >Simpanssit</label> </td> </tr> 22

23 jatkuu <tr> <br/> <br/> <br/> </td> <td>maksutapa</td> <td> </tr> <input type="radio" name= maksutapa" value= Visa" id="visa /> Visa <input type="radio" name= maksutapa" value= Mastercard" id="mastercard" /> Mastercard <input type="radio" name= maksutapa" value= AmExpress" id="amexpress" /> American Express 23

24 jatkuu <tr> <td>summa</td> <td><input name= summa" type="text" id= summa" size="40" maxlength="40" /></td> </tr> <tr> <td>vapaa sana arkkitehdille</td> <td><textarea name="vapaasana" id="vapaasana" cols="45" rows="6"></textarea></td> </tr> <tr> <td>haluamasi nimi talolle</td> <td><select name="talonnimi" id="talonnimi"> <option value="apinalaakso">apinalaakso</option> <option value="monkeyvalley">monkey Valley</option> <option value="affenhaus">affenhaus</option> <option value="apornashus">apornas Hus</option> </select></td> </tr> 24

25 Loput roinat <tr> <td colspan="2"> <input type="submit" name="submit" id="submit" value="lähetä" /> <input type="reset" name="peruuta" id="peruuta" value="peruuta" /> </td> </tr> </table> <fieldset> </form> </body> </html> 25

Lomakkeet HTML5. Elina Ulpovaara. Testaus: IE9 Firefox7 Opera11 Chrome

Lomakkeet HTML5. Elina Ulpovaara. Testaus: IE9 Firefox7 Opera11 Chrome Lomakkeet HTML5 Elina Ulpovaara Testaus: IE9 Firefox7 Opera11 Chrome SELAIN Käyttäjä täyttää lomakkeen ja painaa lähetys-painiketta. Selain lähettää käyttäjän antamat tiedot palvelimelle lomakkeessa määrättyyn

Lisätiedot

Lomake kannattaa asemoida taulukkoon: table. Silloin selitteet ja kentät saadaan sarakkeisiin. Kenttien ulkoasu voidaan määritellä tyyleillä.

Lomake kannattaa asemoida taulukkoon: table. Silloin selitteet ja kentät saadaan sarakkeisiin. Kenttien ulkoasu voidaan määritellä tyyleillä. Lomakkeet Lomake kannattaa asemoida taulukkoon: table. Silloin selitteet ja kentät saadaan sarakkeisiin. Kenttien ulkoasu voidaan määritellä tyyleillä. Lomakkeen tyylit kannattaa määritellä omaan, eriliseen,

Lisätiedot

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1 Digitaalisen median tekniikat xhtml - jatkuu 30.4.2004 Harri Laine 1 XHTML lomakkeet Lomakkeet mahdollistavat tiedon välityksen asiakkaalta (selaimesta) tiedon vastaanottajalle Vastaanottaja voi olla sähköpostiosoite

Lisätiedot

Digitaalisen median tekniikat xhtml - jatkuu

Digitaalisen median tekniikat xhtml - jatkuu Digitaalisen median tekniikat xhtml - jatkuu 26.3.2004 Harri Laine 1 Lomakkeet mahdollistavat tiedon välityksen asiakkaalta (selaimesta) tiedon vastaanottajalle Vastaanottaja voi olla sähköpostiosoite

Lisätiedot

2 Web-lomakkeet. HTML-lomakkeet. Lomakkeiden perusteet

2 Web-lomakkeet. HTML-lomakkeet. Lomakkeiden perusteet Web-lomakeet ovat verkkopalvelun tekninen perusta; käyttäjän syötteen välittäminen tapahtuu käytännössä aina lomakkeiden avulla Esimerkkejä lomakkeiden käytöstä: yksinkertaiset toiminnot: palautelomake,

Lisätiedot

Tuotteiden tiedot: Lisää uuden tuotteen tiedot. Muuta tai poista tuotteen tiedot. Selaa kaikkien tuotteiden tietoja.

Tuotteiden tiedot: Lisää uuden tuotteen tiedot. Muuta tai poista tuotteen tiedot. Selaa kaikkien tuotteiden tietoja. laskutus_index http://media.stadia.fi/~0700527/laskutus/laskutus_index.html Sivu 1/1 13.12.2007 Laskutus -tietokanta Henkilöiden tiedot: Lisää uuden henkilön tiedot Muuta tai poista henkilön tiedot Selaa

Lisätiedot

Luento 3. Jouni Ikonen - Jouni.Ikonen lut.fi

Luento 3. Jouni Ikonen - Jouni.Ikonen lut.fi CT30A3200 - WWW-sovellukset Luento 3 Jouni Ikonen - Jouni.Ikonen lut.fi Kalvot Arto Hämäläisen kalvojen pohjalta 1 Jouni Ikonen HTML-lomakkeet HTML-lomakkeiden avulla voidaan WWW-sovelluksessa hakea käyttäjän

Lisätiedot

TIETOJENKÄSITTELY/PIKATAIVAL2 Tehtävä G

TIETOJENKÄSITTELY/PIKATAIVAL2 Tehtävä G TIETOJENKÄSITTELY/PIKATAIVAL2 Tehtävä G 1 Tehtävänäsi on määritellä tietokantaan KisatSVNL.mdb lomake Kilpailut ohessa olevan mallin mukaan. Lomake on tarkoitettu kilpailutietojen lisäykseen, selailuun

Lisätiedot

2 Web-lomakkeet. 2 Web-lomakkeet

2 Web-lomakkeet. 2 Web-lomakkeet 2 Web-lomakkeet Web-lomakeet ovat verkkopalvelun tekninen perusta; käyttäjän syötteen välittäminen tapahtuu käytännössä aina lomakkeiden avulla Esimerkkejä lomakkeiden käytöstä: yksinkertaiset toiminnot:

Lisätiedot

15.4.2015 Aulikki Hyrskykari Antti Sand

15.4.2015 Aulikki Hyrskykari Antti Sand 15.4.2015 Aulikki Hyrskykari Antti Sand o Edellinen luento Kertausta tekstin muotoilusta Lokeromallia kehystykset, taustakuvat Visuaalinen sommittelu rautalankamallit asemointi o Tällä luennolla Lomakkeet

Lisätiedot

HSMT Web-sovellustekniikoista

HSMT Web-sovellustekniikoista HSMT Web-sovellustekniikoista Ville Leppänen HSMT, c Ville Leppänen, IT, Turun yliopisto, 2011 p.1/29 Missä mennään... 1. Johdanto (1h) 2. Säikeet (2h) 3. Samanaikaisuudesta (2h) 4. Hajautetuista sovelluksista

Lisätiedot

Web-selaimissa näkyvät sivut on rakennettu HTML-kielellä. Se tarkoittaa, että webissä olevat htm tai html päätteiset tiedostot

Web-selaimissa näkyvät sivut on rakennettu HTML-kielellä. Se tarkoittaa, että webissä olevat htm tai html päätteiset tiedostot HTML-kielen alkeet Web-selaimissa näkyvät sivut on rakennettu HTML-kielellä. Se tarkoittaa, että webissä olevat htm tai html päätteiset tiedostot ovat tavallisia tekstitiedostoja, jotka selain tulkkaa

Lisätiedot

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

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006 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

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

WWW ja servletit. Luku 10. 10.1 Johdanto

WWW ja servletit. Luku 10. 10.1 Johdanto Luku 10 WWW ja servletit Servletti (engl. servlet) eli palvelinsovelma on Java-kielinen olio, joka toimii WWW-palvelimen yhteydessä olevassa virtuaalikoneessa. Kaikkiin WWW-palvelimiin ei kuitenkaan ole

Lisätiedot

2 Web-lomakkeet. HTML-lomakkeet. Lomakkeiden perusteet

2 Web-lomakkeet. HTML-lomakkeet. Lomakkeiden perusteet Web-lomakeet ovat verkkopalvelun tekninen perusta; käyttäjän syötteen välittäminen tapahtuu käytännössä aina lomakkeiden avulla Esimerkkejä lomakkeiden käytöstä: yksinkertaiset toiminnot: palautelomake,

Lisätiedot

ASP ja DHTML. 27.8.2004 Seppo Räsänen

ASP ja DHTML. 27.8.2004 Seppo Räsänen ASP ja DHTML 27.8.2004 Seppo Räsänen Liite 3 Sisällys 1 Tietokantojen käyttö sivuilla ASP-tekniikka...3 1.1. ASP ja VBScript...3 1.2. ASP ja J(AVA)Script...9 1.3. ASP ja Access...9 Lähteet...9 Himapizza-esimerkki...10

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

2 Web-lomakkeet. 2 Web-lomakkeet

2 Web-lomakkeet. 2 Web-lomakkeet 2 Web-lomakkeet Web-lomakeet ovat verkkopalvelun tekninen perusta; käyttäjän syötteen välittäminen tapahtuu käytännössä aina lomakkeiden avulla Esimerkkejä lomakkeiden käytöstä: yksinkertaiset toiminnot:

Lisätiedot

Selaimessa, jossa on PDF-blugin Acrobat Readerissä Adobe Acrobat Standard tai Professional -ohjelmissa

Selaimessa, jossa on PDF-blugin Acrobat Readerissä Adobe Acrobat Standard tai Professional -ohjelmissa PDF-lomakkeet PDF-lomakkeet ovat lisääntyneet ruudulla täytettävinä lomakkeformaattina. Yliopiston keskushallinto esimerkiksi julkaisee erilaisia PDF-lomakkeita verkossa täytettäväksi ja tulostettavaksi.

Lisätiedot

Luento 10: XML WWW:ssä

Luento 10: XML WWW:ssä Luento 10: XML WWW:ssä AS-0.110 XML-kuvauskielten perusteet Janne Kalliola XML WWW:ssä XHTML versiot modularisointi XForms edut XForms vs. HTML-lomakkeet RSS 2 1 XHTML XHTML HTML on standardointityössä

Lisätiedot

JWT Hyrskykari, SIS, Tampereen yliopisto 4/25/2013

JWT Hyrskykari, SIS, Tampereen yliopisto 4/25/2013 25.4.2013 Aulikki Hyrskykari Lomakkeet Javascript perusteet Tähän asti on käsitelty miten WWW sivuja käytetään tiedon välittämiseen käyttäjälle. Lomakkeiden avulla voidaan saada tietoa toiseen suuntaan,

Lisätiedot

XML Technologies and Applications - harjoitustyö -

XML Technologies and Applications - harjoitustyö - XML Technologies and Applications - harjoitustyö - TURUN YLIOPISTO Informaatioteknologian laitos Tietojenkäsittelytiede Harjoitustyö Helmikuu 2009 Jyri Lehtonen (72039) jyri.lehtonen@utu.fi (yksin tehty

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

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. HTML ja CSS Tästä se lähtee: portfolio-sivusto Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. index.html Sivuston pääsivu, joka avautuu selaimeen ensimmäisenä sivujen

Lisätiedot

Tekstinkäsittelyn jatko Error! Use the Home tab to apply Otsikko 1 to the text that you want to appear here. KSAO Liiketalous 1

Tekstinkäsittelyn jatko Error! Use the Home tab to apply Otsikko 1 to the text that you want to appear here. KSAO Liiketalous 1 KSAO Liiketalous 1 Lomakkeet Lomake on asiakirja, joka sisältää täyttämistä ohjaavia tietoja tai merkintöjä. Wordin lomakekenttä-toiminnolla luodaan näytöllä täytettäviä lomakkeita tai tulostettavia lomakepohjia.

Lisätiedot

Modx. Versio 1.3 /lokakuu 2010. Kirjoittanut Jari Sarja (www.jarisarja.fi)

Modx. Versio 1.3 /lokakuu 2010. Kirjoittanut Jari Sarja (www.jarisarja.fi) 1 Modx Versio 1.3 /lokakuu 2010 Kirjoittanut Jari Sarja (www.jarisarja.fi) 2 Sisältö 1. Johdanto... 3 2. Imurointi, ennakkovalmistelut ja asennus... 4 2.1. Imuroiminen ja purku... 4 2.2. Kannan luominen...

Lisätiedot

Muuttujien määrittely

Muuttujien määrittely Tarja Heikkilä Muuttujien määrittely Määrittele muuttujat SPSS-ohjelmaan lomakkeen kysymyksistä. Harjoitusta varten lomakkeeseen on muokattu kysymyksiä kahdesta opiskelijoiden tekemästä Joupiskan rinneravintolaa

Lisätiedot

HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04 HELIA 1 (1) Luento 7 Graafisen käyttöliittymän peruselementit... 2 Ikkunat... 2 Sovellusikkunat (Application Windows)... 2 Asiakirjaikkunat (Document Windows)... 3 Toissijaiset sovellusikkunat (Secondary

Lisätiedot

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia HTML - sivun rakenne ja osiot HTML HEAD STYLE SCRIPT STYLEsheet Javascript file BODY Javascript

Lisätiedot

Tietokannan luominen:

Tietokannan luominen: Moodle 2 Tietokanta: Tietokanta on työkalu, jolla opettaja ja opiskelijat voivat julkaista tiedostoja, tekstejä, kuvia, linkkejä alueella. Opettaja määrittelee lomakkeen muotoon kentät, joiden kautta opiskelijat,

Lisätiedot

Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä Peruskontrollit lomakkeissa Asetteluista lomakkeella Oppimistavoite:

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

VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN

VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN Tämän tehtävän tarkoitus on tutustuttaa ympäristöön sekä tutustuttaa wwwdokumenttien tekoon php:llä. Alkutoimet Varmistetaan, että verkkolevyllä on kansio

Lisätiedot

Tietuetyypin määrittely toteutetaan C-kielessä struct-rakenteena seuraavalla tavalla:

Tietuetyypin määrittely toteutetaan C-kielessä struct-rakenteena seuraavalla tavalla: KERTAUSTEHTÄVIÄ Tietue Tietuetyypin määrittely toteutetaan C-kielessä struct-rakenteena seuraavalla tavalla: struct henkilotiedot char nimi [20]; int ika; char puh [10]; ; Edellä esitetty kuvaus määrittelee

Lisätiedot

Pedacode Pikaopas. Web-sovelluksen luominen

Pedacode Pikaopas. Web-sovelluksen luominen Pedacode Pikaopas Web-sovelluksen luominen Pikaoppaan sisältö Pikaoppaassa kuvataan, miten Netbeans-työkalulla luodaan uusi yksinkertainen web-sovellus ja testataan sen toiminta. Opas kattaa kaiken aiheeseen

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

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

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

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

Järjestelmän syötteet ja tulosteet Kohahdus Helsinki Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos

Järjestelmän syötteet ja tulosteet Kohahdus Helsinki Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos Järjestelmän syötteet ja tulosteet Kohahdus Helsinki 5.11.2006 Ohjelmistotuotantoprojekti HELSINGIN YLIOPISTO Tietojenkäsittelytieteen laitos Kurssi 581260 Ohjelmistotuotantoprojekti (6 ov) Projektiryhmä

Lisätiedot

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,

Lisätiedot

C# Windows ohjelmointi perusopas

C# Windows ohjelmointi perusopas Paavo Räisänen C# Windows ohjelmointi perusopas www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida, tulostaa ja levittää ei kaupallisissa tarkoituksissa. Kuitenkaan omille nettisivuille opasta ei saa

Lisätiedot

Helsingin yliopisto, TKTL Tietokantojen perusteet, s 2000 WWW-tietokantasovellukset Harri Laine 1. vapaamuotoiset tiedot

Helsingin yliopisto, TKTL Tietokantojen perusteet, s 2000 WWW-tietokantasovellukset Harri Laine 1. vapaamuotoiset tiedot Relaatiotietokantaan tallennetaan määrämuotoista tietoa Vapaamuotoisen tekstin talletukseen tekstitietokannat hakuindeksejä saattavat käyttää relaatiotietokantaa tekstin tallentamiseen rivipohjainen tai

Lisätiedot

Ohjeet Google kalenteriin. Kirjaudu palveluun saamillasi tunnuksilla

Ohjeet Google kalenteriin. Kirjaudu palveluun saamillasi tunnuksilla Ohjeet Google kalenteriin Kirjaudu palveluun saamillasi tunnuksilla Valitse käyttämäsi kalenteri Kalenterivaihtoehtojen vieressä oleva värillinen ruutu ilmaisee näytetäänkö kalenterin tiedot. Tapahtuman

Lisätiedot

JSP (JavaServer Pages) tekniikka Lähde Arvo Lipitsäinen, JSP JavaServer Pages, 2003

JSP (JavaServer Pages) tekniikka Lähde Arvo Lipitsäinen, JSP JavaServer Pages, 2003 1(27) JSP (JavaServer Pages) tekniikka Lähde Arvo Lipitsäinen, JSP JavaServer Pages, 2003 mahdollistaa dynaamisen web-sisällön luonnin eli HTML-.DHTML-, XHTML- ja XML-dokumentit luodaan palvelimella dynaamisesti

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

Visteonin Web-portaalin käyttöohjeet

Visteonin Web-portaalin käyttöohjeet Seuraavilla sivuilla esiteltävien käyttöohjeiden yhteenveto: Sisäänkirjautuminen Alkuvaiheen salasanan muuttaminen Direct Repair -pyyntölomake korjauspyyntölomakkeen täyttämiseen ja lähettämiseen Myyjän

Lisätiedot

Ulkopuolisen tyylitiedoston käyttö

Ulkopuolisen tyylitiedoston käyttö 1 CSS - aloitus Sisältö: s. 2. Ulkopuolisen tyylitiedoston käyttö s. 3. Tyyliohjeen kirjoittaminen s. 4. style-elementti s. 5. style-attribuutti s. 6. class-attribuutti s. 7. id-attribuutti s. 8. Fontit

Lisätiedot

Ryhmät. Pauliina Munter/Suvi Junes Tampereen yliopisto/ Tietohallinto 2014

Ryhmät. Pauliina Munter/Suvi Junes Tampereen yliopisto/ Tietohallinto 2014 1 Ryhmät Moodlessa voi jakaa opiskelijoita pienempiin alaryhmiin, joilla toimitaan esim. keskustelualueella tai työskennellään wikissä. Ryhmätoiminto on hyödyllinen, jos kurssilla on paljon osallistujia

Lisätiedot

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002

Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002 , XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi

Lisätiedot

Harjoitus 3: Flash-komponenttiarkkitehtuuri (18.3.2016)

Harjoitus 3: Flash-komponenttiarkkitehtuuri (18.3.2016) Harjoitus 3: Flash-komponenttiarkkitehtuuri (18.3.2016) Tietokoneavusteinen opetus -kurssilla opetetaan Adobe Flash CS6:n käyttämistä neljänä kertana: 11.3.2016, 15.3.2016, 18.3.2016 ja 1.4.2016. Harjoituskerroilla

Lisätiedot

1 Kirjautuminen ja Käyttöliittymä... 2. 1.1 Kirjautuminen... 2. 1.2 Käyttöliittymä... 2. 2 Uuden varauksen tekeminen... 3. 2.1 Normaali varaus...

1 Kirjautuminen ja Käyttöliittymä... 2. 1.1 Kirjautuminen... 2. 1.2 Käyttöliittymä... 2. 2 Uuden varauksen tekeminen... 3. 2.1 Normaali varaus... 1 Kirjautuminen ja Käyttöliittymä... 2 1.1 Kirjautuminen... 2 1.2 Käyttöliittymä... 2 2 Uuden varauksen tekeminen... 3 2.1 Normaali varaus... 3 2.2 Alustava Varaus... 5 2.2.1 Alustavan varauksen muuttaminen

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

Digitaalisen median tekniikat xhtml

Digitaalisen median tekniikat xhtml Digitaalisen median tekniikat xhtml 30.4.2004 Harri Laine 1 XML-pohjainen HTML:n korvaaja Rakenne HTML:ää paremmin määritelty Muotoilu ja sisällön rakenne selkeämmin erotettu toisistaan Tyypillisessä HTML-dokumentissa

Lisätiedot

Sähköposti ja uutisryhmät 4.5.2005

Sähköposti ja uutisryhmät 4.5.2005 Outlook Express Käyttöliittymä Outlook Express on windows käyttöön tarkoitettu sähköpostin ja uutisryhmien luku- ja kirjoitussovellus. Se käynnistyy joko omasta kuvakkeestaan työpöydältä tai Internet Explorer

Lisätiedot

Manager. Doro Experience. ja Doro PhoneEasy 740. Suomi

Manager. Doro Experience. ja Doro PhoneEasy 740. Suomi Doro Experience ja Doro PhoneEasy 740 Suomi Manager Esittely Doro Experience Manager -hallintaportaalia käytetään sovellusten asentamiseen ja käyttöön Doro Experience -laitteella käyttämällä mitä tahansa

Lisätiedot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot T-111.361 Hypermediadokumentin laatiminen -Ohjelmointi Peruskäsitys www-ohjelmoinnin kentästä Tekniikat interaktiivisuuden toteuttamiseen tekniikat tekniikat Tietokannat Juha Laitinen TKK/TML juha.laitinen@hut.fi

Lisätiedot

Asiointipalvelun ohje

Asiointipalvelun ohje Asiointipalvelun ohje Yleistä 1. Kirjautuminen 2. Yhteystiedot 3. Vastaustavan valinta 1. Yleistä 2. Palkkatietojen lataaminen tiedostosta 4. Lomake 1. Yleistä 2. Linkit ja vastaajan tiedot 3. Lomakekäsittely

Lisätiedot

XHTML aloitus. Sisällys

XHTML aloitus. Sisällys XHTML aloitus XHTML-dokumentin rakenne, metatieto, kommentit, tekstit Mirja Jaakkola Sisällys 3. Taustaa 4. Selain palvelin 5. Elementin rakenne 6. Attribuutti 7. XHTML-dokumentin rakenne 8. XHTML:n DOCTYPE-määrittely

Lisätiedot

SeaMonkey pikaopas - 1

SeaMonkey pikaopas - 1 SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston

Lisätiedot

Ohjelmoinnin perusteet Y Python

Ohjelmoinnin perusteet Y Python Ohjelmoinnin perusteet Y Python T-106.1208 25.2.2009 T-106.1208 Ohjelmoinnin perusteet Y 25.2.2009 1 / 34 Syötteessä useita lukuja samalla rivillä Seuraavassa esimerkissä käyttäjä antaa useita lukuja samalla

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

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/ Code Camp for Girls Sanna Nygård Lokakuussa 2015 www.frantic.com/codecamp/ HTML? HTML? HyperText Markup Language Ei ole nettisivua ilman HTML:ää Rakenteinen, hierarkkinen dokumentti Vain rakenne ja sisältö,

Lisätiedot

NELLI-Tunnis. Käyttäjän tunnistus NELLI-tiedonhakuportaalissa yleisissä kirjastoissa. Versio 1.0. 16.5.2006 Ere Maijala Kansalliskirjasto

NELLI-Tunnis. Käyttäjän tunnistus NELLI-tiedonhakuportaalissa yleisissä kirjastoissa. Versio 1.0. 16.5.2006 Ere Maijala Kansalliskirjasto NELLI-Tunnis Käyttäjän tunnistus NELLI-tiedonhakuportaalissa yleisissä kirjastoissa Versio 1.0 16.5.2006 Ere Maijala Kansalliskirjasto Sisällysluettelo Johdanto...3 Tekniikka...3 Esimerkit...4 XML-Skeema...5

Lisätiedot

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Sisällysluettelo Kirjautuminen ja ylläpito...3 Kirjautuminen sivustolle...3 Ylläpitovalikko...3 Artikkeleiden muokkaaminen...4 Artikkelin asetukset...4

Lisätiedot

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML AJAX-konsepti AJAX Asynchronous JavaScript And XML Viimeisin muoti-ilmiö web-ohjelmoinissa, termi Ajax tuli käyttöön vuoden 2005 aikana Joukko teknologioita, joiden avulla voidaan toteuttaa uudenlaisen

Lisätiedot

Harjoitustyö: virtuaalikone

Harjoitustyö: virtuaalikone Harjoitustyö: virtuaalikone Toteuta alla kuvattu virtuaalikone yksinkertaiselle olio-orientoituneelle skriptauskielelle. Paketissa on testaamista varten mukana kaksi lyhyttä ohjelmaa. Ohjeita Noudata ohjelman

Lisätiedot

HAAGA-HELIA ammattikorkeakoulu Lomakkeen tekeminen Google Docsilla

HAAGA-HELIA ammattikorkeakoulu Lomakkeen tekeminen Google Docsilla HAAGA-HELIA ammattikorkeakoulu Ohje Lomakkeen tekeminen Google Docsilla Sisällys Lomakkeen tekeminen Google docs:lla... 1 Vastausten tallentaminen... 5 Lomakkeen käyttöönottaminen... 5 Linkin laittaminen

Lisätiedot

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT MOBISITE-TYÖKALU MobiSite on työkalu matkapuhelimeen soveltuvan mobiilisivuston rakentamiseen. AIMO-järjestelmän jatkuvasti päivittyvä päätelaitetunnistus tunnistaa useimmat puhelinmallit ja mukauttaa

Lisätiedot

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) 6. Tekstin muokkaaminen 6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) Tekstin maalaaminen onnistuu vetämällä hiirellä haluamansa tekstialueen yli (eli osoita hiiren

Lisätiedot

1 Nettiluotto... 3 1.1 Yleiskuvaus... 3 1.2 Palvelun edut... 3 1.3 Käytettävyys... 3 1.4 Turvallisuus... 3

1 Nettiluotto... 3 1.1 Yleiskuvaus... 3 1.2 Palvelun edut... 3 1.3 Käytettävyys... 3 1.4 Turvallisuus... 3 Palvelukuvaus Sisällys 1 Nettiluotto... 3 1.1 Yleiskuvaus... 3 1.2 Palvelun edut... 3 1.3 Käytettävyys... 3 1.4 Turvallisuus... 3 2 Palvelusopimus, käyttöohje ja käyttöönotto... 3 2.1 Palvelusopimus...

Lisätiedot

Nettiposti. Nettiposti käyttöohje

Nettiposti. Nettiposti käyttöohje YKSIKÄÄN ASIAKAS EI OLE MEILLE LIIAN PIENI TAI MIKÄÄN HAASTE LIIAN SUURI. Nettiposti Nettiposti käyttöohje Tässä käyttöohjeessa kuvataan selainkäyttöisen Nettiposti sähköpostiohjelman toiminnot. Käyttöohje

Lisätiedot

Sähköpostitilin luonti 07.06.2011

Sähköpostitilin luonti 07.06.2011 Sähköpostitilin luonti 07.06.2011 SÄHKÖPOSTITILIN LUONTI Tilin luonti pääkäyttäjän hallintaportaalissa 3 Sähköpostitilin luonti Outlook 2010 ohjelmaan 8 Tämä ohje on lyhennetty versio sähköpostilin Hallintaportaalin

Lisätiedot

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN Koulutusteknologian perusopinnot Digitaalinen portfolio oppimisen tukena 2010 Essi Vuopala 1. BLOGIN LUOMINEN Mene osoitteeseen http://www.wordpress.com

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

Pauliina Munter/Suvi Junes Tietohallinto/Opetusteknologiapalvelut 2015

Pauliina Munter/Suvi Junes Tietohallinto/Opetusteknologiapalvelut 2015 Ryhmät Moodlessa voi jakaa opiskelijoita pienempiin alaryhmiin, joilla toimitaan esim. keskustelualueella tai työskennellään wikissä. Ryhmätoiminto on hyödyllinen, jos kurssilla on paljon osallistujia

Lisätiedot

ICT1TN004. Skriptikielet. Heikki Hietala

ICT1TN004. Skriptikielet. Heikki Hietala Skriptikielet Heikki Hietala Skriptikielet Skriptikielet eli komentosarjakielet ovat ohjelmointikieliä, joilla automatisoidaan tehtäviä Toisaalta niitä käytetään käyttöjärjestelmälle ominaisia tehtäviä

Lisätiedot

Tentti erilaiset kysymystyypit

Tentti erilaiset kysymystyypit Tentti erilaiset kysymystyypit Kysymystyyppien kanssa kannatta huomioida, että ne ovat yhteydessä tentin asetuksiin ja erityisesti Kysymysten toimintatapa-kohtaan, jossa määritellään arvioidaanko kysymykset

Lisätiedot

Ambientia Content Manager

Ambientia Content Manager Ambientia Content Manager Ambientia Form Designer 1.0. 21.2.2005 TM Ambientia Content Manager Sivu 2/25 1 SISÄLLYSLUETTELO 1 Sisällysluettelo...2 2 Ambientia Form Designer...3 3 Avoimet lomakkeet...4 4

Lisätiedot

Tikon ostolaskujen käsittely

Tikon ostolaskujen käsittely Toukokuu 2013 1 (7) 6.3.0 Copyright Aditro 2013 Toukokuu 2013 2 (7) Sisällysluettelo 1. Käyttäjäasetukset... 3 2. Yleiset parametrit... 3 3. Kierrätysasetukset... 3 4. palvelimen tiedot... 4 5. lähetyksen

Lisätiedot

HUOMAUTUS! Älä kytke Cometia USB-kaapelilla tietokoneeseesi, kun lataat satunnaiskoodeilla.

HUOMAUTUS! Älä kytke Cometia USB-kaapelilla tietokoneeseesi, kun lataat satunnaiskoodeilla. RAHAN LATAAMINEN COMET-MAKSULAITTEESEEN SATUNNAISKOODEJA KÄYTTÄMÄLLÄ HUOMAUTUS! Älä kytke Cometia USB-kaapelilla tietokoneeseesi, kun lataat satunnaiskoodeilla. Voit käyttää Comet maksulaitteen lataamista

Lisätiedot

Yhdistäminen. Tietolähteen luominen. Word-taulukko. Joukkokirje, osoitetarrat Työvälineohjelmistot 1(5)

Yhdistäminen. Tietolähteen luominen. Word-taulukko. Joukkokirje, osoitetarrat Työvälineohjelmistot 1(5) Työvälineohjelmistot 1(5) Yhdistäminen Yhdistämistoiminnolla voidaan tehdä esimerkiksi joukkokirjeitä, osoitetarroja, kirjekuoria, jne. Siinä yhdistetään kaksi tiedostoa: Pääasiakirja Tietolähde Pääasiakirjassa

Lisätiedot

CSS aloitus. CSS Cascade Stylesheet Mirja Jaakkola

CSS aloitus. CSS Cascade Stylesheet Mirja Jaakkola CSS aloitus CSS Cascade Stylesheet Mirja Jaakkola Sisältö 3. Ulkopuolisen tyylitiedoston käyttö 4. Tyyliohjeen kirjoittaminen 5. style-elementti 6. style-attribuutti 7. class-attribuutti 8. id-attribuutti

Lisätiedot

Tikon ostolaskujen käsittely

Tikon ostolaskujen käsittely Toukokuu 2014 1 (8) Toukokuu 2014 2 (8) Sisällysluettelo 1. Käyttäjäasetukset... 3 2. Yleiset parametrit... 3 3. Kierrätysasetukset... 3 4. palvelimen tiedot... 4 5. lähetyksen aktivointi... 5 6. Eräajot

Lisätiedot

Tentti erilaiset kysymystyypit

Tentti erilaiset kysymystyypit Tentti erilaiset kysymystyypit Monivalinta Monivalintatehtävässä opiskelija valitsee vastauksen valmiiden vastausvaihtoehtojen joukosta. Tehtävään voi olla yksi tai useampi oikea vastaus. Varmista, että

Lisätiedot

Periaate. Login. Taitto ja artikkelit. Artikkeli ja elementit

Periaate. Login. Taitto ja artikkelit. Artikkeli ja elementit Periaate Smart Connection Enterprise on tietokantapohjainen julkaisujärjestelmä, joka perustuu Adoben InDesign ja InCopy ohjelmiin. Järjestelmä käyttää tiedonsiirtoon suojattua internet-yhteyttä, joten

Lisätiedot

FrontPage 2000 - Näkymät

FrontPage 2000 - Näkymät FrontPage 2000 - Näkymät FrontPagessa on kuusi erilaista näkymää sivustoon. Sivunäkymä Tässä näkymässä luodaan sivut eli näkymä vastaa paljolti Wordin tekstinkäsittelyohjelman näkymää. Tässä on myös muokattava

Lisätiedot

DOORS Word DOORS 29.04.2004. SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi

DOORS Word DOORS 29.04.2004. SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi DOORS Word DOORS 29.04.2004 SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi Tietojen siirto DOORSista ja DOORSiin Yhteistyökumppaneilla ei välttämättä ole käytössä Telelogic DOORS -ohjelmistoa, jolloin vaatimusten

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

Tervetuloa käyttämään ehopsia

Tervetuloa käyttämään ehopsia Tervetuloa käyttämään ehopsia Sisällys: Uuden ehops-pohjan luominen (opettaja)... ehops-pohjan jakaminen opiskelijoille (opettaja)... Opiskelijan jakaman ehopsin etsiminen (opettaja)... Opiskelijan jakaman

Lisätiedot

Monikielinen verkkokauppa

Monikielinen verkkokauppa Monikielinen verkkokauppa Monikielinen verkkokauppa Monikielisen verkkokaupan luomisessa pitää Multiple Languages lisämoduuli olla aktivoituna. Klikkaa valikosta Features -> Apps Management -> näkyviin

Lisätiedot

directive attr1= value1 attr2= value2 %>

directive attr1= value1 attr2= value2 %> HAAGA-HELIA OHJELMISTOKEHITYS 1(14) -elementti on olemassa kolmenlaisia elementtejä: A) Direktiivit A) Direktiivejä (directive element) B) Skriptejä (scripting selement) C) Toimintoelementtejä (action

Lisätiedot

1. Uuden Ilmon käytön eroavaisuudet vanhasta Ilmosta lyhyesti

1. Uuden Ilmon käytön eroavaisuudet vanhasta Ilmosta lyhyesti Sisällysluettelo 1. Uuden Ilmon käytön eroavaisuudet vanhasta Ilmosta lyhyesti... 2 Huomattavaa kurssin tietojen täyttämisessä!... 2 2. Kurssikuvauksen ja muiden opiskelijoille näkyvien kurssitietojen

Lisätiedot

Sopimuslomake Net. Rakennus ja kiinteistöalan lomakepalvelu. 1. Rekisteröityminen kannattaa aina

Sopimuslomake Net. Rakennus ja kiinteistöalan lomakepalvelu. 1. Rekisteröityminen kannattaa aina Rakennus ja kiinteistöalan lomakepalvelu Sopimuslomakkeiden käytön periaate: 1. Valitse lomake a. Hae lomake joko Haku ruudusta tai Täytettävät lomakkeet listalta 2. Täytä kohteen tiedot a. Keskeneräisen

Lisätiedot

Harjoituksen aiheena on tietokantapalvelimen asentaminen ja testaaminen. Asennetaan MySQL-tietokanta. Hieman linkkejä:

Harjoituksen aiheena on tietokantapalvelimen asentaminen ja testaaminen. Asennetaan MySQL-tietokanta. Hieman linkkejä: Linux-harjoitus 6 Harjoituksen aiheena on tietokantapalvelimen asentaminen ja testaaminen. Asennetaan MySQL-tietokanta. Hieman linkkejä: http://www.mysql.com/, MySQL-tietokantaohjelman kotisivu. http://www.mysql.com/doc/en/index.html,

Lisätiedot

Word 2010 Pikaopas Hannu Matikainen Päivitetty: 14.4.2012

Word 2010 Pikaopas Hannu Matikainen Päivitetty: 14.4.2012 Word 2010 Pikaopas Hannu Matikainen Päivitetty: 14.4.2012 1(5) Ohjelmaikkunan osat Valintanauhan tärkeimmät välilehdet ovat Tiedosto, Aloitus, Lisää ja Sivun asettelu. Kuvassa näkyy Aloitus-välilehti.

Lisätiedot

Ohjelmoinnin perusteet Y Python

Ohjelmoinnin perusteet Y Python Ohjelmoinnin perusteet Y Python T-106.1208 12.4.2010 T-106.1208 Ohjelmoinnin perusteet Y 12.4.2010 1 / 34 Graafiset käyttöliittymät Tähän asti kirjoitetuissa ohjelmissa on ollut tekstipohjainen käyttöliittymä.

Lisätiedot

HTML:n perusteet. Jari Sarja / Otavan Opisto 2012. Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.

HTML:n perusteet. Jari Sarja / Otavan Opisto 2012. Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3. HTML:n perusteet Jari Sarja / Otavan Opisto 2012 Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä 1 Sisältö 1. Johdanto... 4 1.1. HTML:n lähtökohdat... 4 1.2. Millä HTML-sivuja

Lisätiedot