FrontPage Näkymät

Transkriptio

1 FrontPage Näkymät FrontPagessa on kuusi erilaista näkymää sivustoon. Sivunäkymä Tässä näkymässä luodaan sivut eli näkymä vastaa paljolti Wordin tekstinkäsittelyohjelman näkymää. Tässä on myös muokattava HTML-koodinäkymä sekä esikatselu. Sivunäkymässä voi näkyä kansiot vasemmassa reunassa tai ne voi sulkea pois työkalurivin painikkeella. Kansionäkymä Näkyy täydellinen luettelo sivuston sivuista ja kansioista. Raporttinäkymä näyttää 14 raporttia, jotka helpottavat sivuston hallintaa Siirtymisnäkymä esittää hierarkisen näkymän sivuston sivuihin. Hierarkia luodaan vetämällä Web-sivuja edustavia suorakaiteita organisaatiokaaviolta näyttävään kaavioon. Hyperlinkkinäkymä näyttää sivujen hyperlinkit ja esittää ne graafisesti. WWW-sivun tekeminen 1. Tallenna kuvat, joita haluat sivuille luodun sivuston kuvat - kansioon. Tarkista, että kuvien nimissä ei ole isoja kirjaimia eikä skandeja (ä, ö, å), älä myöskään käytä sivujen nimissä välilyöntejä. 2. Kirjoita teksti, hae kuvat, luo linkit jne. 3. Tallenna sivu. Sivujen ulkonäkö kannattaa tarkistaa useammassa selaimessa, koska selaimet saattavat näyttää sivujen jotkin elementit eri 2002 Päivi Vartiainen 1

2 tavoin, eivätkä kaikki selaimet tue tiettyjä toimintoja. Sivua voi katsoa myös FrontPagen esikatselu -näytössä. Uusi sivu 1. Avaa FrontPage Tyhjä sivu aukeaa yleensä Normaali näkymään Sivun alalaidan välilehdillä voit siirtyä edestakaisin eri näkymien välillä. Työskentely tapahtuu Normaali näkymässä. Voit tutkia ja korjata tarvittaessa FrontPagen generoimaa HTML koodia HTML näkymässä, ja Esikatselussa voit tarkistaa miltä sivusi näyttää selaimessa. 1. Tallenna sivusi ensimmäisen kerran jo heti työskentelyn alkuvaiheessa 2. Anna sivulle sitä hyvin kuvaava nimi 2002 Päivi Vartiainen 2

3 3. Muista, että ensimmäinen sivu on aina nimeltään Index tai Default 4. FrontPage tarjoaa sinulle oletuksena sivun nimeksi uusi_sivu1.htm, oletukset on syytä aina muuttaa 5. Oletuksena on myös sivun otsikko (selaimessa näkyvä), Uusi sivu1 ei liene paras mahdollinen, joten vaihda nimi napsauttamalla tallennusikkunan alalaidassa olevaa Muuta painiketta. 6. Määritä sivun otsikko ikkunassa kirjoita sivusi nimi, ja napsauta OK Tekstin kirjoittaminen FrontPagessa teksti kirjoitetaan kuten Wordissä eli rivinvaihto tehdään vasta kappaleen lopussa. Sarkainnäppäimen painaminen vastaa neljää välilyöntiä. Otsikot Otsikot voidaan muotoilla valmiilla otsikkotyyleillä, jotka löytyvät muotoilupalkin vasemmassa reunassa olevasta luettelosta Otsikkotyylit on muotoiltu lihavoiduiksi ja fonttikoko suuremmaksi. Otsikkotyyleillä muotoiltujen rivien alapuolelle tulee ylimääräinen tyhjä tila. Rivinvaihdot Kun painat Enter näppäintä sivulle tulee aina yksi ylimääräinen tyhjä rivi Päivi Vartiainen 3

4 Jos et halua tyhjää riviä, tee rivinvaihto painamalla Vaihto + Enter. Yhteenkuuluvien sanojen sitominen samalle riville Voit käyttää sitovaa välilyöntiä estääksesi sen, että kaksi keskenään yhteenkuuluvaa sanaa asettuvat tekstin eri riveille. Kyseessä voi olla esimerkiksi henkilön etu- ja sukunimi. 1. Kirjoita ensimmäinen sana. 2. Lisää tavallisen välilyönnin asemesta sitova välilyönti painamalla Ctrl + Vaihto + välilyönti. Jos molemmat sanat osuvat aivan rivin loppuun mahtumatta sille, ne kumpikin siirtyvät seuraavalle riville. Fontti Voit kirjoittaa tekstin oletusfontilla. Oletusfontilla kirjoitettu teksti muuttuu selaimessa (Internet Explorer, Netscape tai muu vastaava) selaimessa määritetyksi oletusfontiksi. Esim. jos kirjoitat FrontPagessa tekstin oletusfontilla ja se näkyy Times New Roman-fonttina. Jos selaimessa on vaihdettu oletusfontiksi esim. Verdana, tekstin fontti näkyy katsojalle Verdana -fonttina. "Varmat" fontit Selainohjelma näyttää www-sivun fontit oikein vain, jos nämä fontit on asennettu siihen tietokoneeseen, jossa sivua katsellaan. Tästä syystä varminta on käyttää vain yleisimpiä fontteja. Asiakirjan lisääminen Voit lisätä FrontPage-sivulle melkein minkä tahansa tekstipohjaisen asiakirjan, esimerkiksi HTML-,.rtf- tai.txt - tiedoston, sekä kaikentyyppisiä Office-asiakirjoja Päivi Vartiainen 4

5 1. Valitse Lisää-valikosta Tiedosto. 2. Valitse lisättävä tiedostotyyppi Tiedostotyyppi-ruudusta. 3. Etsi ja valitse käytettävä asiakirja. 4. Valitse Avaa. Vaakaviivojen lisääminen Voit lisätä vaakaviivan sivulle valitsemalla Lisää valikosta Vaakaviiva. Vaakaviivan ominaisuuksia voit muokata kun napsautat viivaa hiiren kakkospainikkeella 1. Napsauta viivaa hiiren oikealla painikkeella ja 2. Valitse valikosta Vaakaviivan ominaisuudet 3. Avautuvassa ikkunassa voit määrittää viivan leveyden joko kuvapisteinä tai prosentteina näytön leveydestä 4. Korkeus tarkoittaa viivan paksuutta, sen voi määrittää kuvapisteinä. 5. Tasaus kohdassa voit valita missä kohtaa näyttöä viiva sijaitsee 6. Jos viivan väriä on tarpeen muuttaa se onnistuu napsauttamalla Väri kohdassa valintaluettelo auki: Valittavana on perusvärit, sekä mukautetut värit niin haluttaessa. 7. Jos laitat valintamerkin kohtaan Yhtenäinen Viiva (ei varjostusta) poistuu kolmiulotteinen vaikutelma viivasta. 8. Tyyli painikkeesta pääset määrittämään viiva -tyylin ja tallentamaan muutokset tyylinä 2002 Päivi Vartiainen 5

6 Taustavärin muuttaminen 1. Valitse Muotoile valikosta Tausta 2. Napsauta Tausta välilehteä 3. Valitse haluamasi väri Tausta valintaluettelosta 4. Teksti valintaluettelosta voit vaihtaa tekstin värin taustaan sopivaksi, mikäli se on tarpeen 5. Hyperlinkki, Avattu hyperlinkki ja Aktiivinen hyperlinkki kohdissa voit vaihtaa linkkien värin. 6. Oletuksena olevat linkkien värit yleensä sopivat Muista värejä valitessasi, ettet vahingossa vaihda linkkien värejä siten, että ne eivät erotu varsinaisesta taustasta. Taustakuvan lisääminen Voit asettaa sivulle taustakuvan. Kaikki sivulla olevat osat, esimerkiksi teksti ja grafiikka, näkyvät taustakuvan päällä. Napsauta sivunäkymässä sivua hiiren kakkospainikkeella ja valitse sitten pikavalikosta Sivun ominaisuudet. 1. Valitse Tausta-välilehti Päivi Vartiainen 6

7 2. Valitse Taustakuva -valintaruutu ja valitse Selaa. 3. Selaa haluamasi taustakuva näkyviin ja valitse se Jos kuva on sivustossa, selaa sivustoon ja kansioon, joissa kuva sijaitsee, valitse haluamasi kuva ja valitse OK. Jos kuva on paikallisessa verkossasi, napsauta Tiedostopainiketta, selaa kuvaan, jonka haluat paikallisesta verkostasi ja valitse sitten OK. Vesileiman käyttäminen taustassa Jos käytät vesileimaa FrontPage 2000:n taustakuvassa, tausta ei liiku vierityspalkkia vedettäessä, mutta teksti ja kuvat vierivät. 1. Napsauta sivua hiiren kakkospainikkeella 2. Valitse Sivun ominaisuudet 3. Valitse Tausta-välilehti 4. Valitse Vesileima. Kaikki Web-selaimet eivät tue vesileimoja. Hyperlinkkien lisääminen Tekstin muuttaminen hyperlinkiksi 1. Valitse teksti maalaamalla 2. Napsauta Hyperlinkki painiketta työkalurivillä Kuvasta hyperlinkiksi 1. Valitse kuva napsauttamalla sitä 2. Napsauta hyperlinkki painiketta työkalurivillä 3. Kirjoita Luo hyperlinkki ikkunassa haluamasi URL-osoite 2002 Päivi Vartiainen 7

8 4. Napsauta OK 5. Siirry esikatselu tilaan näet että kuva on muuttunut hyperlinkiksi ja voit heti testata sen toimivuuden Linkkien esitysvärien asettaminen Oletusarvon mukaan linkit esitetään FrontPagessa sinisellä värillä ja alleviivattuina. Napsautetun linkin väri muuttuu sinipunaiseksi, ja aktiivinen linkki näkyy punaisena. Värit voi haluttaessa vaihtaa helposti. 1. Valitse Muotoile-valikosta Tausta. 2. Ruudulle aukeaa Ominaisuudet: Sivu -ikkuna 3. Valitse Tausta-välilehti. 4. Väri-kohdassa voit muuttaa komentojen Hyperlinkki, Avattu hyperlinkkiä ja Aktiivinen hyperlinkki värivaihtoja napsauttamalla kohteeksi valitun komennon vieressä olevaa luettelonuolta valitse väri ja napsauta OK. Kuvien viistottaminen Voit saada syvyyttä kotisivusi kuviin käyttämällä Kuva-työkalurivin Viistota työkalua. Voit myös luoda kolmiulotteisia painikkeita hyperlinkeiksi tällä tavalla. Lisää ensin kuva. 1. Valitse kuva napsauttamalla sitä kerran. 2. Kuvassa on nyt näkyvissä koonmuuttokahvat, ja kuva työkalurivi on käytössä ruudun alalaidassa Päivi Vartiainen 8

9 3. Napsauta Kuva-työkalurivin Viistota painiketta 4. Kuvaan luodaan kolmiulotteinen vaikutelma Sähköpostiosoite linkiksi Voit luoda sähköposti hyperlinkin seuraavalla tavalla: 1. Valitse kuva tai teksti 2. Napsauta Hyperlinkki painiketta Vakiotyökalurivillä 3. Saat ruudulle Luo hyperlinkki ikkunan 4. Napsauta Luo sähköpostia lähettävä hyperlinkki painiketta 5. Kirjoita osoitteesi Kirjoita sähköpostiosoite kenttään 6. Napsauta OK 2002 Päivi Vartiainen 9