FrontPage Express on Microsoftin Internet Explorerin mukana tuleva pieni ja kevyt HTML-editori. Sitä ei ole liioilla ominaisuuksilla pilattu ja lisäksi se on varsin rajoittunut editori, mutta pienimuotoiseen sivujen laadintaan se soveltuu kuitenkin ihan hyvin sellaisille henkilöille, jotka eivät halua Notepadilla tai muulla editorilla sivujaan rakentaa. Mihinkään isojen kokonaisuuksien hallintaan FP Expressistä ei ole. Silloin on aiheellista tutustua vaikkapa täyteen FrontPage-pakettiin.

FrontPage Express näyttää tältä:

Kuten näet, se näyttää varsin yhtenevältä muiden MS:n ohjelmien kanssa. Oikeastaan sillä sivujen tekeminen sujuu kuin Wordilla tyylejä käyttäen.

• Päätä ensiksi hakemisto, jonne materiaalin talletat. Jos/kun linkität kuvia tai muuta materiaalia sivuillesi, kopioi ne tähän hakemistoon tai sitten tämän hakemiston alla olevaan hakemistoon. Muualla olevaan materiaaliin kopioituu linkkeihin koko näiden polku (esim. jos sivusi ovat C:-levyllä ja viittaat D:-levyllä olevaan kuvaan, kuvan polku tulee mukaan D:-asemaan viittausta myöten. Tällöin linkki ei toimi sivuilla.)
• Jos haluat joka sivulle saman ulkoasun, tee ensiksi pohja, jota käytät. Ei tarvitse sitten joka kerta erikseen asetella samoja asioita kohdalleen
• Jos haluat muokata muilla ohjelmilla tehtyjä sivuja FP Expressillä, varaudu yllätyksiin. Esimerkiksi kuvien kanssa on joskus vaikeuksia

Sivun laatiminen tapahtuu kuten millä tahansa tekstinkäsittelyohjelmalla. Kirjoitetaan teksti ja yläriviltä valitaan tyyli, jota käytetään haluttuun tekstin osaan ja sitten vain kirjoitetaan. (sekä tehdään muut halutut muotoilut tekstiin). Insert-valikosta löydät ne komponentit sivuille, joita ei valikosta löydy (muun muassa vaakaviiva, horizontal line)

Kuvan valikossa tyylinä on normaali (eli ollaan kirjoittamassa ihan tavallista tekstiä)

Huomaa, että tavallinen enterin painallus on kappaleen vaihto, eli FP tekee tyhjän rivin. Jos haluat pelkän rivinvaihdon ilman tyhjää riviä, paina SHIFT-ENTER.

HTML-sivuilla voi olla useanlaisia linkkejä. Periaatteessa kaiken, mitä internetistä löytyy, voi linkittää sivuilleen. Jaetaan kuitenkin linkit kolmeen ryhmään:

• Linkki samalle sivulle
• Linkki toiselle sivulle
• Internet-linkki

1. Linkki samalle sivulle

Kun tehdään linkki samalle sivulle, pitää ensiksi nimetä kohta sivulla, johon siirrytään. HTML-kielessä tämä tehdään <a name=...> -koodilla. FP Express kutsuu näitä kirjanmerkeiksi (bookmark). Toimenpide tehdään näin:

• Vie kursori kohtaan, johon haluat siirtymän tehdä
• Valitse Edit | Bookmarks... Saat tällaisen ikkunan:



• "Bookmark Name"-kohtaan kirjoitat sopivaksi katsomasi nimen kohdalle. Sen jälkeen painat "Ok".

Tämän operaation jälkeen onkin jäljellä linkittäminen. Se tehdään joko pikanappulalla tai valinnalla Insert | Hyperlink... (tai Edit | Hyperlink...). Ennen linkittämistä pitää kuitenkin osoittaa sivulta se kohta, joka tulee olemaan linkki. (joko napauttamalla kuvaa tai maalaamalla tekstiä)



Tässä ikkunassa valitaan "Open Pages"-välilehti, jota käytetään muutenkin, kun linkitetään olemassa olevalle sivulle. Valitse listasta haluamasi sivu (tässä esimerkissä listassa on vain yksi sivu, "Kokeilua" nimeltään) "Bookmark"-kohdasta valitaan sitten sivuun liittyvä kirjanmerkki. Tässä on valittuna "alku".

"Target Frame"-kohdassa voit valita kehyksen, johon sivu aukeaa. Tätä tarvitset silloin, jos käytät kehyksiä.

Ok-napilla hyväksytään. Nyt pitäisi linkin toimia. Huomaa vielä, että jos olet vielä tekemässä ensimmäistä sivua, pitää sivu olla talletettuna, että tämä operaatio toimisi.

2. Linkki toiselle sivulle

Tästä kohdasta voidaan erottaa kaksi vaihtoehtoa:

1. Sivu on jo olemassa. Tällöin systeemi menee kuin edellisessä kappaleessa (5.2) linkityksen tekemisen osalta.
2. Sivua ei ole vielä olemassa. Tällöin toimitaan myös tavallaan kuten edellä: osoitetaan ensiksi linkiksi aiottu kohta sivulla ja valitaan Insert | Hyperlink...



Nyt valitaankin sivuksi "New Page". Huomaa, että sivun otsikon ja URL:n oletusarvoiksi otetaan osoittamasi teksti. Voit muuttaa niitä, jos haluat. "Target Frame" merkitsee täälläkin kehystä, johon sivu linkistä aukeaa (silloin kun sinulla on kehysrakenne).

Ok-napin jälkeen kysytään, millaisen sivun haluat:



Valitsemalla "Normal Page" saat aivan tyhjän sivun. Ok aloittaa sivun muokkauksen. Muista, että jos teet sivulle linkin, jolla palataan edelliselle sivulle, silloin sivu on olemassa. Sitä ei siis saa "New Page"-valinnalla toteuttaa.

3. Internet-linkki

Kolmas linkki on internet-linkki. Edellisestä valikosta onkin yksi sivu jäljellä:



"Hyperlink Type"-kohdasta valitaan linkin tyyppi. "http:" on www-sivujen tyyppi, "mailto:" taas tekee sähköpostilinkin jne. Itse osoite kirjoitetaan sitten URL-riville.

Vihje: Kun liität linkkejä, pidä selain auki. Kun olet löytänyt linkitettävän sivun, osoita URL-rivi hiirellä (siten, että koko rivi on valittu). Näppää sitten CTRL-C (Edit | Copy). Nyt palaat FP Expressiin, viet kursorin yo. ikkunan URL-kohtaan, poistat "http://":n ja näppäät CTRL-V (Paste). Näin vältät asian kahteen kertaan kirjoittamisen ja URL on varmasti toimiva.

Kuvat listätään Insert | Image...-valinnalla. Kuvia etsittäessä muista pari asiaa:

• Vain ne kuvatyypit kelpaavat, joita selaimet osaavat lukea, siis vain GIF- ja JPEG-formaatissa olevat kuvat
• Jos avaat jossain muussa FP Expressin tunnistamassa muodossa olevan kuvan, se konvertoidaan automaattisesti GIF-tiedostoksi talletettaessa. Näin muidenkaan kuvien hakeminen ei siis ole ongelma.
• Kopioi kuvat ennen liittämistä samaan hakemistoon, jossa myös sivusi ovat, tai johonkin tämän hakemiston alla olevaan hakemistoon. Muussa tapauksessa FP Express tyylikkäästi kopioi koko polun levyasematunnuksineen kuvan osoitteeksi. Tämä taas ei toimi internetissä, koska internetissä voida viitata paikallisen levyasemasi hakemistoihin.

Sivun asetukset löytyvät kohdasta File | Page properties... Tätä kautta vaihdetaan muun muassa taustan, tekstien tai linkkien värit. Samoin taustakuva asetetaan täältä:

Kuvassa General-välilehti. Täällä kohtaan "Title" voidaan kirjoittaa sivun otsikkorivin teksti. Background-osassa taas määritellään taustan ominaisuudet (väri, kuva, tekstien värit, jne...)

Tätä kautta voidaan lisäillä sivulle erilaisia asioita, muun muassa näitä:

• Symbol: tällä lisätään sivulle sellaisia merkkejä, joita ei näppäimistöltä löydä (esim. ©-merkki)
• Horizontal line: vaakaviiva. Huom! Kun osoitat viivan hiiren oikealla näppäimellä ja muuta tätä kautta viivan asetuksia, niistä tulee oletukset, joten viiva tulee tästä lähin aina tällaisena, kunnes muutat asetuksia.
• Comment: Sivuille voi myös lisätä kommentteja. Nämä ovat koodia selittäviä tekstejä, jotka eivät kuitenkaan näy sivuilla ulospäin.
• File: Täältä voisi periaatteessa liittää jonkin tiedoston sivuille. Tosiasiassa homma ei mene ollenkaan näin yksinkertaisesti, vaan nämä ovat täällä jokseenkin turhaan. FP Express ei tosiasiassa osaa oikeastaan mitään näistä! Ilmeisesti koko FP Express on jonkinlainen täyden Front Pagen editorin kevennetty versio ja siihen on siksi jäänyt tällaisia
• WebBot Component: Täältä voi lisätä muutaman erikoistoiminnon sivuille, kuten esimerkiksi hakumoottorin sivuilleen. Huom! Jotta nämä toimisivat, pitää WWW-palvelimen tukea näitä Microsoftin laajennuksia. Jos ei tue, näistä ei ole mitään iloa.

FP Express ei osaa kehyksiä. Näin ollen sitä ei voi käyttää sellaisten sivujen tekemiseen, joissa on kehyksiä. Toki sillä voi eri kehyksissä olevia sivuja muokata, mutta kehysmäärittely kehyssivulle pitää tehdä sitten jollain muulla ohjelmalla. (vaikkapa Notepadilla, jos on tottunut käyttämään editoria)

Toinen hirvittävä puute on FP Expressin kykenemättömyys lukea muita tiedostomuotoja, varsinkin kun ohjelma antaa File | Open... -valinnan kautta ymmärtää, että sillä voisi lukea esim. Word-dokumentteja. Näin ei kuitenkaan ole, FP Express ei osaa lukea Word-dokumentteja edes leikepöydän kautta! Eli et voi "maalata" hiirellä tekstiä Word-dokumentista ja liittää sitä FP Expressiin! Asian voi kiertää tallettamalla dokumentin tekstitiedostona.

Yllättävää kyllä, FP ymmärtää Wordista leikepöydän kautta kopioidut kuvat. Tosin näidenkin laatu heikkenee niin dramaattisesti, että on mielekkäämpää siirtää kuvat leikepöydän kautta johonkin kuvankäsittelyohjelmaan ja tallettaa ne sitä kautta joko gif- tai jpeg-muotoon.

Kolmas puute on kuvien käsittely: jos haluat muotoilla sellaista sivua, jossa on kuva, jonka koko on asetettu joko width- tai height-lisämääreellä joksikin muuksi kuin alkuperäiseksi. Tällaisessa tapauksessahan normaalisti puuttuva määre skaalautuu automaattisesti asetetun mukaan, jolloin kuvan leveys-korkeussuhde pysyy ennallaan. FP ei toimikaan näin, vaan se venyttää kuvan luonnottomaksi. Se siis vaatii kuvan määreiksi aina sekä korkeuden että leveyden, jos nämä eivät ole alkuperäiset.