iweb Käyttöönotto Tutustu iwebiin ja opi, kuinka voit luoda oman verkkosivustosi.



Samankaltaiset tiedostot
Käyttöoppaasi. APPLE IWEB

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa tunnuksellasi.

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

Osaamispassin luominen Google Sites palveluun

Oma kartta Google Maps -palveluun

ibooks Author Käytön aloittaminen

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Pikaohjeita OneNote OPS:in käyttäjille

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 ( )

Hittitoimiston Forte-kotisivujen päivitysohje

KÄYTTÖOHJE. Servia. S solutions

Tietosuoja-portaali. päivittäjän ohje

Yksityiskohtaiset ohjeet. TwinSpacen käyttäminen

elearning Salpaus Elsa-tutuksi

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)

Brother ScanViewerin opas ios- / OS X -järjestelmille

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

Ohjeistus yhdistysten internetpäivittäjille

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Uuden TwinSpacen yleiskatsaus

ejuttu ohjeet kuinka sitä käytetään.

Verkkoliittymän ohje. F-Secure Online Backup Service for Consumers 2.1

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

Oppitunti 2.1:n käytön aloittaminen. Opettajan opas ipadin Oppitunti-appiin

Wordpresspikaopas. Viivamedia

eportfolio ammatillisen kasvun ja oman osaamisen kuvaaminen

Oppitunnin käytön aloittaminen. Opettajan opas Macin Oppitunti-ohjelmaan

KYMP Webmail -palvelu

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Ohje. ipadia käytetään sormella napauttamalla, kaksoisnapsauttamalla, pyyhkäisemällä ja nipistämällä kosketusnäytön

Facebook-sivun luominen

AVOIMEN YLIOPISTON MOODLE-OPAS OPISKELIJALLE

tervetuloa internetiin:

KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

SeaMonkey pikaopas - 1

Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta

idvd 5 ELOKUVAKASVATUS SODANKYLÄSSÄ Vasantie Sodankylä +358 (0) tommi.nevala@sodankyla.fi

SharePoint Foundation 2010 perusteet ylläpitäjille

Online-jako 2.0 Nokia N76-1

AVOIMEN YLIOPISTON MOODLE-OPAS OPISKELIJALLE SISÄLLYS

opiskelijan ohje - kirjautuminen

Projektit. Pikaopas. Jaa projekti muiden kanssa Kutsu muita projektiyhteistyöhön valitsemalla Jaa.

Kirjan toteutus BoD easybook -taittotyökalun avulla

Ohje internetkarttapalveluun

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.

Wordpress. Bloggaamisen perusteet tekniset minimitoimet, joilla pääset alkuun

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

Uuden Peda.netin käyttöönotto

MOODLE TUTUKSI. Pirkko Vänttilä Oulun aikuiskoulutuskeskus

PUTTERI JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

Canva CV NÄIN PÄÄSET ALKUUN CANVA CV:N TEOSSA: Canva on graafisen suunnittelun

Tekstieditorin käyttö ja kuvien käsittely

Harjoitellaan esitysgrafiikkaohjelman käyttöä Microsoftin PowerPoint ohjelmalla.

SÄHKÖPOSTIN PERUSKURSSI. HERVANNAN KIRJASTO TIETOTORI Insinöörinkatu Tampere

NTG CMS. Julkaisujärjestelm. rjestelmä

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN

GOOGLE-SIVUSTOJEN KAÄ YTTOÄ OÄ NOTTO

Wordpress- ohje nettisivujen laadintaan

Kompassin käyttöönotto ja kokeen luominen Opettaja

KiMeWebin käyttöohjeet

Windows Liven elokuvatyo kalun ka ytto ohje

Office 365 palvelujen käyttöohje Sisällys

Lyseopaneeli 2.0. Käyttäjän opas

Savalanche käyttöohje

Yrjö Määttänen Kokemuksia SuLVInetin käytön aloituksen

Pika-aloitusopas. Haku Voit etsiä sivustoja, henkilöitä tai tiedostoja. Sivuston tai uutisviestin luominen

PIKAOPAS LYNCIN KÄYTTÖÖN

Mobiilitulostus-/- skannausopas Brother iprint&scanille (ios)

Yleistä. Suositukset. Rakenne

Hallintaliittymän käyttöohje

SALITE.fi -Verkon pääkäyttäjän ohje

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen

Webmailin käyttöohje. Ohjeen sisältö. Sähköpostin peruskäyttö. Lomavastaajan asettaminen sähköpostiin. Sähköpostin salasanan vaihtaminen

ohjeita kirjautumiseen ja käyttöön

Sivuston muokkaus WordPressin kanssa

1 YLEISTÄ TIETOA HELMESTÄ ETUSIVU YHTEENVETO LUKUJÄRJESTYS / KOTITEHTÄVÄT / MERKINNÄT VIESTIT KOKEET...

Onni-oppimispäiväkirjan ohje version 1.2

Luo mediaopas Tarinatallentimella

Perustietoja Mietoisten kyläportaalista Yhdistyksen ylläpitäjän kirjautuminen Yhdistyksen etusivun muokkaaminen... 2

Nettisivujen Päivitysohje

SÄHKÖPOSTIN PERUSKURSSI. HERVANNAN KIRJASTO TIETOTORI Insinöörinkatu Tampere

5. Klikkaa avautuvan ikkunan oikeasta yläkulmasta käyttäjätunnustasi ja valitse Luo pikakuvake

MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET

Teams-ohjelman asennus- ja käyttöohje vertaisohjaajille

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen

Päänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Sisäänkirjautuminen Porfolioon kirjaudut sisään osoitteessa porfolio.edu.hel.fi Käytä omaa edu.hel.fi-tunnusta, samaa jolla kirjaudut esim.

Webforum. Version 14.4 uudet ominaisuudet. Viimeisin päivitys:

Informaatiotekniikan kehitysyksikkö

OPPILAAN/ OPISKELIJAN NÄKYMÄ

1. ASIAKKAAN OHJEET Varauksen tekeminen Käyttäjätunnuksen luominen Varauksen peruminen... 4

Transkriptio:

iweb Käyttöönotto Tutustu iwebiin ja opi, kuinka voit luoda oman verkkosivustosi.

1 Sisältö Luku 1 3 Tervetuloa käyttämään iweb-ohjelmaa 3 Tietoja iwebistä 3 Mitä opit 4 Ennen kuin aloitat 4 Mitä tarvitset 4 Hyödyllisiä termejä 6 iweb-käyttöliittymä Luku 2 7 Opi käyttämään iwebiä 7 Yleiskatsaus verkkosivuston luomiseen 8 Vaihe 1: Suunnittele verkkosivusto 8 Vaihe 2: Luo verkkosivusto 9 Oman tekstin lisääminen 10 Omien kuvien lisääminen 11 Valokuvien ja valokuva-albumien lisääminen 15 Blogin luominen 18 Muille sivuille vievien linkkien lisääminen 19 Kartan lisääminen 20 Verkkosivuston järjestäminen 21 Sivuston tai sivun nimeäminen uudelleen 22 Vaihe 3: Julkaise verkkosivusto internetissä. 23 Muutosten tekeminen verkkosivustolle 24 Jatka iwebiin tutustumista 24 Lisää ohjeita 2

1 Tervetuloa käyttämään iwebohjelmaa 1 Tämä opas auttaa sinua luomaan verkkosivuston iwebillä. Jos olet aina halunnut luoda verkkosivuston, mutta et tiedä miten se tehdään, iweb tarjoaa helpon ja hauskan tavan päämääräsi saavuttamiseen. Tietoja iwebistä iweb on helpoin tapa luoda ja julkaista hienoja verkkosivustoja. Näet sivujen ulkonäön muokatessasi niitä. Sinun ei tarvitse osata ohjelmoida tai tietää mitään verkkojulkaisukielistä, kuten HTML:stä. Voit luoda iwebin erityistyöpojilla ammattimaisen näköisiä verkkosivustoja muutamassa minuutissa ja julkaista sitten sivustosi MobileMessä yhdellä osoituksella. iweb tekee verkkosivuston hallinnoimisen ja päivittämisen helpoksi. Koska iweb on intergoitu ilifeen, se tarjoaa helpon mahdollisuuden esitellä valokuvia tai taideteoksia, luoda blogeja tai podcasteja ja lisätä verkkosivustollesi erikoisominaisuuksia kuten videoita, karttoja ja mainoksia. Mitä opit Tällä oppitunnilla opit:  luomaan verkkosivuston käyttäen valmiita työpohjia  lisäämään sivuja valokuvillesi ja valokuva-albumeillesi  aloittamaan blogin (verkkopäiväkirjan)  lisäämään linkin toiselle verkkosivustolle  lisäämään kartan  lisäämään Lähetä sähköpostia -painikkeen, jonka avulla sivustolla vierailevat henkilöt voivat ottaa sinuun yhteyttä  julkaisemaan verkkosivustosi, jolloin ihmiset voivat vierailla siellä 3

Ennen kuin aloitat Oppitunnin seuraaminen voi olla helpompaa, jos tulostat oppaan. Monissa oppitunnin tehtävissä (ja iweb-ohjeissa) kehotetaan valitsemaan valikkokomentoja, jotka näyttävät tältä: Valitse Muokkaus > Kopioi. Ensimmäinen sana sanan Valitse jälkeen on iwebin valikkorivillä olevan valikon nimi. Seuraavat sanat kertovat, mikä kohde valikosta on valittava. Voit keskeyttää oppitunnin milloin tahansa valitsemalla iweb > Lopeta iweb tai osoittamalla punaista sulkemispainiketta iweb-ikkunan vasemmassa yläkulmassa. Kun seuraavan kerran avaat iwebin, sivustosi on juuri samanlainen kuin lopettaessasi. Muista tallentaa työsi välillä valitsemalla Arkisto > Tallenna. Pidä hauskaa ja kokeile niin paljon kuin haluat. Voit aina perua toiminnot valitsemalla Muokkaus > Peru niin monta kertaa kuin on tarpeen tehtyjen muutosten poistamiseksi. Peru-komento ei peruuta tallenettuja muutoksia. Mitä tarvitset Jotta voit seurata oppitunnin kaikkia vaiheita, sinulla on oltava tietokoneellasi joitakin valokuvia tai muita grafiikkatiedostoja. Jos sinulla ei ole sellaisia, voit kuitenkin käydä läpi muut vaiheet. Hyödyllisiä termejä Seuraavassa on lyhyet määritelmät joillekin sanoille, joihin törmäät käyttäessäsi iwebiä. Â AdSense-mainos: Googlen tarjoama palvelu, joka mahdollistaa ympäröivään sivun sisältöön soveltuvien mainosten sijoittamisen mille tahansa verkkosivustosi sivulle. Voit saada korvausta Googlelta, kun verkkosivustollasi vierailevat kävijät osoittavat mainoksia. Â Blogi: Verkkopäiväkirja, joka voi sisältää tekstiä, valokuvia ja muuta mediaa. Lisätietoja löytyy kohdasta Blogin luominen sivulla 15. Â Selain: Ohjelma, jota käytetään verkkosivujen selaamiseen. (Mac OS X:n mukana tulee selain nimeltä Safari.) 4 Luku 1 Tervetuloa käyttämään iweb-ohjelmaa

 Domain-tiedosto: Tietokoneella oleva tiedosto, joka sisältää kaiken iweb-sivuston tiedon.  Domain-nimi: Verkko-osoitteesi juuri (ensimmäinen osa, http:n ja www:n jälkeen) on sen domain. Esimerkiksi sivuston www.esimerkki.com/index domain on esimerkki.com.  Kotisivu: Sivu, joka tulee ensimmäisenä näkyviin vieraillessasi verkkosivustolla. Sitä kutsutaan joskus aloitussivuksi tai oletussivuksi.  Hyperlinkki: Teksti tai kohde, jota osoittamalla voit käynnistää toiminnan, kuten esimerkiksi siirtyä toiselle verkkosivulle tai avata tiedoston. Useimmat tekstihyperlinkit (tunnetaan myös nimellä linkit) eroavat ympäröivästä tekstistä (ne ovat alleviivattuja tai eri värisiä). Tästä tietää, että niitä voi osoittaa.  Internet: Maailmanlaajuinen tietokoneiden verkko, jonka avulla ihmiset voivat viestiä ja jakaa tietoa.  MobileMe: Jäsenyyteen perustuva internet-palvelu, jonka tarjoaa Apple Inc. MobileMe-tilaukseen sisältyvät iweb-sivustojen julkaisu yhdellä osoituksella, mainoksettomat sähköpostipalvelut, valokuvien ja videoiden jako, verkossa toimiva varmuuskopiointi, synkronointi ja paljon muuta. Lisätietoja löytyy osoitteesta www.me.com/fi/.  Navigointivalikko: Verkkosivuston sisällysluettelo. Navigointivalikko sisältää linkin sivuston jokaiseen sivuun. Vierailijat voivat siirtyä sivuille osoittamalla linkkiä. iweb luo automaattisesti navigointivalikon verkkosivustoasi varten.  Podcast: Äänitiedosto tai videotiedosto, joka muistuttaa internet-radioasemaa tai TVohjelmaa. Voit tuottaa omia podcasteja. Vierailijat voivat hakea ne yksi kerrallaan tai he voivat hakea uusia jaksoja automaattisesti tilauksen avulla.  RSS: Ominaisuus, jonka avulla vierailijat voivat tilata verkkosivuston sisältöä ja vastaanottaa automaattisia päivityksiä, kun uusia blogimerkintöjä, podcast-jaksoja tai valokuvia lisätään sivustolle. RSS tulee sanoista really simple syndication. Kun vierailijat tilaavat sivuston syötteen, päivitykset lähetetään heidän valitsemalleen RSS-lukijalle.  URL: Verkkosivuston osoite, joka kirjoitetaan selaimeen verkkosivustolle siirtymistä varten. (URL tulee sanoista Uniform Resource Locator.) Tavallinen osoite näyttää tältä: http://www.apple.com/fi  Web: Web (tai World Wide Web) käsittää kaikki sivustot, sivut, tekstit, mediatiedostot ja linkit, joita ihmiset käyttävät ollessaan internetissä. Vaikka termejä web ja internet käytetään yleisesti toistensa synonyymeina, internet on todellisuudessa laitteisto- ja ohjelmistoverkko, jonka pohjalle web on rakennettu.  Verkkosivusto: Kokoelma yksittäisiä verkkosivuja, jotka on linkitetty yhteen verkkosivustoksi. Verkkosivustot liittyvät yleensä tiettyyn teemaan, henkilöön tai organisaatioon. Niitä voidaan kutsua myös sivustoiksi.  Verkkosivu: Yksittäinen sivu verkkosivustolla. Sitä voidaan kutsua myös sivuksi. Luku 1 Tervetuloa käyttämään iweb-ohjelmaa 5

 Verkkowidgetti: Kohde, joka sijoittaa sisältöä verkosta mille tahansa omille verkkosivuillesi. Esimerkiksi Google Map tai katkelma joltakin toiselta verkkosivustolta, kuten YouTube. iweb-käyttöliittymä Sivupalkki Kaikki luomasi verkkosivut ja verkkosivustot näkyvät tässä. Kun osoitat sivua, se avautuu verkkosivupohjassa. Navigointivalikko Kaikki sivuston sivut on lueteltu tässä valikossa. Vierailijat osoittavat näitä linkkejä, kun he katselevat sivujasi. Verkkosivupohja Muokkaa verkkosivua tässä. Voit muotoilla tekstiä, lisätä kuvia ja elokuvia, lisätä linkkejä, järjestellä sivun kohteita ja niin edelleen. Tekstin ja kuvien paikanvaraajat Osoita paikanvaraajatekstiä ja kirjoita sen kohdalle omat nimi- ja leipätekstisi. Vedä omat kuvatiedostosi paikanvaraajakuvien päälle. Sivupalkki Kun luot verkkosivustoja ja -sivuja, ne näkyvät tässä sivupalkissa. Osoita pieniä kolmioita, kun haluat nähdä tai kätkeä sivuston sivuja (tai blogin alisivuja). Voit järjestää sivuja uudestaan vetämällä niitä luettelossa. Voit jopa vetää sivun yhdeltä sivustolta toiselle. Verkkosivupohja Luot verkkosivun sisällön verkkosivupohjalle. Voit lisätä kuva-, elokuva- ja äänitiedostoja verkkosivulle vetämällä ne sivupohjaan. Verkkosivupohja muodostuu neljästä eri alueesta, jotka ovat:  Navigointipalkki, joka sisältää navigointivalikon (verkkosivuston sisällysluettelo)  Sivun yläreunassa oleva otsake  Sivun alareunassa oleva alaotsake  Runko otsakkeen ja alaotsakkeen välissä Lisätietoja saat katsomalla kohdasta Tietoja verkkosivun alueista iweb-ohjeissa. 6 Luku 1 Tervetuloa käyttämään iweb-ohjelmaa

2 Opi käyttämään iwebiä 2 Tämä opas neuvoo vaihe vaiheelta, kuinka voit luoda yksinkertaisen verkkosivuston. Yleiskatsaus verkkosivuston luomiseen Suunnittele verkkosivusto. Ensimmäiseksi sinun on päätettävä, mitä haluat verkkosivustolle. Haluatko jakaa valokuvia? Haluatko pitää matkapäiväkirjaa? Haluatko esitellä näytteitä töistäsi? Verkkosivustosi muodostuu yhdestä tai useasta yhteen linkitetystä verkkosivusta. Ne voivat sisältää tekstiä, kuvia, videota, ääntä ja paljon muuta. iwebin avulla voit helposti muokata, lisätä ja poistaa verkkosivuja koska tahansa, joten sinun ei tarvitse päättää jokaista yksityiskohtaa ennen kuin aloitat. Voit luoda useita verkkosivustoja, jolloin sinulla voi esimerkiksi olla yksi henkilökohtainen verkkosivusto ja toinen yritystäsi varten. Luo verkkosivusto. Kun olet päättänyt, kuinka haluat käyttää verkkosivustoasi, seuraava vaihe on verkkosivuston sisällön kokoaminen ja järjestäminen. iweb-työpohjat helpottavat tekstin syöttämistä, valokuvien ja elokuvien lisäämistä sekä muille verkkosivustoille vievien linkkien asettamista ja niin edelleen. Julkaise verkkosivusto internetissä. Kun olet luonut verkkosivuston, julkaiset sen, jotta muut voivat vierailla sillä. iwebin ja MobileMe-tunnuksen avulla tämä vaihe sujuu yhtä painiketta osoittamalla. Huomaa: Verkkosivuston julkaiseminen tämän oppitunnin ohjeiden mukaisesti edellyttää, että sinulla on vähintäänkin maksuton MobileMe-kokeilutunnus ja idiskillä tarpeeksi tilaa verkkosivustoa varten mukaan lukien sivuston mediatiedostot (elokuvat, valokuvat ja kaikki, mitä lisäät sivustolle). Jos sinulla ei ole MobileMe-tunnusta, voit hankkia sellaisen (ilmaisen 60 päivän kokeilun tai maksullisen vuoden tilauksen) avaamalla Järjestelmäasetukset ja osoittamalla MobileMe (tai osoitteesta www.me.com). 7

Jos et ole varma siitä, mitä haluat laittaa verkkosivustollesi, voit silti seurata tämän oppitunnin ohjeita ja opetella käyttämään iwebiä. Mikään ei ole julkista, ennen kuin julkaiset verkkosivustosi. Myöhemmin, kun haluat verkkosivustosi muiden nähtäväksi, voit julkaista sen. Vaihe 1: Suunnittele verkkosivusto iwebissä on teemoja ja työpohjia, joiden avulla todella tyylikkään verkkosivuston luominen käy helposti. Voit käyttää verkkosivustollasi niin paljon tai vähän erilaisia työpohjia kuin haluat, sivustosi sisällöstä riippuen. Jokaisella teemalla saat sivustolle erityylisen ulkoasun. Työpohja on sivun asettelumalli, joka on suunniteltu tiettyyn tarkoitukseen, kuten esimerkiksi blogille, podcastille tai valokuva-albumille. Jokaisesta teemasta on saatavilla jokainen työpohjamalli. Joka kerta, kun lisäät sivustollesi uuden sivun, valitset sivulle teeman ja työpohjan. Jos päätät muuttaa sivun teemaa myöhemmin, valitse vain sivu sivupalkista ja valitse uusi teema osoittamalla työkalupalkin Teema-painiketta. Vaihe 2: Luo verkkosivusto Nyt kun tiedät, mitä haluat tehdä, aloita luomalla verkkosivusto, joka muodostuu yhdestä aloitussivusta. Voit lisätä verkkosivustollesi enemmän sivuja tämän oppitunnin myötä. Voit lisätä sivuja missä tahansa järjestyksessä, jolloin niiden uudelleen järjestäminen tai sivujen teeman muuttaminen käy helpommin. Verkkosivuston luominen: 1 Tee jompikumpi seuraavista vaihtoehdoista: Â Jos iweb ei ole auki, osoita sen symbolia Dockissa tai kaksoisosoita iweb-symbolia Ohjelmat-kansiossa. Â Jos iweb on jo avoinna, mutta vaiheessa 2 esitettyä työpohjan valitsinta ei näy, osoita iweb-ikkunan alareunassa olevaa lisäyspainiketta (+) tai (valitse Arkisto > Uusi sivu). 2 Osoita työpohjan valitsimessa jotakin vasemmalla olevista teemoista. 8 Luku 2 Opi käyttämään iwebiä

Tässä oppitunnissa käytetään Moderni kehys -teemaa. Valitse tästä sivun työpohja. Valitse tästä sivuston teema. 3 Valitse työpohja oikealta. Aloitussivu on jo valittu valmiiksi sinua varten (valittuna olevassa työpohjassa on keltainen reuna ympärillä). 4 Osoita Valitse. Nyt sinulla on ensimmäinen verkkosivu. Sivupalkissa näkyvät sivustosi ja aloitussivu. Oman tekstin lisääminen Jokainen työpohja sisältää tekstilaatikoita, joissa on paikanvaraajatekstiä nimille, otsakkeille ja leipätekstille. Voit korvata sivulla tekstin omalla tekstilläsi ja voit siirtää tekstilaatikoita, muuttaa niiden kokoa tai poistaa niitä, jotta sisältö sopii paikalleen. Paikanvaraajatekstin korvaaminen omalla tekstillä: m Kaksoisosoita paikanvaraajatekstiä ja ala kirjoittaa. Luku 2 Opi käyttämään iwebiä 9

Kun alat kirjoittaa, korostettu paikanvaraajateksti korvataan kirjoittamallasi tekstillä. Kaksoisosoita paikanvaraajatekstiä ja kirjoita. Voit siirtää tekstilaatikoita eri kohtiin sivulla tai suurentaa tai pienentää niitä pienempää tai suurempaa tekstin määrää varten. Tekstilaatikon siirtäminen tai sen koon muuttaminen: 1 Osoita tekstiä kerran nähdäksesi tekstilaatikon ympärillä olevat valintakahvat. 2 Osoita tekstilaatikon sisälle ja sijoita tekstilaatikko uuteen kohtaan vetämällä sitä. 3 Muuta tekstilaatikon kokoa vetämällä valintakahvasta. Vedä jotakin näistä kahvoista muuttaaksesi tekstilaatikon kokoa. Tee kokeiluja lisäämällä omaa tekstiäsi ja siirtämällä tekstilaatikoita ja muuttamalla niiden kokoa. Verkkosivuston julkaisemiseen saakka voit aina perua toimintoja, joiden et halua jäävän voimaan, valitsemalla Muokkaus > Peru. Kaikkien tekstilaatikoiden rajojen katselu sivulla: m Valitse Sisältö > Näytä asettelu, niin näet kaikki tekstilaatikot. Omien kuvien lisääminen iweb-työpohjat sisältävät paikanvaraajakuvia, jotka ovat samanlaisia kuin paikanvaraajateksti. Ne kertovat kuvan koon ja sijainnin työpohjassa. Helpoin tapa lisätä grafiikkaa, musiikkia ja elokuvia verkkosivustollesi on käyttää Mediaselainta. Kun osoitat työkalupalkin Media-painiketta, pääset suoraan itunesja iphoto-kirjastoihin. Sinun ei tarvitse avata näitä ohjelmia päästäksesi käsiksi niiden sisältöön. Avaa mediaselain osoittamalla tätä työkalupalkin painiketta. 10 Luku 2 Opi käyttämään iwebiä

Paikanvaraajakuvan korvaaminen valokuvalla: 1 Osoita työkalupalkissa Media. 2 Osoita Valokuvat. 3 Valitse albumi tai tapahtuma, joka sisältää lisättävän valokuvan. 4 Etsi valokuva Mediaselaimen alareunan miniatyyrikuvista ja vedä se verkkosivun paikanvaraajakuvan päälle. Paikanvaraajakuva katoaa ja valokuva on nyt paikallaan. Kun osoitat valokuvaa, näkyviin tulevat valintakahvat, joiden avulla voit muuttaa sen kokoa. Voit myös vetää valokuvan työpöydältä, iphoto-ohjelmasta tai tietokoneella olevasta kansiosta ja sijoittaa sen paikanvaraajakuvan päälle. Tee kokeiluja korvaamalla paikanvaraajakuvia omilla valokuvillasi, elokuvillasi tai äänitiedostoillasi mediaselaimen avulla. Kiinteiden ja kelluvien kohteiden sijoittaminen Jos haluat sijoittaa kohteen (mukaan lukien valokuvia ja muita kuvia) tekstin keskelle tai jonnekin, jossa ei ole paikanvaraajakuvaa, se voidaan tehdä kahdella eri tavalla: kiinteänä kohteena tai kelluvana kohteena. Kiinteät kohteet sijoitetaan tekstilaatikoiden ulkopuolelle. Voit vetää kiinteän kohteen mihin tahansa sivun kohtaan ilman, että se vaikuttaa tekstiin tai ilman, että teksti tai muu kohde vaikuttaa siihen. Kelluvat kohteet sijoitetaan tekstin sisään, jolloin ne siirtyvät tekstin mukana tekstimäärän lisääntyessä. Jos sijoitat kohteen tekstilaatikon sisään, sen on oltava kelluva kohde. Voit kierrättää tekstin vain kelluvien kohteiden ympäri. Lisätietoja löytyy iweb-ohjeista. Valokuvien ja valokuva-albumien lisääminen iweb sisältää työpohjia sivuille, joissa on pääasiassa valokuvia ja elokuvia tekstin sijaan. Â Valokuvat-työpohja sisältää valokuvaruudukon, joka pitää lisättäessä automaattisesti huolen jokaisen valokuvan koosta ja sijoittelusta ja tarjoaa kuvatekstipaikanvaraajan jokaiselle kuvalle. Se sisältää myös Toista kuvaesitys -painikkeen, jota osoittamalla vierailijat voivat katsella sivun kuvia kuvaesityksenä. Luku 2 Opi käyttämään iwebiä 11

 Omat albumit -työpohjalla luodaan hakemistosivu useita valokuva- ja elokuvaalbumeita varten. Kutakin albumia edustaa sivulla jokin albumin valokuvista. Elokuvia edustavat niiden tunnistekuvat. Vierailijat osoittavat valokuvaa tai tunnistekuvaa katsellakseen albumia tai elokuvaa. Kun vierailijat liikuttavat hiirtä albumin yllä, he näkevät minikuvaesityksen. Huomaa: Voit lisätä valokuvia ja elokuvia mille tahansa sivulle (ei vain Valokuvat- tai Omat albumit -työpohjilla luoduille) vetämällä ne vain sivulle. Kuitenkin vain Valokuvattai Elokuvat-työpohjilla luodut sivut voidaan lisätä Omat albumit -hakemistosivulle. Tällä oppitunnilla lisäät verkkosivustollesi Valokuvat-sivun ja Omat albumit -sivun ja lisäät niihin omat valokuvasi ja albumisi. Valokuvat-sivun lisääminen: 1 Osoita lisäyspainiketta (+) (tai valitse Arkisto > Uusi sivu). 2 Valitse työpohjan valitsimessa vasemmalla olevasta luettelosta teema. 3 Valitse oikealla olevista työpohjista valokuvat ja osoita sitten Valitse. Uusi sivu sisältää valokuvaruudukon, jossa on paikanvaraajat valokuville. 4 Jos mediaselain ei ole avoinna, osoita työkalupalkissa Media ja osoita sitten Valokuvat. 5 Valitse tapahtuma tai albumi, joka sisältää lisättävät valokuvat. 6 Vaitse valokuvat Mediaselaimen alareunan miniatyyreistä. Voit Vaihto-osoittaa useita kuvia tai Komento-osoittaa valokuvia, jotka eivät ole toistensa vieressä. 7 Vedä valokuvat Valokuvat-sivun valokuvaruudukkoon. Valokuvaruudukon ympärillä näkyy sininen viiva, kun vedät kuvia ruudukon päälle. Kun pudotat valokuvat valokuvaruudukon päälle, ne korvaavat olemassa olevat paikanvaraajakuvat. Jos vedät paikalleen vain yhden kuvan, kaikki muut valokuvaruudukon paikanvaraajat katoavat. Älä kuitenkaan huolestu seuraava valokuva, jonka vedät valokuvaruudukkoon, muotoillaan automaattisesti samalla tavoin kuin ensimmäinen käyttäen samaa tyyliä ja kokoa. Voit lisätä jopa 500 valokuvaa tai elokuvaa Valokuvatsivulla olevaan albumiin. 8 Osoita kunkin valokuvan alla olevaa paikanvaraajatekstiä ja kirjoita kuvateksti. Kun valokuvat ovat nyt paikallaan, voit säätää valokuvien asettelua valokuvaruudukossa. Muuta valokuvien järjestystä vetämällä niitä. 12 Luku 2 Opi käyttämään iwebiä

Kun osoitat valokuvaa, Valokuvaruudukko-ikkuna tulee näkyviin. Tämän ikkunan asetusten avulla voit muun muassa muuttaa kaikkien sivulla olevien valokuvien kehysten tyyliä tai sarakkeiden lukumäärää tai asettaa kuvatekstit päälle tai pois päältä. Lisätietoja näiden asetusten käyttämisestä saat katsomalla iweb-ohjeiden kohdasta Valokuvien asettelun muuttaminen Valokuvat-työpohjan avulla. Valitse kehyksen tyyli. Valokuvien asettelun muuttaminen valokuvaruudukossa. Työskennellessäsi iwebissä valitse näkymäksi numeroidut Valokuvat-sivut tai katsele yhtä rullattavaa sivua. Tämä asetus ei vaikuta vierailijan näkymään. Jos valokuvaruudukon valokuvien määrä ylittää Kuvia arkille -asetuksen Valokuvaruudukko-ikkunassa, iweb jakaa valokuvaruudukon useiksi eri sivuiksi valokuviasi varten ja lisää sivunumeroita ja navigointinuolia. Sivun numerot ja navigointinuolet näkyvät, kun valokuvia on enemmän kuin Kuvia arkille -asetuksessa. Luku 2 Opi käyttämään iwebiä 13

Toinen tapa järjestää valokuvia on käyttää yksityiskohtaista näkymää. Kun kaksoisosoitat valokuvaa Valokuvat-sivulla, valokuva suurenee, jolloin voit nähdä sen yksityiskohtaisemmin. Osoittamalla yksityiskohtaisen ikkunan yläreunassa olevia näkymäpainikkeita näet valokuvaselaimen yläreunan päällä valokuvien miniatyyrikuvia. Kun osoitat valokuvaselaimessa miniatyyrikuvaa, suurennettu kuva näkyy alla. Verkkosivustollasi vierailevat kävijät näkevät tämän näkymän, kun he osoittavat Valokuvat-sivulla olevaa valokuvaa. Osoittamalla miniatyyrikuvia näet kuvan suurennettuna alla. Osoittamalla nuolia näet edellisen tai seuraavan miniatyyrikuvasarjan. Useiden valokuva-albumien lisääminen sivulle Jos sinulla on useita valokuva- tai elokuva-albumeita, voit luoda Omat albumit -sivun, joka toimii yhtenä hakemistosivuna kaikille albumeillesi. Useiden verkkosivustosi navigointivalikossa näkyvien albumien sijaan vierailijat voivat osoittaa yhtä, Omat albumit -sivulle vievää linkkiä. Tällöin he pääsevät suoraan käsiksi kaikkiin albumeihisi. Kun Omat albumit -sivulla vierailevat kävijät liikuttavat hiirtä albumien päällä, he voivat katsella kuvaesitystä albumin kehyksessä siirtymättä pois sivulta. Kun he osoittavat albumia, se avautuu ja he voivat katsella valokuvia suuremmassa kuvaesityksessä. Omat albumit -sivun lisääminen: 1 Osoita lisäyspainiketta (+) (tai valitse Arkisto > Uusi sivu). 2 Valitse työpohjan valitsimessa vasemmalla olevasta luettelosta teema. 3 Valitse oikealla olevista työpohjista Omat albumit ja osoita sitten Valitse. Uusi sivu sisältää albumiruudukon, jossa on paikanvaraaja-albumi. 4 Vedä Valokuvat-sivu sivupalkista Omat albumit -sivun albumiruudukkoon. Kun vedät valokuva-albumeita Mediaselaimesta albumiruudukkoon, iweb luo automaattisesti Valokuvat-sivun albumia varten ja lisää sen Omat albumit -hakemistoon. Albumeiden uudelleenjärjestäminen Omat albumit -sivulla: m Vedä Valokuvat-sivut (Omat albumit -kohdan alla sivupalkissa) siihen järjestykseen, jossa haluat niiden näkyvän. 14 Luku 2 Opi käyttämään iwebiä

Osoittamalla albumia näet Mediahakemisto-ikkunan, jossa voit asettaa sarakkeiden määrän, säätää välistystä ja tehdä muita säätöjä sivun asetteluun. Voit muuttaa siirrostehostetta valokuvien välillä valitsemalla vaihtohdon Albumin animaatio -ponnahdusvalikosta. Käyttämällä Mediahakemisto-ikkunaa voit muuttaa Omat albumit -hakemistosivun asettelua ja muotoa. Tee kokeiluja lisäämällä valokuvia ja albumeita ja säätämällä Valokuvat- ja Omat albumit -sivujen asettelua. Voit etsiä lisätietoja iweb-ohjeista. Blogin luominen Blogi on päiväkirja, jota julkaistaan verkossa. Sana blogi tulee sanoista web log. Kun uusia merkintöjä julkaistaan, edelliset merkinnät ovat aina saatavilla arkistossa. Yleensä blogit on järjestetty niin, että uusin merkintä on ensimmäisenä. iweb tarjoaa käyttöösi kaksi erilaista blogityöpohjaa: Blogi- ja Podcast-pohjat. Podcast on ääni- tai videotiedosto, joka on kuin radio- tai televisio-ohjelma internetissä. Voit tuottaa omia podcasteja. Vierailijat voivat hakea ne yksi kerrallaan tai he voivat hakea uusia jaksoja automaattisesti tilauksen avulla. Voit lisätä ääntä ja videota sekä Blogi- että Podcast-työpohjiin. Tässä oppitunnissa lisäät blogin verkkosivustollesi ja opit, kuinka lisäät siihen uusia merkintöjä. Blogin lisääminen: 1 Osoita lisäyspainiketta (+) (tai valitse Arkisto > Uusi sivu). 2 Valitse työpohjan valitsimessa vasemmalla olevasta luettelosta teema (oppitunnin esimerkki on Moderni kehys). 3 Valitse oikealla olevista miniatyyreista blogi ja osoita sitten Valitse. Näkyviin tulee ensimmäinen blogimerkintä päiväyksellä varustettuna. Luku 2 Opi käyttämään iwebiä 15

4 Kaksoisosoittamalla paikanvaraajatekstiä voit luoda otsikon ja leipätekstin tai muuttaa päiväystä. Kaikki merkintäsi näkyvät tässä. Kun osoitat merkintää, se näkyy alla. Vedä kuva, äänitiedosto tai elokuva tämän median paikanvaraajan päälle. Kirjoita tähän merkinnän otsikko. Kirjoita tähän blogin sisältö. Kun lisäät sivun käyttäen jompaa kumpaa blogityöpohjaa (Blogi tai Podcast), sivupalkkiin tulee näkyviin kolme symbolia: Â Blogi on sivu, jonka sivustosi vierailijat näkevät. Se sisältää otteita (aloitustekstin) uusimmista blogimerkinnöistäsi. Vierailijat voivat nähdä koko merkinnän osoittamalla Lue lisää -linkkiä. Â Merkinnät-sivulla luot blogimerkinnät ja hallitset niitä. Verkkosivujesi vierailijat eivät näe tätä sivua, mutta jos he osoittavat pääblogisivun otetta, he saavat näkyviin koko merkinnän. Â Arkisto sisältää kaikki merkintäsi, myös ne, jotka eivät näy pääsivulla. Blogityöpohjat sisältävät linkin pääblogisivulla olevaan arkistoon. Sivustosi vierailijat näkevät tämän sivun. Se sisältää otteita uusimmista blogimerkinnöistäsi ja linkin arkistoon. Merkintöjä kirjoitetaan ja muokataan osoittamalla Merkinnät. Arkisto sisältää merkinnät, jotka eivät näy pääsivulla. 16 Luku 2 Opi käyttämään iwebiä

Uuden blogimerkinnän lisääminen: 1 Osoita sivupalkissa Merkinnät-kohtaa. 2 Osoita Lisää merkintä -painiketta. Uusi merkintä näkyy otsikkoluettelon alla ja siinä on paikanvaraajatekstiä ja -kuvia. 3 Kaksoisosoittamalla paikanvaraajatekstiä voit muuttaa otsikon ja lisätä oman tekstisi merkintään. 4 Vedä kuvia iphotosta tai muualta tietokoneestasi korvaamaan paikanvaraajakuvat. (Jos mediaselain ei ole auki, pääset käyttämään valokuviasi osoittamalla työkalupalkissa Media ja osoittamalla sitten Valokuvat.) Jos teet blogimerkintään muutoksia (esimerkiksi muutat kirjasimen tai taustavärin) voit monistaa merkinnän, kun seuraavan kerran lisäät uuden merkinnän ja säilyttää saman muotoilun. Uuden, omalla muotoilullasi varustetun merkinnän luominen: 1 Valitse Merkinnät-luettelossa sivu, jonka muotoilun haluat monistaa. 2 Valitse Muokkaus > Monista. 3 Kirjoita uudelle merkinnälle otsikko ja korvaa teksti ja kuvat uudella sisällölläsi. Olemassa olevien blogimerkintöjen muokkaaminen: m Valitse merkintä otsikkoluettelosta ja tee muutokset merkintään luettelon alapuolelle. Vierailijoiden kommenttien salliminen verkkosivustolla Jos julkaiset sivustosi MobileMessä, voit antaa kävijöille mahdollisuuden lisätä kommentteja blogiisi tai valokuviisi. Kaikki sivustolla kävijät voivat katsella kommentteja. Voit sallia blogisivuilla kävijöille myös liitetiedostojen lisäämisen lähettämiinsä kommentteihin. Muut kävijät voivat hakea tiedostoja omille tietokoneilleen. Jotta automaattiset ohjelmat eivät lähettäisi roskapostia sivustollesi, kaikkien kommentin lähettäjien on ensin kirjoitettava näytöllä näkyvä sana. Poista kaikki pahennusta herättävä aineisto ja aineisto, jonka käyttöön sinulla ei ole tarvittavia oikeuksia. Voit poistaa kommentteja ja niiden liitetiedostoja helposti milloin tahansa käyttäen iwebiä tai mitä tahansa verkkoselainta. Tämä antaa sinulle mahdollisuuden hallita verkkosivustosi sisältöä. Lisätietoja vierailijoiden kommenteista ja niiden hallinnasta saat katsomalla iwebohjeista. Luku 2 Opi käyttämään iwebiä 17

Muille sivuille vievien linkkien lisääminen Voit laittaa sivuillesi hyperlinkkejä, joita osoittamalla vierailijat voivat avata toisen verkkosivuston. Toiselle verkkosivustolle vievän linkin lisääminen: 1 Avaa iwebin sivu, jonne haluat lisätä linkin. 2 Avaa Safarissa sivu, jolle haluat linkin vievän. 3 Valitse Safarissa sivuston URL-osoite selaimen yläreunassa olevasta osoitepalkista ja vedä se verkkosivupohjaan iwebissä. Voit myös lisätä linkin, joka avaa tiedoston tai kappaleen itunes Storessa. Lisätietoja annetaan iweb-ohjeiden hyperlinkkiaiheissa. iwebissä linkit on asetettu toimimattomiksi, joten voit muokata niitä ilman, että vahingossa osoitat niitä. Jos haluat testata linkkejä, vot asettaa ne toimiviksi Linkki- Inspektorissa. Valitsemalla tämän painikkeen voit muuttaa tekstin tai kohteet hyperlinkeiksi. Linkki-inspektori-painike Kirjoita verkkosivuston osoite tähän. Aseta hyperlinkit toimiviksi tai toimimattomiksi työskennellessäsi iwebissä. Linkkien aktivoiminen iwebissä: 1 Osoita työkalupalkin Inspektori-painiketta (jos sitä ei näy, osoita työkalupalkin oikealle vievää nuolta ja valitse Inspektori). 2 Osoita Linkki-inspektori-painiketta ja osoita sitten Hyperlinkki. 3 Valitse Aktivoi hyperlinkit -valintaneliö. Tärkeää: Tämä asetus ei vaikuta julkaistulla verkkosivustollasi oleviin linkkeihin, se vain kytkee linkit päälle tai pois iwebissä, jotta voit muokata ja testata niitä. 18 Luku 2 Opi käyttämään iwebiä

Lähetä sähköpostia -painikkeen lisääminen Verkkosivustoilla on yleensä vierailijoita varten jokin tapa ottaa yhteyttä sivuston omistajaan tai ylläpitäjään. Voit lisätä Lähetä sähköpostia -painikkeen mille tahansa verkkosivuston sivulle, jotta vierailijat voivat ottaa sinuun yhteyden. Kun vierailijat osoittavat painiketta, näkyviin avautuu uusi sähköpostiviesti, jossa on sinun MobileMesähköpostiosoitteesi. Jos et julkaise sivustoasi MobileMen kautta, tilalla käytetään Osoitekirjan omissa tiedoissasi olevaa osoitetta. Jos haluat käyttää jotakin muuta sähköpostiosoitetta, avaa Sivustoinspektori (osoita työkalupalkin Inspektori-painiketta ja osoita sitten Sivustoinspektori-painiketta) ja kirjoita sähköpostiosoitteesi Yhteyssähköpostilaatikkoon. Lähetä sähköpostia -painikkeen lisääminen: m Valitse Lisää > Painike > Lähetä sähköpostia. Minkä tahansa kohteen muuttaminen hyperlinkiksi Tekstihyperlinkkien lisäksi voit asettaa minkä tahansa kuvan, valokuvan tai kuvion käynnistämään jonkin Linkki-inspektorin linkkiponnahdusvalikossa olevista toiminnoista. Voit esimerkiksi lisätä sivulle nuolen ja tehdä siitä linkin, jota osoittamalla vierailijat pääsevät seuraavalle sivulle. Tällaisten hyperlinkkien luomisesta kerrotaan kohdassa Hyperlinkin luominen iweb-ohjeissa. Kartan lisääminen Voit lisätä verkkosivustollesi helposti kartan, jotta esimerkiksi asiakkaat voivat löytää liikkeesi tai ystävät voivat löytää juhliisi. Kartta on Google Map -kuva. Kartan lisääminen: 1 Valitse Lisää > Google Map (tai osoita työkalupalkissa Verkkowidgetit ja valitse Google Map). 2 Kirjoita näkyviin tulevaan Google Map -ikkunassa osoite ja osoita Käytä. 3 Kaksoisosoita karttaa ja hienosäädä sitten kartalla näkyvien yksityiskohtien määrää zoomaussäätimien avulla. 4 Valitse Google Map -ikkunassa valintaneliöt, joiden avulla voidaan asettaa, näkevätkö verkkosivustollasi vierailijat zoomaussäätimet ja osoitekuplan. 5 Muuta kartan kokoa vetämällä kartan valintakahvoja. 6 Vedä kartta kohtaan, jossa haluat sen näkyvän sivullasi. Kun haluat palauttaa osoitteen alkuperäisen karttanäkymän, osoita uudestaan Käytä. Luku 2 Opi käyttämään iwebiä 19

Lisätietoja muiden verkkowidgettien, videoiden ja Google AdSense -mainosten lisäämisestä verkkosivuillesi saat iweb-ohjeista. Verkkosivuston järjestäminen iweb luo automaattisesti navigointivalikon sisällysluettelon, joka näkyy jokaisella sivustosi sivulla. Kun vierailijat osoittavat sivun otsikkoa navigointivalikossa, he pääsevät kyseiselle sivulle. Kun lisäät uuden sivun sivustoon, iweb lisää automaattisesti sen linkin navigointivalikkoon. Voit itse määritellä navigointivalikon kohteiden järjestyksen järjestämällä sivuja uudestaan sivupalkissa. Navigointivalikko päivittyy automaattisesti uuden järjestyksen mukaiseksi. Navigointivalikko päivittyy automaattisesti, kun järjestät sivut uudestaan sivupalkissa. Järjestä sivut uudestaan vetämällä niitä sivupalkissa. Sivupalkin ensimmäinen sivu on verkkosivuston kotisivu ja ensimmäinen sivu, jonka vierailijat näkevät vieraillessaan verkkosivustollasi. Jos haluat vaihtaa kotisivua, vedä haluamasi toinen sivu luettelon alkuun, heti sivuston nimen alle. Voit luoda useamman kuin yhden verkkosivuston iwebissä ja ne kaikki näkyvät sivupalkissa. Sivupalkin ensimmäisestä sivustosta puhutaan myös aloitussivustona. 20 Luku 2 Opi käyttämään iwebiä