webbisivuja Workshop kotisivujen tekemisestä

Slides:



Advertisements
Samankaltaiset esitykset
Näkövammaiset ja verkkosivustot Virpi Jylhä
Advertisements

Kotisivukoulutus Kirjastotalo Metso Osa 2 Kuvan lisäys ja muokkaaminen.
Käyttöohje: Kuinka luoda uusi sivu. (Painamalla F5 voit katsoa tämän diaesityksen)
Wikin pikaohje /ut. Kirjautuminen palveluun • Mene osoitteeseen valitse sivun oikeasta yläkulmasta ”Sign.
SkyDrive ja Office Web Apps –sovellusten käyttäminen
Sähköpostiviestien uudelleenohjaus ohje Maks Larionov DP11LA.
Kalastuslupien sähköinen kuittivihko on nopein ja helpoin tapa saada yhdellä tilauksella kalastusluvat suurellekin ryhmälle.
AT-STARTTI OPPILAAN OPETUSVERKON JA INTRAN PERUSTOIMINTOJA.
Käyttöohje: Kuinka luoda uusi tapahtuma. (Painamalla F5 voit katsoa tämän diaesityksen)
KyläNetti - sivun tekeminen • KyläNetti-sivustoon on luotu valmiiksi esimerkinomainen sivurakenne, jota voi vapaasti muokata • Kaikki sivut eivät ole näkyvissä.
Avonet Digilehtiö käyttö
Historia • Blogger-palvelun perusti pieni sanfranciscolainen yritys nimeltään Pyra Labs jo vuoden 1999 elokuussa • Bloggerin kehittivät kolme kaveria,
© 2010 IBM Corporation1 Bannerikaruselli  Bannerikaruselli on sisällönhallinnan komponentti, jolla voidaan laittaa www-sivulla haluttuun kohtaan näkymään.
Kotisivukoulutus Kirjastotalo Metso Osa 1 Tekstin kirjoittaminen ja muokkaaminen, linkitys.
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö Netbeans ja XAMPP Projektin luominen.
Käyttöohje: Kuinka luoda uusi uutinen. (Painamalla F5 voit katsoa tämän diaesityksen)
Topintupa , mobiilipilotti Blogien käyttöönotto.
W w w. h a m k. f i Wiki koulutus Leenakaija Lehto
14 websuunnitteluvinkkiä!
Netvibes henkilökohtaisena oppimisympäristönä Kiravo – kirjasto avoimena oppimisympäristönä Biblär – biblioteket som ett öppet lärcentra Krista Auvinen.
Verkkosivut opettajan apuna
WORDPRESS -KOULUTUS Juha Konttinen – Miksi Wordpress?  on ilmainen  on helppo asentaa ja käyttää  omalle tai vuokratulle palvelimelle 
Internet-viestintä on helppoa! Käyttökuvaus 4.0
Webbisivut ja maistelutilan varausjärjestelmä Ilkka Siissalo
Tekstiasiakirjan kirjoittaminen
Käyttöohje: Kuinka luoda ilmoittautumislomake. (Painamalla F5 voit katsoa tämän diaesityksen)
Käyttöohje: Kuinka luoda käyttäjätili. (Painamalla F5 voit katsoa tämän diaesityksen)
Kuinka liittää sähköposti Fronteriin?
Kuvan tuominen sivulle Työvaiheet käytettäessä Kuvanhallinta-toimintoa: 1. Ladataan kuvatiedosto oman tietokoneen hakemistosta sivustolle 2. Liitetään.
Kotisivukoulutus Ohjeet alasivujen tekoon ja kuvien lisäämiseen © SVS Länsi-Suomi.
 Käytä Internet Explorer-selainta. Valitse selaimeksi Internet Explorer.
Vapaa aihe Kysymykset.
Maaseutu.fi on uudistunut -
Käyttöohje: Kuinka lisätä käyttäjä ryhmääsi. (Painamalla F5 voit katsoa tämän diaesityksen)
AT-STARTTI OPPILAAN OPETUSVERKON JA INTRAN PERUSTOIMINTOJA.
Kalenteri 2005 AJAVA – Ajanvarausjärjestelmä CSP Compact Software Products.
Kuinka tehdä blogi o365:ssä
Klikattuasi Uusi… saat seuraavan näytön. Dashboard kohdasta voit luoda minkä tahansa aiheisen Netvibesin. Jos haluat lähteä luomaan itse rakennellen Netvibesia.
Netvibes henkilökohtaisena oppimisympäristönä Kiravo – kirjasto avoimena oppimisympäristönä Biblär – biblioteket som ett öppet lärcentra Krista Auvinen.
Susanna Ylä-Himanka Tuomas Pihlajakoski. Historia Ensimmäinen julkaisu heinäkuu 2004 Ted Kulp.
Käyttöohje: Kuinka liittyä osastoon. (Painamalla F5 voit katsoa tämän diaesityksen)
Matkailun nettisivujen analysointi
CSS Dreamweaverilla Matti Viitala KaHa/OAMK 2005.
INTERNET ja ROTARY Piiri 1420 Piirineuvottelu ROTARY INTERNATIONAL PIIRI 1420 PIIRINEUVOTTELU INTERNET JA ROTARY Jaakko Castrén Lauttasaaren.
E –oppikirjan käyttöönotto
Tahtoo kotisivut meillekin Pohdintaa ja ehdotuksia Espoon Parkkiskerhon kotisivuprojektiin Vili
Ajatuksesta albumiin Digitaalikameran käytön jatkokurssi.
OFFICE-TUOTTEIDEN KÄYTTÖ RT- TABLETILLA WORD EXCEL POWERPOINT ONEDRIVE.
Tilavarauksen tekeminen Korpissa Salla Kalermo, IT-palvelut Tervetuloa Korppi- koulutukseen!
Kirjautuminen Opiskelijat kirjautuvat yleensä sisään vieraana. Kirjoita nimesi kenttään ja kirjaudu sisään. Voit kirjautua sisään myös omilla tunnuksilla.
Huomautus: Tämä esite on suunniteltu tulostettavaksi. Ennen kuin ryhdyt tulostamaan korttikartongille, tee koetulostus tavalliselle paperille ja varmista,
Kuvien siirto nettigalleriaan
WWW-sivuston ja verkkopalveluiden rakentaminen
Otsikko Näitä mallipohjia kopioit näin:
Missä kaupunki X? Esimerkki PaikkaOpin käytöstä opetuksessa
WWW-sisällönhallintaohjelmistot
PDG Maija-Liisa Heikkilä
Työelämän tekstejä sähköposti.
TERVE Piirto-ohjeita GIMP-kuvankäsittelyohjelmalle
Tai vaihtoehtoisesti
PaikkaOppi Mobiilin käyttöohje
WWW-Sisällönhallintaohjelmat
webbisivuja Workshop kotisivujen tekemisestä
www-sivuston ja verkkopalveluiden rakentaminen
webbisivuja Workshop kotisivujen tekemisestä
Ohje yhdistyspalvelut-sivustolle
PowerPoint-vinkkejä Jouni Huotari 11/16/2018 Jouni Huotari.
Kokeile uutta Celianetiä testiympäristössä
Kuvagalleria Adobe Bridget -ohjelmalla
TERVE Piirto-ohjeita GIMP-kuvankäsittelyohjelmalle
Esityksen transkriptio:

webbisivuja Workshop kotisivujen tekemisestä 23.3.2017 PDG Ilkka Siissalo 23.3.2017

Näin webbi toimii Webbipalvelin kone.domain.fi Käyttäjä pyytää: Anna <html> <h1>Otsikko</h1> Teksti….. <img src=”kuva.jpg”> </html> Käyttäjä pyytää: Anna minulle sivu kone.domain.fi/sivu Staattinen webbisivu on vain yksi sivu tekstiä, jossa on käskyjä seassa. Vaihtoehtona on sisällönhallintajärjestelmä, jossa sivuston tekstit ja kuvat ovat tietokannassa, ulkoasu määrätään tyylitiedostoilla ja koko sivusto kootaan PHP-kielisellä ohjelmalla Webbipalvelin, esim. espoocity.lionsklubi.fi Nimipalvelin Missä on kone, joka hoitaa domain.fi:tä? -> antaa numeerisen osoitteen Sisällönhallinta- ohjelma Esim. WordPress PHP-kielistä koodia Tyyli- tiedostoja Tekstit kuvat PDG Ilkka Siissalo 23.3.2017

Liiton palvelintilapalvelu loppuu Suomen Lions-liitto on tarjonnut klubeille ilmaiseksi webbipalvelintilaa www.lions.fi –koneelta Vain staattisia sivuja Tehdään klubin webmasterin omalla koneella ja siirretään ftp-ohjelmalla palvelimelle Osoite muotoa esim. www.lions.fi/district107-b/EspooCity ”TARTTIS TEHRÄ JOTTAIN” – NYT HETI !!! Liiton palvelun piti loppua jo kesäkuun lopussa 2015 ja se voi loppua milloin vain !! Lakkautuksella on hyvät syyt – mm. tietoturva. Liitto itse siirtyi käyttämään Verkkoviestin-palvelua Jos klubit eivät tee mitään, niiden sivustot lakkaavat vain toimimasta ja osoite ja sisältö katoavat Palvelimella on vielä useiden satojen klubien sivustot (!!) Joillain on hyvin laajat arkistot. PDG Ilkka Siissalo 23.3.2017

Mitä klubit voivat nyt tehdä? KOPIOI talteen vanhat sivustot kuvineen NYT HETI !!!! Voi tehdä kuten liitto: Ostaa sisällönhallintajärjestelmällä varustettua palvelintilaa käyttäen kaupallista Verkkoviestin-nimistä sisällönhallintajärjestelmää Voi perustaa uudet, yksinkertaiset sivut ilmaiseksi e-clubhouseen Voi itse hankkia kaupallisilta tarjoajilta domainnimen, sille palvelimen ja siirtää sivustonsa uuteen paikkaan Kuten 3. mutta tehdä se yhteistyössä, esim lionsklubi.fi –domainin alle PDG Ilkka Siissalo 23.3.2017

Verkkoviestin Erittäin hyvä sisällönhallintajärjestelmä, jolla sivuja voi tehdä ”kirjoittamalla teksti-ikkunaan ja painamalla nappia”. Hyvät ominaisuudet tiedotteiden yms. lähettämiseen. Piirin uutiset syötteenä omalle sivulle yms. Paljon monipuolisempi kuin ilmaiset sisällönhallintajärjestelmät. Välineen voi ottaa koekäyttöön ja päättää vasta sitten haluaako tehdä sopimuksen. Haitta: vain hinta noin kympin per kuukausi klubeille, piirille 60,76 eur/kk www.verkkoviestin.fi/n-piiri PDG Ilkka Siissalo 23.3.2017

e-Clubhouse Lions e-Clubhouse on ilmainen palvelu klubeille, jonka tarjoaa LionNet International ja maksaa säätiömme LCIF. Sitä ylläpitää LionNet International administrator Dan Uitti (Connecticut, USA) erittäin helppo tapa saada aikaan yksinkertaiset kotisivut siisti ulkoasu jäsenluettelo, tapahtumakalenteri + tilaa klubiprojektien esittelylle ei maksa mitään aina lähes saman näköinen kaikille sivunlaidassa pyörii Lions-uutisia englanniksi, enimmäkseen USA:sta vain muutamalle sivulle tilaa osoite aina muotoa esim. e-clubhouse.org/sites/kirkkonummi_kyrkslatt PDG Ilkka Siissalo 23.3.2017

Haluan oman domainnimen, vaikkapa www.lionsespoocity.org Ensimmäiseksi täytyy keksiä ja ostaa sopiva oma domainnimi, joka on vapaa. .fi, .org, .net jne. –loppuiset nimet varataan kaupalliselta toimijalta, esim GoDaddy, www.godaddy.com www.lionsekenas.fi PDG Ilkka Siissalo 23.3.2017

Haluan oman domainnimen, vaikkapa www.lionsespoocity.org Varatulle nimelle täytyy seuraavaksi ostaa palvelintilaa (= hosting-palvelu, ”webbihotelli”) Hosting-palvelun voi helpoimmin ostaa samasta paikasta kuin nimenkin, mutta usein on halvempaa ostaa nimi ulkomaiselta toimijalta ja hosting Suomesta. Hyviä suomalaisia hostingpalveluja ovat esim Zoner ja Suncomet. Tässä esimerkissä on ostettu GoDaddyltä nimi ”balticsealions.org” ja sille hosting-palvelu Suncometilta. Kuvassa näkyy Suncometin palvelun ohjauspaneeli, jolla voi hyvin monipuolisesti asentaa palveluun ohjelmia, esim sisällönhallintaohjelman, luoda sähköpostilaatikoita yms yms yms. Kaiken voi tehdä valikoista. Sivut ja kuvat voi siirtää palvelimelle helposti. Hinta riippuu domainnimestä ja hosting-paketista, mutta on tyypillisesti 60-100 eur/v Haitta: Riippuen sopimuksesta, usein vain 1 käyttäjätunnus/salasana. Alkuunpääsy voi vaatia neuvontaa.

lionsklubi.fi LC Espoo City on ostanut domainnimen lionsklubi.fi ja sille webbihotellipalvelun Suncometilta. Sen alle voi perustaa alidomaineja ja luoda sivustoja kuten espoocity.lionsklubi.fi tai matinkylan.lionsklubi.fi Esimerkkinä edellisen nuorisovaihtoleirimme sivusto youthcamp2015.lionsklubi.fi Tilaa on paljon, mahdollisuuksia myös. Myös sisällönhallintajärjestelmän voi asentaa Haitta: Perusasennuksessa yksi ainoa henkilö joutuu siirtämään kaikkien alidomainien sivut paikalleen -> vaikea antaa jokaiselle klubille oikeutta itse muuttaa sivujaan ilman apua (voi onnistua; emme osaa vielä). PDG Ilkka Siissalo 23.3.2017

Oma domainnimi + hosting + sisällönhallintajärjestelmä Jos hankkii oman domainnimen ja sille hosting-palvelun ja asentaa sinne (ilmaisen) sisällönhallintajärjestelmän, esim. WordPress, niin voi saada helppokäyttöisen ympäristön joka on hyvin näyttävä. Alkuun voi tarvita vähän apua. Esimerkkinä Baltic Sea Lions –verkoston sivusto www.balticsealions.org Nimi on varattu GoDaddyltä, hosting Suncometilta. Suncometin control panelilla on asennettu webbipalvelimen päälle WordPress-ohjelmisto ja otettu sinne ilmainen sivupohja (zeeMinty) jota on vähän muokattu. Nyt voi helposti luoda rajattomasti uusia käyttäjätunnuksia ja antaa heille oikeuksia sivujen muokkaukseen. Oikeuksia voi rajata tarvittaessa. Myös sähköpostiosoitteet tyyppiä ilkka@balticsealions.org onnistuvat helposti. Haitta: WordPressin asetusten saaminen kohdalleen vaatii aikaa ja harjoittelua. Hinta: 8 eur/v domainnimi + Suncometin webbihotelli, noin 60 eur/v. Ei aivan yhtä helppo käyttää kuin esim. Verkkoviestin, mutta joustavampi, oma helppo osoite, sähköpostit yms. PDG Ilkka Siissalo 23.3.2017

Oma domainnimi + hosting + sisällönhallintajärjestelmä Kun käyttäjä kirjautuu sisään, WordPress avaa sivun ylälaitaan mustan valikon. Nyt voi mennä haluamalleen sivulle ja yksinkertaisesti painaa nappia ”Edit page” Nyt riittää kun kirjoittaa uuden tekstin ja painaa ”update” tai ”publish”. Kuvan voi lisätä napilla ”Add Media”. WordPress on käyttäjälle erittäin kätevä. Asentamisessa menee jonkin verran aikaa. PDG Ilkka Siissalo 23.3.2017

Mitä muuta voi tehdä ? - Ilmaiset blogipalvelut Blogit ovat netissä toimivia yleensä julkisia päiväkirjoja. Netissä on monia palstoja, joista saa ilmaista blogitilaa, esim. vuodatus.net Esimerkkinä karjalanapu.vuodatus.net Palstalle tulee allekkain kuin uutisia aina uusimpia postauksia, uusin ylinnä. PDG Ilkka Siissalo 23.3.2017

Mitä muuta voi tehdä ? - Nimenhuuto nimenhuuto.com on urheiluseuroille luotu palvelu, jossa joukkue (=klubi) voi ilmaiseksi luoda itselleen oman tilan. Jäsenet voivat siellä ilmoittautua tapahtumiin, siellä on (vähän) tilaa pöytäkirjoille ja muulle aineistolle ja sitä kautta saa hyvin helposti lähetettyä tiedotusviestejä tekstiviesteinä tai sähköposteina. Terminologia on vähän hassua: ”joukkue”, ”pelaaja” jne. PDG Ilkka Siissalo 23.3.2017

Demoja PDG Ilkka Siissalo 23.3.2017