Perussivuston tekeminen FrontPage-ohjelmistolla 
© Mika Setälä

Työkansion luonti omalle koneelle
Työskentelyn aloitus FrontPagella
Tekstin kirjoittaminen
Kuvan lisääminen ja editointi
Taulukot - tekstiä ja kuvaa rinnakkain
Linkki Internet-sivuun
Uuden sivun luominen
Linkki omaan sivuun
Sivun asetukset
Verkkokansio
Sivuston siirtäminen palvelimelle
Sivuston päivittäminen suoraan palvelimelle
Kävijälaskurin lisääminen
Palautesivun luominen
Vieraskirjan luominen
Nettikyselyn toteuttaminen
Kehyssivun luominen
Varmuuskopiointi
Word ja Internet
PowerPoint ja Internet

Harjoitukset


Työkansion luonti omalle koneelle

1. Tee C-asemalle (mieluimmin D-asemalle, jos koneessasi sellainen on) kansio nimeltä sivut esim. seuraavasti:

Tuplaklikkaa työpöydällä kuvaketta

ja sen jälkeen tuplaklikkaa C-asemaa

ja valitse Tiedosto - Uusi - Kansio ja kirjoita kansiolle nimi sivut

2. Kopioi sivuillesi tulevat kuvat sivut - kansioon. Jos kuvat ovat esimerkiksi levykkeellä, avaa työpöydälle samanaikaisesti sekä A-asema että C-aseman kansio sivut ja raahaa hiirellä (hiiren oikea näppäin alhaalla) kuvat sivut kansioon ja valitse Kopioi tähän. Toinen tapa kopioida on valita ensin kuva, sitten Muokkaa - Kopioi ja kohdekansiossa Muokkaa - Liitä.

 

Työskentelyn aloitus FrontPagella

3. Käynnistä FrontPage.

4. Valitse Tiedosto - Uusi - Sivusto ja avautuvasta valikosta Yksisivuinen sivusto.
Kirjoita kohtaan Asetukset Määritä uuden Web-sivuston sijainti kohdassa 1 luomasi kansion sijainti ja nimi esim. C:\sivut tai D:\sivut.

FrontPage kysyy haluatko muuntaa kansion sivustoksi, johon vastaat kyllä.

5. FrontPage luo kansioosi seuraavat kansiot ja tiedoston index.htm, joka on sivustosi aloitussivu.

Lisäksi kansiossasi pitäisi olla näkyvissä sinne kopioimasi kuvat.

Tekstin kirjoittaminen

6. Voit aloittaa tekstin kirjoittamisen tiedostoon index.htm heti samaan tapaan kuin tekstinkäsittelyohjelmissa.

Valitse ensin haluamasi fontti ja pistekoko.

7. Käytössäsi on samat muotoilukomennot kuin tekstinkäsittelyssä eli

lihavointi, kursivointi, alleviivaus, tasaus oikealle, tasaus keskelle, tasaus vasemmalle, numerointi, luettelomerkit, korostusväri ja fontin (tekstin) väri.

Rivinvaihdon saat painamalla samanaikaisesti shiftiä eli ylänuolta ja entteriä.

Kappale vaihtuu painamalla entteriä.

 

Kuvan lisääminen ja editointi

8. Kuvan lisääminen tapahtuu ylärivissä olevasta kuvakkeesta   .

Valitse hakemistoksi C-aseman kansio sivut ja tuplaklikkaa sieltä haluamasi kuva. Jos kuvatiedostoja ei ole näkyvissä, klikkaa

Kuvan kokoa voit muuttaa klikkaamalla kuvaa ja venyttämällä nurkkiin tulevista kahvoista. Samalla näytön alareunaan ilmestyy valikko


   1      2    3           4                   5                        6                            7                             8                   9

jolla voit muokata kuvaa.

1. kuvake : Lisää kuva tiedostosta
2. kuvake:  Lisää kuvaan tekstiä
3. kuvake : Luo automaattisen pikkukuvan eli tekee kuvasta pienennöksen, jota painamalla saa näkyviin alkuperäisen kuvan. Tällä voi esittää samalla sivulla monia kuvia, joista katsoja voi valita ne joista on kiinnostunut. Hyvä modeeminkäyttäjien kannalta, sillä sivusta tulee kevyempi ladata.
4. ryhmä: Näillä voit sijoittaa kuvan täsmälleen tiettyyn kohtaan sivulla. Voit laittaa kuvia ja tekstiä päällekkäin ja vaihdella niiden järjestystä.
5. ryhmä: Näillä voit kiertää ja kääntää kuvaa.
6.ryhmä: Näillä voit muuttaa kontrastia ja kirkkautta.
7. ryhmä: Ryhmän ensimmäisellä kuvakkeella voit  rajata kuvasta turhia osia pois, kolmannella  muuntaa kuvan mustavalkoiseksi ja kuudennella jäsentää kuvan uudelleen sen koon muuttamisen jälkeen.
8. ryhmä: Voit luoda kuvan eri kohtiin linkkejä, joista klikkaamalla pääsee sivuston muille sivuille.
9. kuvake: Kumoaa tekemäsi muutokset.

Taulukot - tekstiä ja kuvaa rinnakkain

9. Jos haluat saada tekstin ja kuvan rinnakkain näytölle tai käyttää useampia tekstipalstoja, tapahtuu se taulukoiden avulla.
Klikkaa ylärivistä kuvaketta ja valitse kaksi ruutua kuvan mukaisesti :

Voit esim. kirjoittaa tekstin vasemmanpuoleiseen soluun ja oikeanpuoleiseen lisätä kuvan:

Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä Tekstiä tekstiä tekstiä

Taulukon reunat kannattaa poistaa. Mene toiseen soluun, paina hiiren oikeaa näppäintä - taulukon ominaisuudet - Reunat - koko - 0.

Objektin sijaintia solun sisällä voit muuttaa menemällä soluun, paina hiiren oikeaa näppäintä - solun ominaisuudet - vaakatasaus ja pystytasaus.

Linkki Internet-sivuun

10. Maalaa sana, johon haluat linkin tulevan. Paina näppäintä .
Kirjoita kohtaan   URL sivun osoite, johon maalaamaasi sanaa klikkaamalla pitäisi päästä. Voit kohdasta kohdekehys määritellä, avautuuko sivu esim. uuteen selainikkunaan. 

 Voit valita  linkitettävän osoitteen myös painamalla  jolloin selain avautuu ja voit valita haluamasi sivun surffaamalla sille.

 

 

Uuden sivun luominen

11. Valitse Tiedosto - Uusi - Sivu - Normaali sivu - OK. Uusi sivu avautuu ja voit aloittaa sen tekemisen. Lopuksi talleta sivu nimellä toinen.

Linkki omaan sivuun

12. Mene takaisin sivulle index.htm tuplaklikkaamalla vasemmanpuoleisessa ikkunassa  sitä. Maalaa sana, josta haluat päästävän sivulle toinen.htm ja klikkaa ja sitten ja valitse toinen.htm.

 

Sivun asetukset

13. Valitse Tiedosto - Ominaisuudet. Anna sivulle järkevä otsikko. Kohdasta Tausta voit valita sivun taustavärin ja linkkien värin.

Kävijälaskurin lisääminen

14. Ylärivin valikoista Lisää - Komponentti - Laskuri.

Palautesivun luominen

15.
Tiedosto - Uusi sivu - Palautelomake - OK.

Mene katkoviivoitetun alueen sisään, paina hiiren oikeaa näppäintä ja valitse Lomakkeen ominaisuudet. Palaute menee websivulle _private/feedback.txt, johon pääsee käsiksi vain tunnuksella ja salasanalla (samat kuin sivustosi tunnus ja salasana). Kohtaan sähköpostiosoite kannattaa kirjoittaa oma osoitteensa, jolloin saa palautteen myös omaan sähköpostiinsa. Anna myös lomakkeelle myös joku kuvaava nimi. Valitse vielä kohta asetukset ja tiedostomuodoksi HTML ja valikosta Sähköpostin tulokset Otsikkorivi, johon haluamasi otsikko, joka tulee saamaasi palautepostiin otsikoksi.

Mene " Mikä on kommenttisi kohde " valintaruutuun ja klikkaa sitä (Web-sivusto ja nuoli alaspäin). Sitten hiiren oikea näppäin - Lomakekentän ominaisuudet - poista tarpeettomat vaihtoehdot.

Muokkaa sivun ulkoasu haluamaksesi.

Lopuksi tallenna palautesivusi ja linkitä se index.htm sivulle.

 

Vieraskirjan luominen

16. Tiedosto - Uusi sivu - Vieraskirja - OK. 
Muokkaa sivun ulkoasu haluamaksesi.
Lopuksi tallenna sivu  ja linkitä se index.htm sivulle.


Nettikyselyn toteuttaminen

17. Tiedosto - Uusi sivu - Ohjattu lomakesivun luominen - OK. Kyselysivu luodaan automaattisesti vastattuasi ohjelman tekemiin kysymyksiin.

Mene katkoviivoitetun alueen sisään, paina hiiren oikeaa näppäintä ja valitse Lomakkeen ominaisuudet. Palaute menee websivulle formrslt.htm. Anna myös lomakkeelle myös joku kuvaava nimi. Valitse vielä kohta asetukset ja tiedostomuodoksi HTML.

Jos haluat tehdä kyselysivun, johon tulevat vastaukset halutaan siirtää käsittelyä varten Exceliin, kysy lisätietoja osoitteesta mika.setala@lempaala.fi.

Kehyssivun luominen

18. Huom! jos olet jo edellä luonut index.htm sivulle paljon sisältöä jotka haluat säilyttää, niin tallenna se ensin toisella nimellä. Eli mene Kansioluettelo näkymään näpsäytä tummennetuksi index.htm ja napsauta  hiiren oikeaa näppäintä ja valitse Nimeä uudelleen.


Tiedosto - Uusi sivu - valitse Kehyssivut - Sisältö - OK.

Vasempaan kehykseen tulevat linkkisanat, joita painamalla haluttu sivu avautuu oikeanpuoleiseen kehykseen.

Napsauta molemmissa kehyksissä Uusi sivu (jos sinulla on nämä sivut jo valmiina, valitse Määritä aloitussivu). Tee oikeaan kehykseen aloitussivu, joka avautuu kun kävijä tulee sivustollesi. 

Kirjoita linkkisanat vasempaan kehykseen ja linkitä niihin haluamasi sivut ( katso kohta Linkki omaan sivuun.) Linkin voi tehdä myös sivustosi ulkopuolelle.

Reunat kehysten välillä kannattaa poistaa: Hiiren oikea näppäin - Kehyksen ominaisuudet - Kehyssivu - poista rasti kohdasta  Näytä reunat.

Lopuksi valitse Tiedosto - tallenna. FrontPage pyytää vuorotellen vasemman kehyksen, oikean kehyksen ja kehyskokonaisuuden nimen, joksi kannattaa antaa index.htm, jolloin siitä tulee sivustosi aloitussivu. Tallennuksen yhteydessä kannattaa muuttaa sivujen otsikot järkeviksi valitsemalla tallennusikkunassa Muuta.

Verkkokansio

19.

Ensiksi mene nettiselaimeen ja Työkalut - Internet-asetukset - Yhteydet - Lähiverkon asetukset - ota pois rasti kohdasta Muodosta yhteys välityspalvelimen kautta. 

Jos alla kuvattu verkkokansion luonti ei onnistu tai et saa verkkokansioon yhteyttä FrontPagella, kannattaa kone käynnistää uudelleen.

Olet saanut ylläpidolta kolme  merkkijonoa: osoite, tunnus ja salasana. Toimi seuraavasti:

Työpöydällä Oma tietokone (jossain Windows - versioissa Verkkoympäristö) 

- Web-kansiot

lisää Web-kansio -

kirjoita saamasi osoite -

kirjoita saamasi tunnus ja salasana -

anna kansiolle vapaavalintainen nimi -

tuloksena on alla olevan näköinen kansio koneesi Verkkoympäristöön.

 

Klikkaamalla sitä, saat näkymän tyyliin

Verkkokansiota voit käyttää nyt aivan kuin sivusto sijaitsisi omalla kovalevylläsi eli voit esim. kopioida sinne suoraan raahaamalla tiedostoja työpöydältäsi tai käyttämällä resurssinhallintaa. 

 

Sivuston siirtäminen omalta koneelta palvelimelle virtuaalikoulu.org 

20. Luo edellisen kohdan ohjeiden mukaan verkkokansio.

Jos sivustosi ei ole avoinna FrontPagessa, niin Tiedosto -Avaa - Tiedostonnimi: C:\sivut tai D:\sivut - Avaa -Avaa. Sitten Tiedosto - Julkaise sivusto - Selaa - Web-kansiot - valitse luomasi verkkokansio jokunimi - Julkaise. Nyt sivusi ovat koko maailman nähtävillä. Kokeile InternetExplorerilla, pääsetkö sivuillesi.

Jos  et saa verkkokansioon yhteyttä FrontPagella, kannattaa kone käynnistää uudelleen.


Sivuston päivittäminen suoraan palvelimelle virtuaalikoulu.org 

21. Tiedosto - Avaa - Web-kansiot (Verkkoympäristö) - valitse kohdassa 19 luomasi verkkokansio ja pääset tekemään päivityksiä suoraan palvelimelle, jossa sivustosi sijaitsee eli virtuaalikoulu.org:iin.

Jos  tiedostot eivät tule näkyviin, kannattaa kone käynnistää uudelleen.

Varmuuskopiointi
22. Avaa verkkokansio ja kopioi se raahaamalla tai resurssinhallinnan avulla kovalevyllesi kansioon varmuuskopio.

Word-dokumentin tallentaminen HTML-muodossa (Word 2000)

23. Tallenna Word-dokumentti C:\sivut tai D:\sivut kansioon. Wordissa kun ko. dokumentti on
auki: Tiedosto - Tallenna Web-sivuna. Osa muotoiluista yms. saattaa muuttua. Linkitä syntyvä sivu   index.htm sivulle.

 Voit linkittää web-sivulle myös suoraan alkuperäisen Word-dokumentin, jolloin linkistä painamalla selain käynnistää Word- wiever ohjelman, jolla Word-dokumentti näkyy alkuperäisessä asussaan. Tämä toimii vain niillä nettisurffareilla, joilla koneessaan on Word. Näin voit kuitenkin helposti laittaa vanhaa Wordilla tehtyjä materiaalejasi Internetiin, sillä Word on kuitenkin "lähes kaikissa" tietokoneissa.

PowerPoint-dokumentin tallentaminen HTML-muodossa (PowerPoint 2000)

24. Tallenna PowePoint-dokumentti C:\sivut tai D:\sivut kansioon. PowerPointissa kun ko. dokumentti on auki: Tiedosto - Tallenna Web-sivuna.  Linkitä syntyvä sivu   index.htm sivulle. Mukaan saa myös helposti puheselostuksen, jos PowerPointtia tehdessään : Diaesitys- nauhoita selostus.