Ensimmäisessä harjoituksessa teimme yksittäisen sivun. Nyt harjoittelemme kokonaisen sivuston hallintaa.

Uuden sivuston aloittaminen

1. Valitse Tiedosto | Uusi | Sivusto...
2. Valitse Yksisivuinen sivusto, ja kirjoita tarvittaessa haluamasi hakemisto sivustolle.

Kansioluettelo

Kansioluettelossa näet sivustolle oletuksena tehdyt tiedostot ja kansiot: etusivu index.htm, sekä mm. kansion images sivulle tulevia kuvia varten. 

Kansioluettelossa voit hallita sivustoon kuuluvia sivuja ja kansioita Resurssienhallinnan tapaan. Käytä hiiren kakkospainiketta uusien kansioiden ja tiedostojen tekemiseen, ja niiden uudelleennimeämiseen. Jos sinulla on valmiita sivuja jotka haluat liittää sivustoon, ne voidaan liittää sivustoon Tiedosto | Tuo | Lisää tiedosto... -toiminnolla. Periaatteessa toiminto vastaa normaalia Resurssienhallinnassa tapahtuvaa kopiointia, mutta sivuston hallinnan kannalta on hyvä tehdä se tällä toiminnolla, jotta ne tulevat myös näkyviin kansioluettelossa.

• Voit avata haluamasi tiedoston työtilassa muokattavaksi kaksoisklikkaamalla sitä Kansioluettelossa. 
• Jos sinulla on useampi sivu muokattavana yhtä aikaa, voit liikkua niiden välillä kaksoisklikkaamalla haluttua tiedostoa Kansioluettelossa, tai Valikko-työkalurivin Ikkuna-valikon alta, tai näppäinyhdistelmällä Ctrl + Tab.

Näkymäpalkki

Työtilan näkymiä voit vaihtaa Valikko-työkalurivin Näytä-valikon alta. Voit myös asettaa näkymävaihtoehdot pysyvästi näkyviin näytön vasempaan reunaan valitsemalla Näytä | Näkymäpalkki.

• Sivu. Pääset tilaan jossa voit muokata valittua sivua. Oletuksena avautuva näkymä uutta sivua luotaessa.
• Kansiot. Näet sivustosi tiedostoista ja kansioista Kansioluetteloa tarkempia tietoja. Voit tehdä samoja toimintoja kuin Kansioluettelossa.
• Raportit. Voit tarkkailla mahdollisia virheitä sivustossa, kuten sisäisen linkityksen puuttumista, katkenneita ulkoisia linkkejä, liian hitaasti avautuvia sivuja, jne.
• Siirtyminen. Ks. alla.
• Hyperlinkit. Voit tarkkailla sivustosi sisäisiä linkityksiä. Valitse haluamasi tiedosto, jolloin työtilaan tulee näkyviin sivun sisältämät linkit, ja sivuun linkittävät sivut. Hiiren kakkospainikkeella avautuvasta valikoista voit valita työtilassa näytettäviä tietoja.
• Tehtävät. Voit merkitä muistiin erilaisia parannuksia joita sivustollesi on tehtävä.

Siirtyminen-näkymä

Siirtyminen-näkymässä voidaan suunnitella sivuston rakennetta kynä ja paperi periaatteella. Vaikka tässä yhteydessä nimeämme uudet tiedostot, ja suunnittelemme niiden keskinäisen hierarkian, Siirtyminen-näkymässä tehty kaavio vielä sellaisenaan tee mitään näkyvää jälkeä sivuille. Voit myös hahmotella sivustosi ulkopuolelle ohjaavien linkkien sijainnin tässä näkymässä.

1. Valitse Näytä | Siirtyminen. Työtilassa näkyy Kotisivu-nimellä index.htm-tiedosto.
2. Voit tehdä uusia tiedostoja Kansioluettelossa, ja vetää ne hiirellä Siirtyminen-työtilaan tiedostojen välisen hierarkian hahmottelemiseksi. Kokeile erilaisia hierarkioita: rinnakkain, allekkain... 
3. Voit otsikoida sivut valmiiksi valitsemalla Siirtyminen-työtilassa näkyvän sivun päällä hiiren kakkospainikkeella Nimeä uudelleen. (Tiedostojen uudelleennimeäminen taas tapahtui siis Kansioluettelossa. Huomioi sivun otsikon (selaimessa otsikkorivillä) ja tiedostonimen (URL-osoitteessa selaimen osoiterivillä) välinen ero, vaikka ne toki voivat olla samat!)

Sivun nauha

Otsikoituasi sivun Siirtyminen-näkymässä, voit sivun muokkaukseen siirryttyäsi lisätä sivun alkuun pääotsikoksi automaattisesti päivittyvän sivun nauhan. 

1. Vie kohdistin sivun alkuun, ja tee tarvittaessa kappalevaihto lisätilan saamiseksi.
2. Valitse Lisää | Sivun nauha.
3. Valitse Teksti, ja paina OK.
4. Muuta vielä Muotoilu-työkalurivin Tyyli-valikosta sivun nauhan tyyliksi Otsikko 1.

Siirtymispalkki

Siirtyminen-näkymään määritetty rakenne tekee helpoksi navigoinnin apuna toimivan siirtymispalkin tekemisen sivuille.

1. Valitse Lisää | Siirtymispalkki.
2. Tee valinnat "Kotisivuun kuuluvat alisivut" ja "kotisivu".
3. Asettele siirtymispalkki vaakasuunnassa.

Siirtymispalkin ominaisuuksia pääset myöhemmin muokkaamaan valitsemalla sen päällä hiiren kakkospainikkeella Siirtymispalkin ominaisuudet. 

Huomioi, että Siirtyminen-näkymässä lisäämäsi sivut lisätään jatkossa automaattisesti myös Siirtymispalkkiin. Jos haluat lisätä Siirtyminen-näkymään vielä keskeneräisen sivun, voit poistaa väliaikaisesti hiiren kakkospainikkeella valinnan "Lisätty siirtymispalkkeihin", jolloin sivu ei vielä keskeneräisenä näy siirtymispalkissa.

Oman sivumallin luominen

Tehtyäsi esimerkiksi sivun nauhan, siirtymispalkin, ja valmiit sivun perusasettelut jollekin sivulle, voit tallentaa tekemäsi sivun sivumalliksi, jolloin voit aloittaa uuden sivun luomisen tähän valmiiksi tehtyyn sivumalliin.

1. Valitse Tiedosto | Tallenna nimellä.
2. Anna tiedostonimeksi vaikkapa jokin koko sivustoasi kokonaisuudessaan kuvaava nimi.
3. Valitse tallennusmuodoksi FrontPage template -tiedosto (*.tem), ja paina Tallenna.
4. Anna vielä sivumallille otsikko, esimerkiksi sivustosi nimi. Voit lisäksi vielä vaihtaa tiedostonimeä, ja antaa mallille kuvauksen. Jos haluat käyttää mallia vain tässä sivustossa, valitse "Tallenna malli nykyiseen sivustoon".
5. Paina OK.
6. Mallin saat jatkossa käyttöön valitsemalla Tiedosto | Uusi | Sivu, ja valitsemalla sen sivumallien joukosta antamasi otsikon perusteella.

Koska teimme Siirtyminen-näkymässä sivuja, sivupohjan sisältöön tehdyt muutokset saadaan aloitetuille sivuille seuraavasti.

1. Kun tehty sivupohja on avoinna, valitse Muokkaa | Valitse kaikki Ctrl + A.
2. Nyt koko sisältöalue on maalattuna. Valitse Muokkaa | Kopioi Ctrl + C.
3. Avaa jokainen tehty sivu yksitellen, ja lisää sisältöä sivuille valitsemalla Muokkaa | Liitä Ctrl + V.
4. Tallenna jokainen sivu sisällön liittämisen jälkeen valitsemalla Tiedosto | Tallenna Ctrl + S.

Harjoitus 2

1. Tee uusi sivusto, ja tuo sille etusivuksi edellisellä kerralla tekemäsi esittelysivu index.htm. Koska uuden sivuston aloittamistoiminto on oletuksena tehnyt jo samannimisen tiedoston sivustolle, valitse Kyllä kohdassa jossa kysytään sivun korvaamisesta.
2. Suunnittele Siirtyminen-näkymässä kuusisivuinen sivusto, joka rakentuu seuraavasti: Yleinen esittelysivu index.htm linkittyy kahteen muuhun sivustoon, joiden nimeksi annat yhteystiedot.htm, tyo.htm, ja harrastus.htm. Näistä viimeinen puolestaan linkittyy tiedostoihin elokuva.htm ja linkit.htm. Muista tiedostojen nimeämisen lisäksi myös otsikoida sivut!
3. Voit käyttää leikkaa Ctrl+ X ja liimaa Ctrl + V -toimintoa siirtääksesi tietoja index.htm-tiedostosta niitä varten tehtyihin uusiin tiedostoihin. Käyttäessäsi leikkaa-liimaa -toimintoa, tee se järjestelmällisesti ja huolellisesti välttääksesi tietojen katoamisen!
4. Lisää linkitykset sivujen välille. Lisää sisäisiä linkkejä sopiviin kohtiin tekstiä, ja tee sivun yläreunaan siirtymäpalkki johon tulee linkit kotisivulle ja sen alaisille kolmelle pääosiolle.
5. Täydennä sivujen tietoja edellisellä kerralla opittuja toimintoja kerraten! Lisää tekstiä, linkkejä, otsikoita, listoja... ja käytä sivun nauhaa sivun pääotsikon lisäämiseksi.

Huom! Käsittelet mahdollisesti useita tiedostoja samanaikaisesti, joten tee välitallennuksia jokaisessa muokkaamassasi tiedostossa!