Perussivuston tekeminen
FrontPage-ohjelmistolla
© Mika Setälä
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.
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.
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.
11. Valitse Tiedosto -
Uusi - Sivu - Normaali sivu - OK. Uusi sivu avautuu ja voit aloittaa sen
tekemisen. Lopuksi talleta sivu nimellä toinen.
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.
13. Valitse Tiedosto - Ominaisuudet. Anna sivulle järkevä otsikko. Kohdasta Tausta voit valita sivun taustavärin ja linkkien värin.
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.
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.
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.