SISÄLTÖ. FrontPage 2000 perusteet 1 FRONTPAGE KÄYTTÖLIITTYMÄ...3

Transkriptio

1 FrontPage 2000 perusteet 1 SISÄLTÖ FRONTPAGE KÄYTTÖLIITTYMÄ...3 SIVUSTON ELI WEBIN LUOMINEN...3 Näkymät...4 Sivunäkymä (Page)...4 Kansionäkymä (Folders)...4 Raporttinäkymä (Reports)...4 Siirtymisnäkymä (Navigation)...4 Hyperlinkkinäkymä...4 WWW-SIVUN TEKEMINEN...5 Sivun tekemisen vaiheet...5 Uuden sivun avaaminen...5 Sivun sulkeminen...5 Webin sulkeminen...5 Webin avaaminen...5 Sivunäyttö...6 Vakiotyökalurivi...6 Muotoilutyökalurivi...6 Sivun ominaisuudet...6 TEKSTIN KIRJOITTAMINEN...7 Kappale- ja rivinvaihdot...7 Fontti...7 Yleisimmät fontit...7 Fonttimäärittelyt...8 Vilkkuva teksti, ylä- ja alaindeksi...8 Vierivä teksti...8 Sisennykset (lainaukset)...8 Luettelot...8 Tekstin tuominen muista sovelluksista...8 Vaakaviivojen lisääminen...9 KUVAT...9 Kuvan tuominen ClipArtista...9 Kuvan tuominen tiedostosta...9 Kuvan ominaisuuksien muuttaminen...9 Pienoiskuvan luominen...11 Kuvan sijoittaminen absoluuttisesti...11 Kuvan muokkaaminen...12 Kuvan rajaaminen ja koon muuttaminen...12 Kuvan värin tekeminen läpinäkyväksi...12 Harmaasävyt ja värien haalentaminen...13 Kuvien latausajan hallinta...13 Kuvaformaatit...13 LINKIT...14 Linkki ulkopuoliselle www-sivulle...14

2 FrontPage 2000 perusteet 2 Linkkinä www-osoite...14 Linkkinä teksti...14 Linkki kuvasta...15 Linkki tekstistä kuvaan...15 Sähköpostia lähettävä linkki...15 Linkkinä sähköpostiosoite...15 Linkkinä teksti esim. nimi...16 Linkki omalle www-sivulle...16 Kirjanmerkkien asettaminen ja käyttäminen...16 Linkki kirjanmerkkiin...16 Linkit muihin dokumentteihin...16 Linkit samasta kuvasta useaan eri kohteeseen...17 TAULUKOT...17 Taulukon tekeminen...18 Taulukon muotoileminen...18 Solun leveyden määrittäminen...18 Taulukon taustavärin vaihtaminen...18 Taulukon Cellspacing ja Cellpadding...18 Taulukon taustavärin vaihtaminen...18 Rivien ja sarakkeiden käsitteleminen...19 Rivien lisääminen...19 Sarakkeiden lisääminen...19 Rivien, sarakkeiden ja solujen poistaminen...19 Solujen yhdistäminen...19 Solujen jakaminen...19 Tekstin tai kuvan keskittäminen solun sisällä vaakasuunnassa...19 Tekstin tai kuvan keskittäminen solun sisällä pystysuunnassa...19 Kuvan viereisen tekstin sijainnin määrittäminen pystysuunnassa...20 TYYLIT...20

3 FrontPage 2000 perusteet 3 FRONTPAGE KÄYTTÖLIITTYMÄ FrontPagen käynnistäminen avaa seuraavan ikkunan Kun sivuja aletaan tehdä, kannattaa luoda aluksi oma sivusto eli Web = kansio, johon sivut sijoitetaan. Sivuston luomisen etu on se, että jos myöhemmin siirretään sivuja tai kuvia kansiosta toiseen, ohjelma päivittää linkit ja kuvien kansiopolut. Sivut voi tehdä myös yksitellen ja tallentaa kansioihin, mutta silloin niiden siirtäminen ja nimen muuttaminen aiheuttaa linkkien katkeamisen. SIVUSTON ELI WEBIN LUOMINEN Voit tehdä sivuja suoraan Page-näyttötilassa ja tallentaa sivut haluamaasi kansioon. Jos teet paljon sivuja, kannattaa luoda Web. Webin tekemisen etu on se, että näet aina tekemäsi sivut ja kuvat FrontPagen Folders-näkymässä. Voit siirtää sivuja ja kuvia kansiosta toiseen tai muuttaa niiden nimeä, jolloin FrontPage päivittää kansiopolut niille sivuille, joilla on linkkejä ko. sivulle tai kuvaan. Jos teet sivuja Webin ulkopuolella, sinun täytyy tehdä linkit uudelleen ja hakea kuvat uudelleen, jos siirrät niitä tai muutat nimeä eli linkit katkeavat. Voit luoda Webin eli sivuston työasemallesi haluamaasi kansioon ja siirtää ne sieltä public_html kansioon siinä vaiheessa, kun haluat niiden näkyvän Internetissä. File, New, Web 1. Kirjoita kansiopolku, mihin sijoitat sivuston esim. c:\wwwsivut jos teet sivuston omaan työasemaan X:\public_html jos teet sivuston suoraan virtuaaliasemaan

4 FrontPage 2000 perusteet 4 eli ensin levyaseman tunnus (C:\ tai X:\) ja sen jälkeen kansion nimi tai kansiopolku, johon sijoitat sivut. Näkymä muuttuu seuraavaksi. Allaolevassa kuvassa näkyy pari tehtyä sivua. Näkymät FrontPagessa on kuusi näkymää sivustoon. Sivunäkymä (Page) 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ä (Folders) näyttää täydellisen luettelon sivuston sivuista ja kansioista. Raporttinäkymä (Reports) näyttää 14 raporttia, jotka helpottavat sivuston hallintaa Siirtymisnäkymä (Navigation) esittää hierarkisen näkymän sivuston sivuihin. Hierarkia luodaan vetämällä Websivuja edustavia suorakaiteita organisaatiokaaviolta näyttävään kaavioon. Hyperlinkkinäkymä näyttää sivujen hyperlinkit ja esittää ne graafisesti.

5 FrontPage 2000 perusteet 5 WWW-SIVUN TEKEMINEN Sivun tekemisen vaiheet 1. Tallenna kuvat, joita laitat sivuille luodun sivuston images-kansioon. Tarkista, että kuvien nimissä ei ole isoja kirjaimia eikä ä, ö, å. 2. Kirjoita teksti, hae kuvat, luo linkit jne. 3. Tallenna sivu. Älä käytä nimissä isoja kirjaimia eikä ä, ö, å. Jos nimissä on käytetty noita, ne eivät näy netissä. 4. Avaa sivu selaimeen eli Exploreriin ja/tai Netscapeen. Selaimessa näet miltä sivu näyttää netissä eli valitse File, Preview in Browser tai napsauta työkalurivin kuvaketta Preview in Browser 5. Jos koneessasi on useampia selaimia, valitse selain, millä haluat katsoa sivuja Sivut kannattaa katsoa molemmissa selaimissa, koska selaimet saattavat näyttää sivujen jotkin elementit eri tavoin esim. vierivä tai vilkkuva teksti tai tyylit. Sivut voi avata selaimeen myös suoraan esim. Explorerissa: valitse File, Open, Browse ja hae sivu eli samoin kuin Wordissä avataan asiakirja. Sivua voi katsoa myös FrontPagen Preview-näytössä. Uuden sivun avaaminen Sivun sulkeminen Webin sulkeminen Napsauta Folders (Kansiot) -näkymässä työkaluriviltä New Page - painiketta. Sivu ilmestyy oikeanpuoleiseen sisältöikkunaan ja ohjelma ehdottaa sille jotain nimeä. Kirjoita haluamasi nimi sivulle (tai muuta nimi hiiren oikean painikkeen alta Rename-toiminnolla). Avaa sivu muokkausta varten kaksoisnapsauttamalla sivun nimeä ja siirry Pagenäkymään. Voit lisätä uuden sivun myös Page (Sivu)-näkymässä. Tallenna sivu File, Save as -toiminnolla Valitse File, Close (Tiedosto, Sulje) File, Close Web (Tiedosto, Sulje sivusto) Webin avaaminen Avaa Frontpage Valitse File, Open Web (Tiedosto, Avaa Web-sivusto)

6 FrontPage 2000 perusteet 6 Sivunäyttö Vakiotyökalurivi Sivut tehdään sivunäkymässä. Sivunäkymän työkalurivit ovat: Uusi Avaa Julkaise Tulosta Esikatsele selaimessa Lisää kuva Lisää linkki Kansionäkymä Tallenna Oikeinkirjoitus Lisää taulukko Muotoilutyökalurivi Tyyliluettelo Lihavointi Kursivointi Alleviivaus Luettelot Sisennys Fontti Fontin koko Vasen Keskitys Oikea tasaus Sivun ominaisuudet Sivun yleistä ulkoasua muokataan 1. File, Properties (Tiedosto, Ominaisuudet) tai napsauta sivulla hiiren oikeaa painiketta ja valitse Page Properties (Sivun ominaisuudet) 2. Valintataulussa on seuraavat välilehdet, joille tehdään asetuksia General (Yleiset): kirjoita tähän Title (Otsikko) kohtaan sivun otsikko. Tämä näkyy esim. Explorerissa sinisessä nimipalkissa ylhäällä, kun avaat sivun selaimessa Background (Tausta): valitse sivun taustaväri, taustakuva, tekstin väri, linkkien väri jne. Luettavuuden kannalta paras yhdistelmä on vaalealla pohjalla tumma teksti eli pelkkä valkea tausta ja musta teksti ovat parhaasta päästä. Vältä sekavia, kohokuviollisia taustakuvia. Margins (Reunukset) välilehdellä voit määritellä sivun reunukset. Tämä reunuksen asettaminen ei toimi Netscapessa, vaan Netscapea varten koodiin pitää lisätä erikseen marginwidth ja marginheigth tagit (ks. WWW-julkaisut materiaalista) Custom (Mukauttaminen). ei mitään muutoksia Kieli: valitaan kieli, jota FrontPage käyttää oikeinkirjoituksen tarkistamiseen.

7 FrontPage 2000 perusteet 7 TEKSTIN KIRJOITTAMINEN FrontPagessa teksti kirjoitetaan kuten Wordissä eli rivinvaihto (täällä kappaleenvaihto) tehdään vasta kappaleen lopussa. Sarkainnäppäimen painaminen vastaa neljää välilyöntiä. Sitova välilyönti on Ctrl-Shift-Välilyönti. Otsikot Otsikot voidaan muotoilla valmiilla otsikkotyyleillä, jotka löytyvät muotoilupalkin vasemmassa reunassa olevasta luettelosta (Heading1 Heading 6). Otsikkotyylit on valmiiksi muotoiltu lihavoiduiksi ja fonttikoko suuremmaksi. Otsikkotyyleillä muotoiltujen rivien alapuolelle tulee ylimääräinen tyhjä tila. Kappale- ja rivinvaihdot Fontti Yleisimmät fontit Enterin painaminen tekee kappalevaihdon, joka lisää ylimääräisen tyhjän rivin. Jos et halua tyhjää riviä, tee rivinvaihto painamalla Shift-Enter (Shift=Vaihto). Voit kirjoittaa tekstin oletusfontilla (default font). Oletusfontilla kirjoitettu teksti muuttuu selaimessa (=Explorer, Netscape, jolla sivuja katsotaan) selaimen oletusfontiksi. Esim. kirjoitat FrontPagessa tekstin oletusfontilla ja se näkyy Times New Roman-fonttina. Jos selaimessa on vaihdettu oletusfontiksi esim. Arial, tekstin fontti näkyy Arial-fonttina. Kun sivu haetaan selaimeen, selain lukee koodista, mikä sen fontti on. Jos fontti löytyy koneesta, sivu näytetään sillä. Jos fonttia ei löydy koneesta, sivu näytetään oletusfontilla. Varmimmat fontit ovat Times New Roman ja Arial eli ne löytyvät varmimmin kaikista koneista. Koska monet ovat näihin kyllästyneet, on uusiksi webbifonteiksi nimetty Georgia, joka korvaisi Times New Roman fontin (molemmat päätteellisiä fontteja) sekä Verdana ja Trebuchet MS, jotka korvaisivat Arial (Helv) fontin (päätteettömiä fontteja). Nämä löytyvät myös nykyään useimmilta koneilta. Harvinaisia fontteja käytettäessä on riski, että niitä ei löydy esim. Maceistä tai vanhoista koneista, jolloin ne korvautuvat oletusfontilla. Fontin koko riippuu paljolti valittavasta fontista. Mahdollisia fonttikokoja ovat: Times New Roman, 12 pt Arial 10 tai 12 Verdana 10 tai 12 jne. Kannattaa katsoa näytöllä, mikä itsestä on hyvä. Lisäksi fontin suuruuteen näytöllä vaikuttaa käyttäjän näytön resoluutio, jolle sivun tekijä ei voi mitään, koska kukin voi säätää oman näyttönsä resoluution haluamakseen. Jos resoluutio on 800x600, Arial 10 pisteen koko on vielä luettava. Jos resoluutio on 1024x768 tai suurempi, fontti alkaa käydä pieneksi. Nykyisin yleisin resoluutio lienee 1024x768.

8 FrontPage 2000 perusteet 8 Fonttimäärittelyt Resoluution voit tarkistaa ja vaihtaa: Start, Settings, Control Panel, Display, Settings. Näet Desktop Area-kohdasta tämänhetkisen resoluution ja voi vaihtaa sitä vetämällä hiirellä valitsimesta. Fontti, fontin koko, lihavointi, kursivointi, alleviivaus, fontin väri ja taustaväri valitaan työkaluriviltä. Vilkkuva teksti, ylä- ja alaindeksi 1. Valitse Format, Font 2. Valitse: Blink eli vilkkuva teksti (ei toimi IE:ssa) Superscript: yläindeksi Subscript: alaindeksi Vierivä teksti 1. Valitse Insert, Component, Marquee (ei toimi Netscapessa) 2. Kirjoita teksti 3. Aseta taustaväri Background color kohdasta ym. asetukset Sisennykset (lainaukset) Luettelot sisennyspainikkeella voit sisentää tekstiä. Tämä sisentää tekstiä myös oikeasta reunasta. sisennys poistetaan tällä numeroitu luettelo luettelomerkkiluettelo Tekstin tuominen muista sovelluksista FrontPageen voi tuoda tiedostoja tai valittuja tekstiosia melkein missä muodossa tahansa ja muuntaa ne HTML-koodiksi. Kun haluat lisätä tällaisia osia www-sivulle, voit tehdä seuraavasti 1. Avaa tiedosto esim. Wordissä 2. Valitse FrontPageen kopioitava alue 3. Napsauta Copy-painiketta tai Edit, Copy (Muokkaa, Kopioi) 4. Siirrä kohdistin FrontPagessa lisäyskohtaan 5. Napsauta Paste-painiketta tai valitse Edit, Paste (Muokkaa, Liitä)

9 FrontPage 2000 perusteet 9 Vaakaviivojen lisääminen KUVAT Vaakaviiva lisätään valitsemalla Insert, Horizontal Line. Viivaa muotoillaan 1. napsauta viivaa hiiren oikealla painikkeella ja 2. valitse Horizontal Line Properties 3. Muotoile Width (Leveys) esim. prosentteina näytön leveydestä Height (Korkeus) eli viivan paksuus Alignment (Tasaus) eli onko viiva vasemmassa reunassa, keskellä vai oikeassa reunassa Color (Väri) Solid (yhtenäinen viiva): poistaa kolmiulotteisen vaikutuksen Style (Tyyli) Kaikki muotoilut eivät toimi Netscapessa. Vaakaviiva keskeyttää tekstin lukemisen sivulla eli ne toimivat kuin esteet aitajuoksussa, joiden yli pitää hypätä. Ei suositella kappalejaoksi. FrontPagessa sivuille voidaan tuoda kuvia ClipArtista, kopiomalla tai tiedostosta. Kuvan tuominen ClipArtista 1. Valitse Insert, Picture, From ClipArt tai napsauta ClipArt painiketta 2. Voit selata kuvatiedostoa nuolipainikkeilla kuvasivulta toiselle 3. Valitse kuva. Kuvan napsauttaminen tuo valintataulun, jonka valikossa on vaihtoehdot Insert Clip (Lisää kuva) Preview Clip (Esikatseluleike) Add Clip to Favorites (Lisää leike suosikkeihin) Find Similar Clips (Etsi samanlaiset leikkeet) Kuvan tuominen tiedostosta Kun haluat laittaa sivulle kuvan, jonka olet tallentanut kansioon 1. Valitse Insert, Picture (Lisää kuva) 2. From File (Tiedostosta) 3. Avaa kansio, missä kuva on ja valitse kuva Kuvan ominaisuuksien muuttaminen Napsauta kuvan päällä hiiren oikeaa painiketta 1. Valitse Properties 2. Välilehdillä voi tehdä seuraavat asetukset

10 FrontPage 2000 perusteet 10 General (Yleiset) Type (Tyyppi) Interlaced (Lomitettu).gif kuva näkyy selaimessa ensin matalammalla resoluutiolla ja tarkentuu sitten, latautuu nopeammin. Text (Teksti) kohtaan kirjoitetaan teksti, joka ilmestyy kun hiiren kohdistin viedään selaimessa kuvan päälle Appearance (Ulkoasu) Alignment (Tasaus): Left (vasen) kuva vasempaan reunaan Right (oikea) kuva oikeaan reunaan Muut vaihtoehdot tasaavat tekstin kuvan ylä- tai alareunaan tai keskelle. Border (Reunaviiva): määrittelee reunaviivan paksuuden, 0 ei mitään Horizontal Spacing (Vaakasuora välistys): kuvan etäisyys tekstistä vaakasuunnassa Vertical Spacing (Pystysuora välistys): kuvan etäisyys tekstistä pystysuunnassa

11 FrontPage 2000 perusteet 11 Pienoiskuvan luominen Jotta kuvien latausaika saataisiin mininoitua, voidaan isosta kuvasta näyttää pieni esikatseluversio, josta napsauttamalla ladataan täyskokoinen kuva. 1. Lisää täyskokoinen kuva. Aktivoi kuva. 2. Napsauta AutoThumbnail-kuvaketta Picture-työkalurivillä, jolloin Front- Page poistaa ison kuvan ja sijoittaa sen paikalle pienoiskuvan ja lisää linkin pienoiskuvasta isoon kuvaan. 3. Muuta tarvittaessa pienoiskuvan kokoa vetämällä sen kulmakahvoista. Voit poistaa sinisen linkkireunuksen kuvasta napsauttamalla kuvaa, valitse Image Properties, Appearance-välilehti ja sieltä Border 0 Kuvan sijoittaminen absoluuttisesti Kuvatyökalurivillä on kolme painiketta, joilla kuva voidaan sijoittaa absoluuttisesti eli kuvan sijainnille voidaan antaa tarkat x- ja y-koordinaatit. 1. Valitse kuva. 2. Napsauta Picture (Kuva) työkalurivin Positioned Absolutely (Sijoita absoluuttisesti) painiketta 3. Vedä kuva haluamaasi paikkaan hiirellä. Kuvan voi vetää tämän jälkeen milloin tahansa uuteen paikkaan. Tämä sijoitus toimii Explorerin versioissa 4:stä alkaen, mutta Netscapen versioista vain uusimmassa eli 6- versiossa. Esim. yleisesti käytössä olevissa Netscape 4.x versioissa tämä ei toimi. Testaa tällaiset sivut eri selaimilla.

12 FrontPage 2000 perusteet 12 Kuvan muokkaaminen Picture (Kuva) -työkalupalkin työkaluilla voi muokata kuvaa: Lisää tekstin kuvaan (testaa, toimiiko selaimessa) FrontPagessa on neljä painiketta kuvien kiertämiseen ja kääntämiseen. Voit kääntää kuvan niin monta kertaa kuin haluat. Kuvan kontrastin ja kirkkauden säätäminen voidaan tehdä seuraavilla painikkeilla GIF-kuvan tietyn värin valitseminen läpinäkyväksi Kuvaa voidaan rajata eli leikata siitä pois näkyvistä (kuvatiedoston koko ei pienene) Mustavalkokuva Vesileima kuvasta Viistotut reunat Palauttaa alkuperäisen kuvan Linkit eri sivuille kuvan eri osista Kuvan rajaaminen ja koon muuttaminen 1. Valitse kuva eli napsauta kuvaan 2. Valitse Crop (Rajaa) työkalu 3. FrontPage lisää kuvaan rajaussuorakaiteen. Vedä sen kahvoista ja rajaa haluamasi alue 4. Napsauta uudelleen Crop-työkalua. Kuvan kokoa muutetaan vetämällä sen kahvoista. Kulmakahvoista vetämällä säilyy kuvan mittasuhteet. Kuvan koon muuttaminen ei muuta kuvatiedoston kokoa. Siksi kuva kannattaa pienentää kuvankäsittelyohjelmassa valmiiksi haluamaansa kokoon, jolloin myös tiedoston koko pienenee. Kuvan värin tekeminen läpinäkyväksi 1. Lisää kuva sivulle 2. Valitse kuva 3. Napsauta Make Transparent (Määritä läpinäkyvä väri) painiketta 4. Siirrä hiiriosoitin kuvan päälle ja napsauta sellaista kuvan väriä, jonka haluat läpinäkyväksi. Jos haluat muuttaa jonkin toisen värin läpinäkyväksi, toista vaiheet 3 ja 4. Jos haluat poistaa läpinäkyvyyden, napsauta kuvan päällä hiiren oikeaa painiketta, valitse Pro-

13 FrontPage 2000 perusteet 13 perties (Ominaisuudet) ja poista valinta General (Yleiset) -välilehden Transparent (Läpinäkyvä) kentästä. Harmaasävyt ja värien haalentaminen Black and White (Mustavalkoinen) painike poistaa kuvasta värit muuntaen kuvan harmaasävykuvaksi. Toiminto voidaan perua napsauttamalla painiketta uudestaan, jos kuvaa ei ole vielä tallennettu. Kuvaa voi vaalentaa napsauttamalla kuvan päällä Washout (Poista) painiketta. Kuvaa voi haalentaa vain kerran tallennusta kohden. Kuvien latausajan hallinta Sivun lataamiseen kuluva aika on sivun kaikkien elementtien yhteenlaskettu koko jaettuna käytettävissä olevalla kaistanleveydellä. FrontPage arvioi jokaisen sivun lataamisajan tyypillisellä modeemilla ja näyttää arvion tilarivillä esim. 19 sekuntia nopeudella 28,8. Tämän ansiosta voi seurata kuvien vaikutusta latausaikaan. Kuvaformaatit Useimmat www-selaimt (esim. Explorer ja Netscape) osaavat näyttää vain kahta kuvateidostomuotoa: Gif (Graphic Interchange format) JPG (Joint Photographics Expert Group). Jotkut selaimet tukevat myös PNG-muotoa. GIF ja JPG-formaattien vertailu GIF JPG Värejä käytettävissä Värejä kuvaa kohden Pakkaus Ei hävitä tietoa Hävittää tietoa Läpinäkyvyys Yksi väri Ei Läpikuultavuus Ei Ei Animointi On Ei Voit tuoda FrontPageen kuvia useissa eri tiedostomuodoissa esim. BMP, TIFF, WPG, PCX, WMF - ja tallentaa ne GIF- tai JPEG-kuvina.

14 FrontPage 2000 perusteet 14 LINKIT WWW-sivun tekstistä tai kuvasta voidaan tehdä linkki mille tahansa Internetissä olevalle www-sivulle toiselle sivulle, joka on omassa koneessa samalle sivulle esim. kohtaan, johon halutaan siirtyä nopeasti. Linkki ulkopuoliselle www-sivulle Linkkinä www-osoite Linkkinä teksti Jos kirjoitat www-osoitteen sellaisenaan, ohjelma tekee siitä linkin automaattisesti esim. jolloin osoite jää näkyviin. 1. Jos haluat linkin sanan/sanojen alle esim OAMK sanan alle linkki Helian sivulle. Voit laittaa linkin myös kuvasta. 2. Valitse sana/sanat tai napsauta kuvaa, josta teet linkin 3. Napsauta Create Hyperlink (Lisää Hyperlinkki) painiketta 4. Kirjoita URL-riville jälkeen www-osoite esim. ja paina OK SamassaWebissä olevat sivut Linkki Webin ulkopuolisessa kansiossa olevalle sivulle Sähköpostiosoite Tähän sivun osoite Kirjanmerkit Kohdekehys

15 FrontPage 2000 perusteet 15 Target Frame (Kohdekehys) painikkeen alta voit määritellä, jos haluat sivun avautuvan uuteen selainikkunaan eli New Window (Uusi Ikkuna). Eli kun linkkiä napsautetaan avautuu uusi selain ja uusi ikkuna edellisen päälle. Monet eivät pidä siitä että joutuvat erikseen sulkemaan uuden ikkunan eikä Back-painikkeella pääse sivulle, josta linkin avasi. HUOM! Jos linkki on sivulla, joka on kehysrakenteisessa sivustossa, määrittele ulkopuolisille www-sivuille tehdyt linkit avautumaan joko Whole Page, joka avaa sivun uuteen ikkunaan edellisen päälle eikä avaa uutta selainikkunaa tai New Window ikkunaan., joka avaa sivun uuteen selainikkunaan Linkki kuvasta 1. Napsauta kuvaa 2. Napsauta Hyperlink (Lisää hyperlinkki) -painiketta 3. Kirjoita www-sivun osoite Linkki tekstistä kuvaan 1. Kirjoita teksti 2. Valitse teksti 3. Napsauta Hyperlink (Lisää hyperlinkki) painiketta 4. Valitse kuva, johon teet linkin Sähköpostia lähettävä linkki Linkkinä sähköpostiosoite Voit tehdä linkin sähköpostiosoitteeseen kuten www-sivulle eli kirjoittaa osoitteen

16 FrontPage 2000 perusteet 16 Linkkinä teksti esim. nimi Sähköpostiosoitteen voi laittaa tekstin tai nimen alle, ettei se näy. 1. Valitse nimi 2. Napsauta Hyperlink (Lisää hyperlinkki) -painiketta 3. Napsauta valintataulussa kirjekuoren kuvaketta ja kirjoita sp-osoite. Linkki omalle www-sivulle Valitse sana tai sanat, joista teet linkin esim. Sisällysluetteloon Napsauta Create Hyperlink (Lisää hyperlinkki) -painiketta Valitse kansio, missä sivu on ja sieltä sivu, jolle haluat linkin Kirjanmerkkien asettaminen ja käyttäminen Linkki kirjanmerkkiin 1. Avaa se sivu FrontPagessa, johon teet linkin 2. Valitse sana/sanat tai kuva, johon haluat linkin osoittavan. Eli kun toisella sivulla napsautetaan linkkiä, tämä sivu avautuu tästä kohdasta eikä esim. sivun alusta. Tähän tehdään kirjanmerkki. 3. Valitse Insert, Bookmark (Lisää, Kirjanmerkki) 4. Kirjoita kirjanmerkille nimi. Anna sivun jokaiselle kirjanmerkille eri nimi. 5. Napsauta OK Valintataulun Clear (Tyhjennä) painikkeella voit poistaa asetetun kirjanmerkin. 1. Avaa sivu, johon sijoitat linkin 2. Valitse teksti tai kuva, johon liität linkin 3. Napsauta Edit Hyperlink (Lisää hyperlinkki) -painiketta 4. Valitse sivu, jolle teet linkin 5. Valitse Bookmark -valikosta kirjanmerkki (sivu, jolla kirjanmerkki on, täytyy olla silloin avattuna FrontPagessa). Paina OK. Linkit muihin dokumentteihin WWW-sivulta voi tehdä linkin myös muihin dokumentteihin eli Word-asiakirjoihin Excel-työkirjoihin PowerPoint-esityksiin.pdf-tiedostoihin kuviin Linkki tehdään kuten www-sivulle. Määrittele Target Frame, jos teet linkin kehyssivulta.

17 FrontPage 2000 perusteet 17 Kun linkkiä napsautetaan www-sivulla, avautuu esim. Word-dokumentti. Linkistä voi myös tallentaa dokumentin eli sitä ei tarvitse avata. Explorer avaa linkin dokumentin ja Wordin tekstinkäsittelyohjelman Explorerin sisään. Ohjelmassa näkyy kuitenkin Explorerin työkalurivi, joten jos asiakirjaa haluaa muokata, täytyy erikseen hakea Wordin työkalurivit, samoin Excelissä. Netscape ei avaa Excelin taulukoita ollenkaan, vaikka ne tallentaisi. Linkit samasta kuvasta useaan eri kohteeseen Kuvasta voidaan tehdä linkkejä eri sivuille tai kohteisiin siten että kun napsauttaa tiettyyn kohtaan kuvassa, avautuu tietty sivu ja toisesta kohdasta toinen sivu jne. 1. Napsauta kuvaa 2. Napsauta jotain Picture (Kuva) työkalurivin seuraavista painikkeista 3. suorakaide, jos rajaat kuvasta suorakaiteen muotoisen linkkialueen ympyrä, jos rajaat pyöreän linkkialue on monikulmio, jos alue on epäsäännöllisen muotoinen 4. Jos luot suorakaiteen muotoisen tai pyöreän linkkialueen, piirrä hiirellä kuvan päällä alue, mihin linkki tehdään. Jos valitset monikulmion, napsauta hiirellä kohdealueen nurkkapisteitä ja kaksoisnapsauta lopuksi 5. Kun olet luonut kohdealueen, FrontPage näyttää Create Hyperlink (Luo Hyperlinkki) valintaikkunan. Tee linkki kuten edellä. 6. Toista kohtia 2-5, kun määrität muut linkkialueet kuvasta. TAULUKOT WWW-sivut tehdään hyvin usein taulukkoon. Taulukon etu tavalliseen tekstinä kirjoitettuun sivuun on se, että sillä voidaan hallita sivun leveyttä ja kuvien sijoittamista. Tavallinen tekstisivu muotoutuu näytön leveyden mukaan: mitä leveämpi näyttö sitä pitemmät rivit ja lyhyemmät kappaleet. Niinpä esim. kappale, joka pienellä näytöllä on kuuden rivin korkuinen, voi olla leveällä näytöllä kolme riviä korkea. Tavalliselle tekstisivulle sijoitetut kuvat sijaitsevat ilman tasojen käyttämistä joko sivun vasemmassa tai oikeassa reunassa. Kuvan sijaintia ei voi määritellä tarkasti ellei käytä tasoja, tämä ominaisuus löytyy FrontPage 2000:sta. Taulukossa taulukon leveys voidaan määritellä suhteellisesti prosentteina näytön leveydestä, jolloin sen leveys riippuu näytön leveydestä kuten tekstisivullakin. Jos leveys määritellään pikseleinä, taulukon eli sivun leveys on kaikilla näytöillä aina sama. kun määrittelee taulukon leveyden pikseleinä, täytyy ottaa huomioon yleisin resoluutio, jolla sivuja katsotaan, nykyään 1024x768. Usein sivuja katsotaan myös 800x600 resoluutiolla, joten taulukon leveys kannattanee määritellä toistaiseksi enintään 800 pikseliä. Jos taulukkosivua katsotaan jonkin kehyksen sisällä täytyy taulukon leveydestä vähentää kehyksen leveys, joka on usein pikseliä.

18 FrontPage 2000 perusteet 18 Taulukon tekeminen 1. Table, Insert Table (Taulukko, Lisää taulukko) 2. Määritä rivien ja sarakkeiden määrä 3. Määritä taulukon leveys pikseleinä (max 800 tai ehkä 1000) tai prosentteina Taulukon muotoileminen Solun leveyden määrittäminen Määritä sarakkeille leveys, niin voit hallita paremmin taulukon käyttäytymistä. Jos leveyttä ei määritetä, solun leveys muuttuu sitä mukaa kuin viereiseen soluun kirjoittaa tekstiä. Solujen leveyden määrittäminen ei kokonaan poista tätä ongelmaa, vaan jos viereiseen sarakkeeseen kirjoittaa pitkän tekstin ilman välilyöntiä tai sijoittaa siihen saraketta leveämmän kuvan, levenee sarake automaattisesti kaventaen oikealla olevia sarakkeita. 1. Maalaa sarakkeen solut 2. Valitse Table, Cell Properties (Taulukko, Solun ominaisuudet) 3. Kirjoita kohtaan Specify Width sarakkeen leveys pikseleinä tai prosentteina Voit leventää ja kaventaa sarakkeita myös vetämällä hiirellä sarakkeiden välisestä viivasta. Samalla tavalla voi suurentaa ja pienentää rivin korkeutta. Taulukon taustavärin vaihtaminen 1. Napsauta taulukkoon 2. Valitse Table, Table Properties (Taulukko, Ominaisuudet) 3. Valitse taustaväri kohdasta Background Color (Taustaväri) Taulukon Cellspacing ja Cellpadding 1. Napsauta taulukkoon 2. Valitse Table, Table Properties (Taulukko, Ominaisuudet) 3. Määritä tekstin ja taulukon solun reunan välinen etäisyys kohdasta Cellpadding 4. Määritä solujen välinen etäisyys kohdasta Cellspacing Taulukon taustavärin vaihtaminen 1. Napsauta taulukkoon 2. Valitse Table, Table Properties (Taulukko, Ominaisuudet) 3. Valitse taustaväri kohdasta Background Color

19 FrontPage 2000 perusteet 19 Rivien ja sarakkeiden käsitteleminen Rivien lisääminen 1. Napsauta riville, jonka ylä- tai alapuolelle lisäät rivin 2. Table, Insert Rows or Columns (Taulukko, Lisää rivejä tai sarakkeita) 3. Valitse Rows 4. Valitse lisäätkö Above (ylä)- vai Below (ala)puolelle Sarakkeiden lisääminen 1. Napsauta sarakkeeseen, jonka eteen tai jälkeen lisäät sarakkeen 2. Table, Insert Rows or Columns (Taulukko, Lisää rivejä tai sarakkeita) 3. Valitse lisäätkö Columns 4. Valitse lisäätkö vasemmalle vai oikealle puolelle Rivien, sarakkeiden ja solujen poistaminen 1. Valitse poistettavat rivit, sarakkeet tai solut 2. Valitse Table, Delete Cells (Taulukko, Poista solut) Solujen yhdistäminen Solujen jakaminen 1. Valitse yhdistettävät solut 2. Valitse Table, Merge Cells (Taulukko, Yhdistä solut) 1. Napsauta soluun 2. Valitse Table, Split Cells (Taulukko, Jaa solut) Tekstin tai kuvan keskittäminen solun sisällä vaakasuunnassa 1. Napsauta soluun 2. Paina työkalupalkin tasauspainiketta: Center keskittää, Align Right tasaa oikeaan reunaan kuten Wordissä Tekstin tai kuvan keskittäminen solun sisällä pystysuunnassa Align Top Align Bottom Solun taustaväri Center Vertically 1. Ota esille työkalupalkki View, Table Toolbar 2. Napsauta soluun 3. Valitse haluamasi tasauspainike työkalupalkista: Align Top sijoittaa tekstin tai kuvan solun yläreunaan

20 FrontPage 2000 perusteet 20 Center Vertically keskelle, Align Bottom alareunaan Kuvan viereisen tekstin sijainnin määrittäminen pystysuunnassa Muita vinkkejä 1. Napsauta kuvan päällä hiiren oikeaa painiketta 2. Valitse Image Properties Valitse Appearance -välilehdeltä Layout kohdasta Middle, keskittää tekstin kuvan keskikohtaan Top, teksti kuvan yläreunan tasolle Bottom, teksti kuvan alareunan tasolle teksti Jos haluat sisentää taulukon, tee sisennys ennen kuin sijoitat taulukon Jos haluat otsikon ylä- ja alapuolelle tyhjää tee rivinvaihdot Shift-Enterillä Voit tehdä sisäkkäisiä taulukoita ja määritellä niihin viivat, värit ym. Tee ennen sijoittamista sisennykset ja Shift-Enterillä tilaa taulukon yläpuolelle. Tee mieluummin useita pieniä taulukoita kuin yksi iso, koska ne latautuvat nopeammin Taulukon korkeus on oletusarvoltaan dynaaminen: se kasvaa rajattomasti sitä mukaa kuin soluihin sijoitetaan tekstiä tai kuvia. Joskus FrontPage laittaa taulukolle kiinteän korkeuden ja se aiheuttaa ongelmia silloin, kun taulukosta poistaa rivin: muiden rivien korkeus suurenee. Poista taulukon korkeus Table, Table Properties, Specify Height -kohdasta ja vastaavasti rivin korkeus Table, Cell Properties, Specify Height - kohdasta Yhden solun taulukkoon voi sijoittaa kuvan ja laittaa taulukolle Borderin, jolloin näyttää siltä kuin kuva olisi kehyksessä TYYLIT Voit tehdä tyylit FrontPage 2000:ssa suoraan 1. Valitse Format, Style 2. Valitse tyyli, jota muotoilet 3. Valitse Modify 4. Valitse Format ja tee haluamasi muotoilut Tyylit ilmestyvät tyyliluetteloon (Heading1 ym.. Kun haluat liittää tyylin kappaleeseen otsikkoön tms., valitse tyylin nimi luettelosta.