Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne
|
|
- Maija-Leena Pesonen
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 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, joten siihen ei ole välttämättä tarve koskea. Kotisivujen luonti sivupohjien avulla sujuu taatusti kaikilta joilla on hallussa tietokoneen peruskäyttötaidot. Ohjeen tässä osassa käydään läpi perusteita ja elementtejä, voit siirtyä suoraan muokkaamaan sivupohjia seuraavan otsikon alta löytyvään ohjeeseen ja palata tähän takaisin aina kun kohtaat jonkun ongelman. Sivupohjien rakenne Kun aloitat tekemään oman yhdistyksesi kotisivuja sivupohjien avulla, ota sivupohjat sisältävä paketti kotisivulta. Paketit on pakattu rar ja zip -pakkauksella, ja sivulta löydät ohjeet niiden purkamiseen ja käyttöönottoon. Aloita yksinkertaisemmasta sivupohjapaketista jos et omaa aikaisempaa kokemusta kotisivujen tekemisestä, toki voit ottaa osia laajemmasta paketista käyttöön vaikka samantien. Suositeltavaa onkin ottaa sieltä vähintään kalenteriliitäntä. Yksinkertainen sivupohja sisältää seuraavat tiedostot: - index.html - ajankohtaista.html - kyla.html - yhdistys.html - yhteystiedot.html - tyyli.css Huomaa että jokainen tiedosto on oma selaimessa avattava sivu. Aloita muokkaamaan niitä yksi kerrallaan ohjeen avulla ja kun olet päässyt ohjeen loppuun, olet luonut yhdistyksellesi kotisivut. Tämän jälkeen tarvii ainoastaan siirtää ne palvelimelle jossa ne ovat kaikien saatavilla. Kun muokkaat sivuja, avaa kyseinen sivu myös selaimeesi, tuplaklikkaamalla tiedostoa se avautuu selaimessa, klikkaamassa oikealla napilla voit valita millä ohjelmalla sen avaat, valitsemalla muistio (notepad) tai textpad (jos olet päätynyt asentamaan sen) voit muokata sitä. Muokkaa tiedostoa, tallenna, ja tarkista aina selaimessa miltä muutoksesi näyttää (päivitä sivu F5-näppäimellä tai ctrl+r näppäinyhdistelmällä).
2 Kotisivujen tekemisen perusteet Kotisivut ovat kokoelma muotoilematonta tekstiä.html formaatissa. Ilman tyylimuotoiluja ja tekstin jaottelua erilaisilla lohkoelementeillä ne näyttäisivät normaalilta tekstiartikkelilta ilman otsikkojen korostuksia ja muotoiluja. Näillä elementeillä sivuista saadaan kuitenkin helpompia lukea ja niihin voidaan luoda haluttu rakenne. Tässä ohjeessa on kuvattu niiden lohkoelementtien käyttö, joita sivupohjilla tehdyillä sivuilla vähintään tarvitsee. Jos taidot ovat karttavammat, sivupohjista voi toki muokata juuri sen näköiset kuin haluaa. HTML-sivun perusteet Html-sivu on aina seuraavaa muotoa: <html> <head> <title>kotisivun nimi</title> </head> <body> </body> </html> <p> Kotisivun sisältö.</p> Jos tarkastellaan yllä olevaa listaa tarkemmin, huomataan että löydetään aina kaksi vastaavaa elementtiä. Samalla tavalla kuin laskutoimituksen sulkumerkit (), elementeissä <> ja </> avaavat ja sulkevat sen. Sivua luodessa täytyy olla tarkkana että jokaisella avatulla elementillä on myös lopetuselementtinsä. Seuraavaksi esitellään tarvittavia elementtejä. Esimerkkejä löydät sivupohja-esimerkeistä.
3 Tärkeimmät lohkoelementit <html> </html> Elementti on sivun juurielementti, joka täytyy löytyä sivun alusta ja lopusta että selain tunnistaa sen html-sivuksi. Tätä elementtiä ei sivupohjissa ole yleensä tarvetta muokata. <head> </head> Tähän elementtiin määrittelemme sivun otsikkotiedot. Käyttö on tarkemmin kuvattu myöhemmin kun tarkastellaan sivupohjien täyttöä. <body> </body> Elementti käsittää sivun varsinaisen sisällön. Kaikki mikä näkyy selainikkunassa tulee tämän lohkon sisään. <div> </div> Tätä elementtiä käytetään yleensä rakenteellistamaan sivua, sillä erotellaan sivun osia toisistaan mm. ulkoasun muokkausta varten. Sivupohjissa ulkoasu määritellään div-elementillä. Sivu on jaettu kolmeen neljään pääosaan, tässä mm.: banneri, navi ja main -osiin. Näistä ensimmäinen käsittää otsikkopalkin, toinen navigointipalkin ja kolmas varsinaisen tekstiosan. <h1> </h1> Otsikkoelementti. Tällä kuvataan ensimmäisen tason otsikkoa, joka yleensä löytyy vain kerran sivulta tai taulukon soluun jaetusta tekstiosasta. <h2> </h2> Otsikkoelementti. Tällä kuvataan toisen tason otsikkoa, jota käytetään rakenteellistamaan tekstiä. <h3> </h3> Otsikkoelementti. Tällä kuvataan kolmannen tason otsikkoa, joka on sivupohjissa käytetty kaikkein pienin otsikkotyyppi. <p> </p> Kappale-elementti. Kaikki kirjoitettu normaali teksti tulee olla kappaleelementin sisällä. Se on käytetyin yksittäinen elementti.
4 <a> </a> Linkki. Käyttö: <a href= linkin osoite >Linkin kuvaus.</a>. Ole tarkka että linkin osoite tulee lainausmerkkien sisälle ja että linkkiin tulee tarkalleen oikea osoite. Osoite: index.html osoittaa samalla palvelimella olevan saman kansion index.html tiedostoon, kun taas linkin osoite osoittaa juuri tuossa osoitteessa olevaan tiedostoon ja siihen voidaan viitata mistä tahansa. Jos olet epävarma, lisää aina linkin osoite kokonaisuudessaan, siitä ei ole mitään haittaakaan. <img></img> tai <img /> Kuva. Käyttö: <img alt="kuva" src="kuva.jpg" width="210" height="300" />. Attribuutti alt= tarkoittaa tekstiä joka näytetään jos kuvaa ei jostain syystä voida ladata, vaikka silloin jos se on sijoitettu väärän hakemistoon. src= määrittää kuvan osoitteen, eli se vastaa ylemmässä linkin määritelmässä href= attribuuttia. Jos käytetään viittausta kuvannimi.jpg on sen sijaittava samassa hakemistossa kuin sivu jossa kuvaa käytetään. width= attribuutti määrittelee kuvan leveyden, height= kuvan korkeuden. Vaikka kuva olisi suurempi, näytetään se juuri siinä koossa kun tässä määritellään, ole tarkkana että kuvasuhteet säilyvät eikä se vääristy. Huomaa että lopussa ennen hakasulkua täytyy olla / -merkki joka päättää linkin. Tässä tapauksessa ei tarvita päättöelementtiä. Kuvalinkki. Käyttö: <a href="kuvannimi.jpg"><img alt="kuva" src="kuvannimi.jpg" width="210" height="158" /></a>. Tässä tapauksessa kuva näytetään 210x158 kokoisena, kuitenkin kuvaa klikkaamalla se avautuu ikkunassa alkuperäiskokoisena. Tämä onkin hyvä tapa käyttää tärkeitä kuvia, joista haluat täysikokoisen version näkyville. Se on kuitenkin raskas tapa käyttää ja alkuperäisen kuvan koon olisi hyvä olla maksimissaan noin 900x900 pikseliä. Enimmillään yhdelle sivustolle kannattaa laittaa noin 4-5 kuvaa, jos on tarve näyttää enemmän, lisätään ne ulkopuoliseen kuvapalveluun ja lisätään linkki sivulle. <ul> </ul> Lista. Käyttö: <ul> <li> ensimmäinen </li> <li> toinen </li> </ul>. ensimmäinen toinen <ol></ol> Numeroitu lista. Käyttö: <ol> <li> ensimmäinen </li> <li> toinen </li> </ol>. 1. ensimmäinen 2. toinen
5 <table></table> Taulukkoelementti. Vältä käyttöä mahdollisimman paljon. Käyttö: <table border="1"> <tr> <th>päivä</th> <th>tapahtuma</th> </tr> <tr> <td> </td> <td>talkoot</td> </tr> </table> <- taulun aloitus, border= 1 tekee reunuksen <- ensimmäinen rivi alkaa <- ensimmäisen solun otsikko <- toisen solun otsikko, poista nämä jos et tarvi <- ensimmäinen rivi päättyy <- toinen rivi alkaa <- toisen rivin ensimmäinen solu <- toisen rivin toinen solu <- toinen rivi päättyy <- taulukko päättyy Päivä Tapahtuma Talkoot <strong></strong> Strong-elementti. Tällä korostetaan tekstiä. Vaikutus on sama kuin tekstin boldaus tekstieditorissa. Käyttö: <p> Tämä kappale vaatii <strong>korostettua</strong> tekstiä.</p> Tämä kappale vaatii korostettua tekstiä. <br /> Pakotettu rivinvaihto. Käyttöä ei yleensä suositella, mutta voit käyttää sitä harkiten. Älä kuitenkaan koskaan käytä sitä kappaleiden luontiin, vaan tee ne <p></p> -elementillä. Huomaa että elementti päättyy itseenseä, lopussa täytyy siis olla / -merkki jota ennen on välilyönti. Käyttö: <p>tämä <br /> kappale <br /> vaatii <br /> rivinvaihtoja.</p> Tämä kappale vaatii rivinvaihtoja. <pre></pre> Tämä elementti on siitä erikoinen että sen väliin kirjoitettu teksti näkyy selainikkunassa juuri sellaisenaan, eli se pakottaa siihen muotoilut. Voit käyttää kokeillen, mutta älä kuitenkaan luo sillä suuria tekstikappaleita. Yleisimmin sitä käytetään erottamaan tekstistä esimerkiksi viittauksia. Lisää elementtejä löydät mm. englanniksi osoitteesta:
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. Ohjetta voidaan käyttää sivupohjien luonnin apuna, on kuitenkin suositeltavaa että
LisätiedotSivupohjien täyttö suppeat sivupohjat
Sivupohjien täyttö suppeat sivupohjat Tässä kuvataan sivupohjien muokkaus askelittain yksinkertaisemman sivupohjan avulla. Tätä ohjetta tunnollisesti seuraamalla saat aikaan yksinkertaiset, mutta toimivat
LisätiedotCode 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ätiedotEntiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla
1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.
LisätiedotH 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ätiedotH 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ätiedotTee 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ätiedotVerkkosivut 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ätiedotHTML 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ätiedotSuvi 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ätiedotTIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN
TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word
LisätiedotInternetsivujen 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ätiedotHTML & 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ätiedotOhjeistus yhdistysten internetpäivittäjille
Ohjeistus yhdistysten internetpäivittäjille Oman yhdistyksen tietojen päivittäminen www.krell.fi-sivuille Huom! Tarvitset päivittämistä varten tunnukset, jotka saat ottamalla yhteyden Kristillisen Eläkeliiton
Lisätiedot1 Yleistä Web-editorista... 3. 1.1 Web-editori -dokumentin luominen... 3. 2 Pikatoimintopainikkeet... 3. 2.1 Tallenna... 3
Web-editori 2 Optima Web-editori -ohje Sisällysluettelo 1 Yleistä Web-editorista... 3 1.1 Web-editori -dokumentin luominen... 3 2 Pikatoimintopainikkeet... 3 2.1 Tallenna... 3 2.2 Peru / Tee uudelleen...
LisätiedotSeaMonkey 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ätiedotHTML perusteita (ei julkiseen jakeluun)
HTML perusteita (ei julkiseen jakeluun) Tämä opas pyrkii selvittämään joitain verkkoviestintään liittyviä käsitteitä ja antamaan perustiedot HTML- kielestä sekä musiikin WWW- julkaisusta. Internetissä
LisätiedotAT4-kotisivukurssi. 4. jakso 5.2. 5.4.2013.
AT4-kotisivukurssi 4. jakso 5.2. 5.4.2013. Ohjeita, kotisivueditori HTML-opas http://www.iki.fi/mikaves/html/ (Mika Westerholm) Kotisivueditorit: Notepad (yksinkertainen BlueGriffon (tehokas, ilmainen)
LisätiedotHAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE
KOTISIVUJEN PÄIVITYSOHJE 1 SISÄLLYSLUETTELO KIRJAUDU PALVELUUN...3 KÄVIJÄSEURANTA...4 SIVUJEN PÄIVITYS...5 Sisältö...6 Sisältö / Työkalut...8 Sisältö / Taulukko...9 Sisältö / Kuvien tuominen...10 Sisältö
LisätiedotVerkkojulkaiseminen Minna Väisänen. HTML5-tehtävä
Verkkojulkaiseminen Minna Väisänen HTML5-tehtävä Kirjoita Dreamweaverissa oheisen nettisivun koodi. Lisää xx-kohtiin omat tietosi. Kuvan nimi on joki.jpg. Ensin tehdään sivusto ja sitten yksittäinen sivu.
LisätiedotArtikkelien 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ätiedotDrupal-sivuston hallintaopas
Drupal-sivuston hallintaopas 11.12.2011 1. Sisäänkirjautuminen... 2 2. Sivun luonti... 2 1 1. Sisäänkirjautuminen Kirjautumissivulle pääset osoitteesta http://www.venajaseura.com/user Käyttäjätunnuksesi
LisätiedotBLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla
BLOGGER ohjeita blogin pitämiseen Googlen Bloggerilla Sisältö Blogin luominen... 1 Uuden blogitekstin kirjoittaminen... 4 Kuvan lisääminen blogitekstiin... 5 Lisää kuva omalta koneelta... 6 Lisää kuva
LisätiedotGoogle-dokumentit. Opetusteknologiakeskus Mediamylly
Google-dokumentit 1 2 3 Yleistä 1.1 Tilin luominen 4 1.2 Docs-päävalikkoon siirtyminen 7 Dokumentit-päävalikko 2.1 Kirjaudu Dokumentteihin 9 2.2 Lähetä tiedosto Google-dokumentteihin 11 2.3 Uuden asiakirjan
LisätiedotTietosuoja-portaali. päivittäjän ohje
Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan
LisätiedotJoomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.
Joomla pikaopas Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Paavo Räisänen www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida, tulostaa
LisätiedotKyläsivujen InfoWeb-ohje
Kyläsivujen InfoWeb-ohje Kirjoita internet-selaimesi osoitekenttään kyläsivujen hallintaosoite; www.yla -savo.fi/admin Saavut seuraavalle sivulle, johon kirjoitat käyttäjätunnuksesi ja salasanasi: Paina
LisätiedotYllä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ätiedotMOBISITE-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ätiedotVIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE
VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE JULKAISUJÄRJESTELMÄÄN KIRJAUTUMINEN. Osoitekenttään kirjoitetaan www.domain.fi/admin. Kirjoita käyttäjätunnus: xxxxxx. Salasana:
LisätiedotETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu
ETAPPI ry JOOMLA 2.5 Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Sivu 1(16) Sisällysluettelo 1 Joomla! sivuston sisällöntuotanto... 2 2 Artikkeleiden julkaisu sivustolla... 4 3 Artikkelin julkaisemista
LisätiedotSuvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014
Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aktiviteetti tai aineisto - linkin. Valitse linkin takaa avautuvasta listasta, millaisen aineiston haluat alueelle tuoda, ja paina
LisätiedotEditorin käyttö. TaikaTapahtumat -käyttöohje
Editorin käyttö TaikaTapahtumat -käyttöohje Yleistä ohjelmasta etaika-järjestelmän HTML-moduuli sisältää tekstieditorin, joka on monipuolinen apuväline tehtäessä materiaalia sivustolle (esim. tapahtumakohtaiset
LisätiedotÄlä vielä sulje vanhoja
OneNote-muistioiden käyttöönotto TUNI OneDrivesta Sinun vanhan Office365-tilin OneDrive-kansioon tallennetut tiedostot menevät lukutilaan, kun tiedostojen kopiointi uuteen TUNI OneDrive -kansioon on tehty.
Lisätiedot1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut...
Kooste 2 Optima Kooste-ohje Sisällysluettelo 1 Yleistä Kooste-objektista... 3 1.1 Käyttöönotto... 3 2 Kooste-objektin luominen... 4 3 Sisällön lisääminen Kooste objektiin... 4 3.1 Sivut... 5 3.2 Sisältölohkot...
Lisätiedot,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ätiedotWWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY
1 WWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY 10.4.2015 Lounea Oy Tehdaskatu 6, 24100 Salo Puh. 029 707 00 Y-tunnus 0139471-8 www.lounea.fi Asiakaspalvelu 0800 303 00 Yrityspalvelu 0800 303 01 Myymälät 0800 303
LisätiedotProseduraalinen 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ätiedotHTML editorin käyttö - 1
HTML editorin käyttö KompoZer sivustoeditorin pikaopas (hae editori osoitteesta: http://kompozer.net/) KompoZer editori Kompozer on sivustoeditori, jolla voit koostaa sivustoasi (useamman sivun linkitetty
LisätiedotKuva xhtml-sivulla. Mirja Jaakkola
Kuva xhtml-sivulla Mirja Jaakkola Sisältö 3. Kuva www-sivulla 4. img-elementti 5. Kuvan koko 6. Kuvan keskitys vaakasuoraan & kuvateksti 7. Kuvan tasaus pystysuoraan 8. Esimerkki: pystysuora tasaus eri
LisätiedotMoodle-oppimisympäristö
k5kcaptivate Moodle-oppimisympäristö Opiskelijan opas Sisältö 1. Mikä on Moodle? 2. Mistä löydän Moodlen? 3. Kuinka muokkaan käyttäjätietojani? 4. Kuinka ilmoittaudun kurssille? 5. Kuinka käytän Moodlen
LisätiedotOma kartta Google Maps -palveluun
TAMPERE 1 (6) Oma kartta Google Maps -palveluun Google Maps palveluun on mahdollista luoda karttoja omilla paikkamerkeillä. Tilin luonti Google-palveluihin Tehdäksesi karttoja omilla paikkamerkinnöillä,
LisätiedotTekstieditorin käyttö ja kuvien käsittely
Tekstieditorin käyttö ja kuvien käsittely Teksti- ja kuvaeditori Useassa Kotisivukoneen työkalussa on käytössä monipuolinen tekstieditori, johon voidaan tekstin lisäksi liittää myös kuvia, linkkejä ja
LisätiedotYleistä. Suositukset. Rakenne
Yhdistysavaimen ulkoasuohjeistus Jyty-liiton yhdistyksille 27.5.2015 Yleistä Tämä on Jytyliiton yhdistyksille laadittu ohjeistus ulkoasun rakentamisesta Yhdistysavain-julkaisujärjestelmään. Tavoitteena
LisätiedotSuvi 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ätiedotJuricon 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ätiedotKÄ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ätiedotSuvi Junes Tietohallinto / Opetusteknologiapalvelut 2013
Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aineisto-valikon tai Add an activity or resource valikon (Asetukset lohko Activity chooser on toiminnon ollessa päällä). Valitse
LisätiedotVERKKOSOVELLUSTEN 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ätiedotOhjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.
Kotisivu ohje Kotisivu - ohjelmisto on webbipohjainen kotisivujen julkaisujärjestelmä jossa käyttäjä ei tarvitse erityistaitoja kyetäkseen julkaisemaan webbisivuja. Jos osaat käyttää Microsoft Word tekstinkäsittelyohjelmaa,
LisätiedotMOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen
etusivulta yläoikealta. Kirjauduttuasi sisään SAMK Moodleen, mene omalle opintojaksollesi ja siirry muokkaustilaan. Muokkaustila päälle painike löytyy opintojakson Kun muokkaustila on päällä, siirry sen
Lisätiedotwww.kotisivukone.fi Pikaopas kotisivujen tekoon
Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet avannut kotisivut Kotisivukoneella, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen
LisätiedotSähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje
Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja Julkaisujärjestelmän ohje 2014 2 PM-Julk aisujärjestelmän perusohjeet Julkaisujärjestelmän käyttöönotto Julkaisujärjestelämän avulla voit itsenäisesti muokata
LisätiedotAinatuore-sivuston. päivitys. Lyhyt käyttöopas. Ainatuoresivuston. päivittäjälle. Aboa Data Oy, Ainatuore-tiimi
Ainatuoresivuston päivitys Lyhyt käyttöopas Ainatuore-sivuston päivittäjälle Aboa Data Oy, Ainatuore-tiimi Ainatuore-sivuston käyttö Aboa Data Oy, 2006 Yleistä Ainatuore-palveluun sisältyy mahdollisuus
LisätiedotTaulukot. 2002 Päivi Vartiainen 1
Taulukot Taulukon lisääminen FrontPagessa tapahtuu samalla tavoin kuin Word tekstinkäsittelyohjelmassakin. Valitse vakiotyökaluriviltä Lisää taulukko painike. Kun olet napsauttanut painikkeen alas voit
Lisätiedot1 www-sivujen teko opetuksessa
RäsSe, Tekniikka/Kuopio Sivu 1 1 www-sivujen teko opetuksessa 1.1 Yleistä Mitä materiaalia verkkoon? Tyypillisesti verkossa oleva materiaali on html-tiedostoja. Näitä tiedostoja tehdään jollakin editorilla
LisätiedotVERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE
VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE 1. SISÄÄN KIRJAUTUMINEN Sisään kirjautuminen VerkkoVelho-ylläpitotyökaluun tapahtuu yrityksesi osoitteessa www.omaosoitteesi.fi/yllapito, esim. www.verkkovelho.fi/yllapito.
LisätiedotPikaohjeita OneNote OPS:in käyttäjille
OneNote OPS OHJE Pikaohjeita OneNote OPS:in käyttäjille Vinkki: Jos et löydä hakemaasi, voit painaa F1-painiketta, joka avaa OneNote-ohjeen, josta voit hakea hakusanoilla vastausta kysymyksiisi liittyen
LisätiedotUpdateIT 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ätiedotT&M Autori Versio Series 60 -puhelimiin
T&M Autori Versio 5.0.0 Series 60 -puhelimiin Asennusohje 19. huhtikuuta 2010 TIETOMEKKA T&M Autori asennusohje - 2 SISÄLLYSLUETTELO SISÄLLYSLUETTELO 2 1. YLEISTÄ 3 2. UUDEN MUISTIKORTIN ASENNUS 3 3. T&M
LisätiedotTiedostojen lataaminen netistä ja asentaminen
s. 1/5 Tiedostojen lataaminen netistä ja asentaminen Yleistä Internetissä on paljon hyödyllisiä ilmaisohjelmia, jotka voi ladata ja asentaa omalle koneelle. Osa ohjelmista löytyy suomenkielisiltä sivuilta,
LisätiedotXHTML - 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ätiedotUpdateIT 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ätiedotMicrosoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön
Microsoft Outlook Web Access Pikaohje sähköpostin peruskäyttöön 1 Käyttö työpaikalla (Hallinto-verkossa) Käynnistetään sähköposti Työpöydällä olevasta Faiposti-pikakuvakkeesta (hiirellä kaksoisklikkaamalla).
LisätiedotKun suunnitelma on valmiina niin itse sivuston rakentaminen on jo helpompaa. (jatketaan tätä rakentelu vaiheessa.
WWW-sivun teko Niko Rautava 2006 http://koti.mbnet.fi/nrautava/ Kannattaa aloittaa www-sivun suunnittelu ihan paperille laittamalla siihen seuraavia tietoja: - sivujen määrä - alasivut (määrä, ulkonäkö)
LisätiedotLibreOffice Writer perusteita
LibreOffice Writer perusteita Käytetään Digabi-käyttöjärjestelmää (DigabiOS) ja harjoitellaan LibreOfficen käyttöä. 1. Ohjelman käynnistys Avaa Sovellusvalikko => Toimisto => LibreOffice Writer. Ohjelma
LisätiedotNettisivujen Päivitysohje
Hämeenlinnan rauhanyhdistys ry Nettisivujen Päivitysohje Ohje päivitetty 18.7.2012 Hallintapaneeli Kirjautuminen nettisivujen hallintaan Hallintapaneeliin päästään kirjautumaan klikkaamalla linkkiä nettisivujen
LisätiedotALVin käyttöohjeet. Kuvaus, rajaus ja tallennus puhelimella ALVin -mobiilisovelluksen avulla dokumentit kuvataan, rajataan ja tallennetaan palveluun.
ALVin käyttöohjeet Nämä käyttöohjeet sisältävät hyödyllisiä vinkkejä palvelun käyttöön. Ne kannattaa lukea ennen palvelun käyttöä. Jos kuitenkin kohtaat ongelmia etkä löydä niihin ratkaisua näistä käyttöohjeista
LisätiedotOhjeita 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ätiedotSkype for Business ohjelman asennus- ja käyttöohje Sisällys
Skype for Business ohjelman asennus- ja käyttöohje Sisällys Kirjautuminen Office 365 -palveluun... 2 Skype for Business ohjelman asentaminen... 3 Yhteyshenkilöiden lisääminen Skype for Business ohjelmassa...
Lisätiedot1 (14) Ohje. Ohje. GTK-wiki. Geologian tutkimuskeskus, Verkkosivustopalvelut
1 (14) GTK-wiki 2 (14) Sisällysluettelo 1. Wikin ylläpito... 3 1.1. Wiki-artikkelin muokkaus... 3 1.2. Wiki-artikkelin lisääminen... 3 2. Wiki-toiminnot... 4 2.1. Ristiinlinkitys... 4 2.2. Tekstin muotoilu...
LisätiedotPäänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko
Simppelit ohjeet Sisällys Päänäkymä... 1 Valikko... 1 Opiskelijan ohjeet Kurssin suorittaminen... 2 Kurssin haku... 2 Kurssin suorittaminen... 2 Opettajan ohjeet kurssin teko... 3 Kirjautuminen... 3 Kurssin
LisätiedotOpiskelun ja työelämän tietotekniikka (DTEK1043)
Opiskelun ja työelämän tietotekniikka (DTEK1043) pääaine- ja sivuaineopiskelijat Taulukkolaskennan perusteet Yleistä Tämä harjoitus käsittelee taulukkolaskentaohjelman perustoimintoja. Harjoituksissa opetellaan
LisätiedotNotepad++ on ilmaisohjelma ja sen voi ladata osoitteesta: http://notepad-plus-plus.org/
1 HTML-perusteita HTML on lyhenne sanoista Hyper Text Markup Language. Aluksi oli kyse tekstidokumenteista, jotka oli linkitetty toisiinsa nk. hyperlinkkien avulla. Nykyään HTML-dokumentit sisältävät paljon
LisätiedotPÄIVITÄ TIETOSI OPTIMASTA! KOOSTE
PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE IT-palvelut / Hannele Rajaniemi optima-support@jyu.fi www.jyu.fi/itp/optima-ohjeet 2 Sisältö Mikä on koosteen idea? Miten saan kooste-työkalun käyttööni? Miten luon koosteen?
Lisätiedotopiskelijan ohje - kirjautuminen
opiskelijan ohje - kirjautuminen estudio on Edupolin kehittämä e-oppimisympäristö koulutusryhmän verkkoalustana perinteisen luokkaopetuksen tukena. etäopiskelussa ja -opetuksessa kotoa tai työpaikalta.
LisätiedotYhteistyökumppanit kirjautuvat erikseen annetuilla tunnuksilla osoitteeseen
1 Etäyhteysohje (vpn.lappia.fi) Yleistä ssl-vpn etäkäyttöpalvelusta Koulutuskuntayhtymän henkilökunnalla ja opiskelijoilla on käytössään selaimella käytettävä etäkäyttöpalvelu. Palvelun kautta voi käyttää
LisätiedotPerustietoja Mietoisten kyläportaalista... 2. Yhdistyksen ylläpitäjän kirjautuminen... 2. Yhdistyksen etusivun muokkaaminen... 2
Mietoisten kyläportaalin käyttöohjeet alasivujen ylläpitäjille Päivitetty 8.4.2011 Sisältö Perustietoja Mietoisten kyläportaalista... 2 Yhdistyksen ylläpitäjän kirjautuminen... 2 Yhdistyksen etusivun muokkaaminen...
LisätiedotMICROSOFT EXCEL 2010
1 MICROSOFT EXCEL 2010 Taulukkolaskentaohjelman jatkokurssin tärkeitä asioita 2 Taulukkolaskentaohjelmalla voit Käyttää tietokonetta ruutupaperin ja taskulaskimen korvaajana Laatia helposti ylläpidettäviä
LisätiedotKopiodaksesi, 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ätiedotNTG CMS. Julkaisujärjestelm. rjestelmä
NTG CMS Julkaisujärjestelm rjestelmä NTG CMS julkaisujärjestelmän avulla voit päivittää ja ylläpitää internetsivujen sisältöä helppokäyttöisen webkäyttöliittymän kautta, ilman minkäänlaista html-osaamista.
LisätiedotTYYLIT. Word Tyylit
Word 2013 Tyylit TYYLIT TYYLIT... 1 Pikatyylien käyttäminen... 1 Tyylimuotoilun poistaminen... 2 Tyylin muokkaaminen... 2 Uuden tyylin luominen muotoillusta tekstistä... 2 Uuden tyylin luominen valintataulussa...
LisätiedotOcto käyttöohje 1. Sisältö
Octo käyttöohje 1 Sisältö Sisältö...1 Sisäänkirjautuminen...2 Etusivu...2 Uimarihaku...3 Uimariryhmät...4 Seurahaku...4 Kilpailutilastot...5 Ilmoittautuminen kilpailuun...6 Kilpailuun ilmoittautuminen...7
LisätiedotTiedostojen siirto ja FTP - 1
Tiedostojen siirto ja FTP Tiedonsiirto Sibelius-Akatemian hakemistosi ja jonkun muun koneen välillä (esim. kotikoneesi) Taustaa FTP on lyhenne sanoista File Transfer Protocol. Se on yhteystapa jolla siirretään
LisätiedotMoodle 2.2 pikaohje. 1. Kirjautuminen ja omat kurssit (Työtilat) 1. Mene internet-selaimella osoitteeseen
Moodle 2.2 pikaohje 1. Kirjautuminen ja omat kurssit (Työtilat) 1. Mene internet-selaimella osoitteeseen https://moodle2.pkky.fi Kirjaudu omilla kuntayhtymän verkkotunnuksilla klikkaamalla Kirjaudu linkkiä
LisätiedotKompassin käyttöönotto ja kokeen luominen Opettaja
Kompassin käyttöönotto ja kokeen luominen Opettaja Kompassi-digikokeiden julkaisua varten sinun tulee luoda Sanoma Pron oppimisympäristöön oma työtila kurssiryhmän nimellä. Opiskelijat liittyvät samaan
LisätiedotKÄYTTÄJÄKOULUTUS HARJOITUKSET IMS 2010
KÄYTTÄJÄKOULUTUS HARJOITUKSET IMS 2010 SISÄLLYSLUETTELO 1 YLLÄPITO... 4 1.1 Luo uusi käyttäjäryhmä... 4 1.2 Lisää uusi käyttäjä... 5 1.3 Lisää käyttäjiä ryhmään... 6 1.4 Anna käyttäjäryhmälle oikeuksia...
LisätiedotVATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:
VATT Talouden rakenteet Ohje: Pdf-dian liittäminen PowerPoint -esitykseen Tämä ohje koskee Acrobat Reader -ohjelman versiota 9 sekä Firefox ja Internet Explorer -selaimia. Huomaa, että aikaisemmissa versioissa
LisätiedotKYMP Webmail -palvelu
KYMP Webmail -palvelu Sisältö 1. Kirjautuminen... 3 2. Viestin merkinnät... 4 3. Viestien lukeminen... 4 Viestiin vastaaminen... 4 Viestin välittäminen edelleen / uudelleen ohjaus... 5 4. Viestin kirjoittaminen...
LisätiedotSkype for Business ohjelman asennus- ja käyttöohje Sisällys
Skype for Business ohjelman asennus- ja käyttöohje Sisällys Kirjautuminen Office 365 -palveluun... 2 Skype for Business ohjelman asentaminen... 3 Yhteyshenkilöiden lisääminen Skype for Business ohjelmassa...
LisätiedotCSV - XML ohjelman käyttöohje
CSV - XML ohjelman käyttöohje Käynnistä ohjelma CSC_Virta_Julkaisut_ToXMLConverter.exe CSV-XML muunnos tapahtuu etenemällä ohjelmassa järjestyksessä 1. -> 6. ylhäältä oikealle: Perustoimintoja voi suorittaa
LisätiedotOHJE WWW.MUKAANPARTIOON.FI -LIPPUKUNTASIVUN MUOKKAAMISEEN
OHJE WWW.MUKAANPARTIOON.FI -LIPPUKUNTASIVUN MUOKKAAMISEEN 1. KIRJAUDU Navigoi osoitteeseen www.mukaanpartioon.fi. Aloita kirjautumalla: käyttäjätunnus: salasana: lippukunta HpL1Ka KUVA 1: Kirjautumislinkki
Lisätiedothelsingintaiteilijaseura.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ätiedotKÄYTTÖOHJE LATOMO VERSO
Kirjautuminen Kirjatuminen järjestelmään tapahtuu syöttämällä ylläpitäjältä (yleensä sähköpostilla) saatu käyttäjätunnus ja salasana niille varattuihin kenttiin. Jos olet unohtanut salasanasi voit syöttää
LisätiedotOhjeistus 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ätiedotUutiskirjesovelluksen käyttöohje
Uutiskirjesovelluksen 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 2 Sisällys Johdanto... 1 Päänavigointi...
LisätiedotKOTISIVUKONE ULKOASUEDITORI
KOTISIVUKONE ULKOASUEDITORI Kun olet luonut itsellesi kotisivut, voit aloittaa ulkoasun yksityiskohtaisemman räätälöimisen. Kotisivukone tarjoaa helppokäyttöisen ulkoasueditorin, jonka avulla saat sivujen
LisätiedotTalotietojen päivittäminen
Talotietojen päivittäminen www.seurantalot.fi-sivustolle Pikaohje seurantalojen omistajayhdistyksille 17.6.2015 Suomen Kotiseutuliitto 1 Ohjeen sisältö Palveluun kirjautuminen s. 3 Talosivu s. 4 Tietojen
LisätiedotKuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla
Kuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla Avaa Paint.NET tuplaklikkaamalla sen pikakuvaketta. Paint.NET avautuu tämän näköisenä. Edessä on tyhjä paperi. Saadaksesi auki kuvan, jota aiot pienentää
LisätiedotCMS Made Simple Perusteet
CMS Made Simple Perusteet 1. Hallintaan kirjautuminen Kirjautumisruutuun pääset lisäämällä osakaskuntasi www-osoitteen perään liitteen /admin. Käyttäjätunnuksena toimii onkija ja salasanana postitse saamasi
Lisätiedot