Näillä sivuilla rakennamme esimerkkikotisivut vaihe vaiheelta. Käymme läpi sivujen tekemisen FrontPage Expressistä löytyvää kotisivuvelhoa hyödyntäen.

FrontPage Express-ohjelma asentuu esimerkiksi Huvi & Hyöty -rompun Internet Explorerin mukana. Mikäli koneellasi ei vielä ole FrontPage Expressiä, sen asentaminen onnistuu siis WWW-selaimesi päivityksen avulla.

FrontPage Express

Internet Explorerin mukana toimitettava FrontPage Express on kotikutoisten WWW-sivujen tekemiseen aivan pätevä ohjelma. Sillä voi tehdä sivuja joko omin voimin alusta asti, erilaisia valmispohjia käyttäen tai velhon avulla. Tässä esimerkissämme teemme sivuille pohjan kotisivuvelhon opastuksella ja jalostamme sen jälkeen sivuja eteenpäin käsin.

Kotisivuvelholla pohja kuntoon

Ota FrontPage Expressin File-valikosta New. Valitse vaihtoehto "Personal Home Page Wizard" ja paina Next.

FrontPage osaa luoda sivuille valmiin mallin monista eri sivujen osa-alueista. Valitse tällä kertaa vaihtoehdot Employee Information, Current Projects, Biographical Information, Contact Information ja Comments and Suggestions. Siirry jälleen Next-painikkeella eteenpäin.

Nyt ohjelma kysyy sivun tiedostonimeä ja otsikkoa. Laita nimeksi index.html ja otsikoksi sivujesi otsikko. index.html ei ole mikä tahansa hatusta vedetty nimi, vaan toimii useimmilla WWW-palvelimilla "etusivun", kotisivuille mentäessä ensimmäisen ladattavan sivun, tunnuksena. Ilman index.html-tiedostoa sivuille mentäessä ilmestyy vain hakemiston tiedostolistaus.

Seuraavassa vaiheessa ohjelma laittaa paikalleen firman työntekijöiden tiedot. Käytämme tätä myöhemmin hyödyksemme kun luettelemme bändimme jäsenien tietoja. Valitse vaihtoehdot Job Title ja Key Responsibilities. Siirry sitten Next-painikkeella eteenpäin.

Nyt FrontPage Express kysyy, mitä projekteja työn alla on. Listaa haluamasi projektit ja siirry Nextillä eteenpäin.

Syötä yhteystietokenttiin haluamasi tiedot ja Next. Nämä yhteystiedot tulevat sivuille näkyviin selkeässä listassa.

Palauteosuuden puolella ihmiset voivat jättää sivuistasi palautetta. MBnetin kohdalla on paras lähettää palaute sähköpostitse. Valitse siis vaihtoehto "Use link, send e-mail to this address:" ja naputtele osoitekenttään haluamasi sähköpostiosoite, jonne palautteet lähetetään. Siirry sitten Nextillä eteenpäin.

Oletusjärjestys ei välttämättä ole paras mahdollinen. Järjestele Up- ja Down-painikkeita käyttämällä sivun osioiden järjestys mieleiseksesi. Siirry sitten taas Next-painikkeella eteenpäin.

Siinäpä se! Kotisivuvelho on tehnyt tehtävänsä. Kuittaa ilmoitus painamalla Finish. Nyt on meidän vuoromme ryhtyä muokkaamaan sivuja käsin.