Mikä on Webfronter, ja miten se toimii?

Webfronter on Fronterin lisäpalvelu, jonka avulla voidaan julkaista ja ylläpitää julkisia webbisivuja – koulun sivuja tai lehteä, tai vaikkapa oppilasprojekteja. Sivuja varten ei tarvitse erikseen hankkia palvelintilaa, vaan Fronter hoitaa teknisen puolen. Webfronter-sivuille valitaan sivupohja, johon voit helposti päivittää sivujasi, vaihtaa logon ja otsikot, julkaista uutisia, uusia kuvia ja paljon muuta.

Miten pääsen käyntiin?

Pyydä tarjous tai tilaa Webfronter-lisäpalvelu omalta Fronter-asiakkuusvastaavaltasi, tai ota yhteyttä tukeen, niin kytkemme sen päälle.

Miten Webfronter kannattaa ottaa käyttöön?

Webfronter on huonetyökalu. Webbisivujen julkaisua varten kannattaa luoda pelkästään tätä tarkoitusta varten tarkoitettu oma huoneensa, johon lisätään työkaluiksi:

  • Osallistujat
    • Lisää tänne kirjoitusoikeuksilla webbisivun muokkaajat
  • Webfronter
    • Tämä on työkalu, jossa sivun rakenne kootaan, ja jossa se julkaistaan
  • Uutiset
    • Jos webbisivuille halutaan julkaista uutisia Fronterin sisältä, on tämä se työkalu
  • Kaksi erillistä arkistoa: Valikko ja Resurssit
    • Valikko: Webbisivun valikkorakenne ja sivusisältö luodaan tänne
    • Resurssit: muut webbisivustolla käytettävät resurssit, kuvat yms. kannattaa laittaa tänne, erilleen varsinaisesta sivustosta

Tee Valikko-arkistoon sivua varten kansiorakenne (esim. Ajankohtaista, Tietoja meistä, Yhteystiedot jne.). Webbisivujen valikoita voi olla yhdestä seitsemään, eli kaikkia ei ole pakko käyttää. Varsinainen webbisivujen sisältö tehdään Fronter-sivuina kansioiden sisälle.

Webbisivustolla käytettävät kuvat yms. laitetaan Resurssit-arkistoon. Tänne kannattaa tehdä ainakin kaksi kansiota Kuvat ja Tiedostot.

Webfronterin Universal-mallipohja

Käytettävissä on useampia mallipohjia, mutta Universal tarjoaa tiiviissä paketissa eniten vaihtoehtoja.webfronter_universal1

 

 

Universal-mallipohja sisältää seuraavat osiot:

  1. Perustiedot: yhteystiedot, joita voidaan valinnaisesti näyttää sivuston ylä- ja alaosassa
  2. Ulkoasu: sivuston kokoon ja värimaailmaan liittyvät asetukset, ja tärkeänä sivuston etusivu (vaihtoehtoinen aloitusnäkymä uutissyötteelle)
    • Koko 1 on leveydeltään 960 pikseliä ja 2 puolestaan 770 pikseliä
    • Ulkoasuja on 10 erilaista (0-9), ja ne eroavat värimaailmoiltaan toisistaan. Jos laitat tähän ”c” (=custom), voit määritellä omat värit kohdassa Omat värimäärittelyt.
    • Sivuston aloitusnäkymässä on vaihtoehtoina uutissyöte tai etusivu, joka valitaan tässä (jos haluat sivustolle uutissyötteen, se määritellään tarkemmin kohdassa Uutiset)
  3. Yläosa: yläbannerin kuva ja näytettävät tiedot
  4. Alaosa: alaosan kuva ja näytettävät tiedot
  5. Sivupalkki: valinnainen aloitusnäkymän sivupalkki, johon voi lisätä kaikenlaisia elementtejä
    • jos sivupalkki näytetään, voit valita sen sijainniksi vasemman tai oikean puolen
    • sivupalkissa voidaan näyttää Fronter-kirjautumisikkuna, ja voit valita näytetäänkö se vain etusivulla vai myös alisivuilla
    • linkki uutisarkistoon kannattaa valita näkyviin vain, jos uutiset ylipäänsä ovat käytössä
    • lisäksi sivupalkissa voidaan näyttää RSS-syöte esim. joltain uutissivustolta, kuvitusta, ja oma alavalikko, jonka täytyy löytyä kansioina ja sivuina Valikko-arkistosta
  6. Uutiset: aloitusnäkymänä voidaan näyttää uutissyöte, joka määritellään tässä
    • Infokäyttäjän tulee olla Fronteriin luotu kontakti, jolle on kontaktikortilla määritelty Julkaisuoikeus – lisäksi tämän käyttäjän tulee olla jäsenenä Webfronter-huoneessainfofronter
  7. Flash-banner: voit näyttää kuvasarjan Flash-animaationa etusivulla
    • Tallenna haluamasi kuvat Resurssit-arkiston Kuvat-kansion alle omaan Flash-kansioonsa, ja nimeä ne banner1.jpg, banner2.jpg, jne. Kuvien koko saa mielellään olla 785 x 120 pikseliä.
  8. Kuvasarja: sivustolla voidaan näyttää satunnainen kuva, kun se avataan
    • Tallenna nämäkin kuvat omaan kansioonsa kuten yllä. Kuvia voi olla korkeintaan 9 erilaista.
  9. Käännökset: muutaman sivuston elementin käännöstä voi halutessa muuttaa
  10. Omat värimäärittelyt: sivuston värimaailmaa voi tarvittaessa muuttaa melko vapaasti tässä
  11. Tiedostot: sivustolla mahdollisesti käytettävien tiedostojen (erilaiset liitteet yms.) sijainti määritellään tässä
  12. Valikko 1 – 7: sivuston varsinainen rakenne, ja kunkin valikon aloitussivu määritellään tässä
    • Anna valikolle otsikko, ja hae Valikko-arkistosta tähän kuuluva kansio sivuineen. Jos käytät vaakasuoraa valikkoa, tässä myös määritellään sen kohteet (jos valikkokansiolla on alikansioita, ne tulevat tähän automaattisesti näkyviin).

Julkaisuprosessi ja muutokset

Webbisivun julkaisuprosessi on yksinkertainen: tee Fronter-sivuille muutokset, ja julkaise sivusto Webfronter-työkalussa.

Vinkkejä

  • Sivu kannattaa pitää mahdollisimman yksinkertaisena. Vähintäänkin alussa kannattaa lisätä valikoita, sivuja ja lisäasetuksia vähitellen.
  • Käytä reilusti tilaa sivuillasi.
  • Pidä värit ja kirjasintyypit yhtenäisinä.
  • Käytä kynää ja paperia apuna suunnittelussa, ennen kuin alat toteuttaa sivustoasi Webfronteriin.
  • Huolehdi, että sinulla on oikeus käyttää kuvia, joita lisäät sivustollesi.

Esimerkkisivuja

Webfronterilla julkaistuja webbisivuja ovat mm.

Voiko Webfronter-sivu käyttää omaa verkko-osoitetta?

Kyllä voi. Prosessi on seuraavanlainen:

  1. Ota yhteyttä Fronter-tukeen, ja pyydä tekemään määritys, joka yhdistää oman domainisi (esim. www.koulu.fi) Webfronter-sivustoosi (esim. webfronter.com/kunta/koulu).
  2. Kun Fronter-tuki vahvistaa muutoksen, pyydä internet-palveluntarjoajaasi tekemään muutoksen domainisi DNS-määrityksissä niin, että sen CNAME osoittaa webfronter.com-domainiin

Tapio vastaa itslearning Suomen palvelutoiminnasta, ml. käyttötuki molemmille oppimisympäristöille.

Ei kommentteja

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Näytä tuotekohtaiset artikkelit

Viimeisimmät viserrykset

🐰🐣🐥🐤💐 Hyvää pääsiäisen aikaa! 🏡📱🐇 🐰 #pääsiäinen #itslearning #etänä_lähellä #EasterAtHome pic.twitter.com/B8Qq…

reply · retweet · favorite

Artikkeliarkisto