SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston koostamisen perusteita. Työskentelyn periaate Sivustoa rakennetaan seuraavan periaatteen mukaan: 1. Kerätään kaikki esivalmisteltu oheismateriaali yhteiseen kansiosysteemiin (samaan tai sisäkkäisiin kansioihin) 2. Koostetaan sivua sivu kerrallaan, tallennetaan sivu ja kokeillaan sitä selaimella. Tämä kaikki tapahtuu paikallisesti omalla koneella eli irrallaan internetistä 3. Vasta kun sivusto toimii kotikoneella moitteettomasti (kannattaa kokeilla eri selaimilla), se siirretään palveluntarjoajan palvelimelle 4. Ensimmäiseksi avautuva sivu, koti, on aina nimeltään index.html SeaMonkeyn käynnistys Käynnistä SeaMonkey. Se avaa oletusarvoisesti oman selainikkunan. Sulje avautunut selainikkuna ja valitse valikosta Window/Composer. Composer on käyttämämme työkalu. Ikkunan yläosassa lukee: untitled-1 - Composer SeaMonkey pikaopas - 1
SeaMonkeyn työkalupalkki Yleisimmät toiminnot: 1. Publish: kun olet koostanut sivun, tällä painikkeella lähetät sen palvelimelle katsottavaksi Internetin kautta 2. Link: tällä liität aktivoituun alueeseen linkin (esim. jollekin muulle sivulle) 3. Image: laittaa hakemasi kuvan 4. H.Line: piirtää vaakaviivan jakamaan sivua 5. Table: rakentaa halutunkokoisen taulukon (esim. kun haluat kaksipalstaista tekstiä tai sijoitella selkeästi kuvia sivulle) Tekstin asemointi ja säätöpalkki Tekstin asemointiin ja -tyyleihin pääset vaikuttamaan näistä valinnoista: 1. Valitaan tekstin yleinen tyyli (eri otsikkotasoja, leipäteksti sekä tekstin väri) 2. Kirjasinkoko, lihavointi, kallistus ja alleviivaus 3. Erilaisia listanäkymiä (lista ilman numerointia ja numeroilla, Rivien vetäminen/työntäminen otsikon alla 4. Palstan tasauksia (vasen-, keski- ja oikeatasaus sekä tasapalsta Alkutoimenpiteitä Tallennamme sivun jonnekin kotikoneen hakemistoon (mieluiten samaan misää on kaikki materiaalimme) Valitse File/Save SeaMonkey pikaopas - 2
SeyMonkey kysyy otsikkoa ikkunan yläpalkille. Tämä teksti näkyy selaimen ikkunan yläosassa. Anna joku kuvaava otsikko (vaikkapa: Ensimmäinen testisivustoni) Heti sen jälkeen SeaMonkey kysyy tallennettavan sivun nimeä ja ehdottaa äskeistä ikkunan otsikkoa. Muuta tiedoston nimi joksikin muuksi (älä käytä tiedostojen nimissä välilyöntejä tai skandeja!). Tekstin syöttö ja muokkaus/asemointi Kirjoita yllä olevat tekstirivit. SeaMonkey pikaopas - 3
1. Aktivoi ensimmäinen tekstirivi "Tästä tulee iso otsikko" 2. Keskitä aktivoitu teksti 3. Valitse "Body Text" ponnahdusvalikosta: Heading 1 Lisää muutava rivin vaihto "leipätekstiä." sanan loppuun. Kirjoita sitten teksti: "Alla on valokuva:" ja laita rivin vaihto. Kuvan sijoittaminen Valitse työkalupalkista "Image" painike ja saat kuvatiedoston haku/määrittelyikkunan. 1. Etsi kuva koneeltasi "Choose File " painikkeella. Avattuasi kuvan, voit rastittaa laatikon "URL is relative to page location" mikäli sivustosi on järkevässä SeaMonkey pikaopas - 4
hakemistokokonaisuudessa materiaaliesi kanssa. (Mikäli pidät kuvat omassa kansiossa, niin muista siirtää myös se kansio hakemistohierarkiaa särkemättä palvelimelle). 2. Anna sijaisteksti kuvalle (teksti näkyy mikäli kuva ei näy). 1. Valitse "Dimensions" välilehti 2. Valitse "Custom Size" ja varmista, että 3. Suhteelliset mittasuhteet on valittuna (kuva ei litisty/veny) 4. Kokeile jotain pienempää kokoa kuin alkuperäinen (mikäli se on yli 600 pixeliä) ja paina OK Kuva ilmestyy antamassasi koossa ja tekstikursori on valmiina sen oikeassa alanurkassa Kuvan (ja tarvittaessa tekstin) asemointi 1. Aktivoi kuvan yllä oleva teksti sekä itse kuva 2. Valitse keskitetty asemointi SeaMonkey pikaopas - 5
Linkitys jollekin muulle sivulle 1. Aktivoi sana tai sanoja 2. Valitse työkalupalkin "Link" -painike 3. Määrittele linkin kohde täydellisessä muodossa eli se alkaa tekstillä "http://" Paina OK ja kuvaruudulla linkki on sinisenä Publishing Settings eli julkaisemisen asetukset Valitse valikosta Edit/Publishing Site Settings Täytä oheisen mallin mukaan: 1. Anna sivustolle nimi 2. Amadeuksen FTP-osoite on muotoa: ftp://amadeus.siba.fi/public_html/ 3. Kotisivusi tuleva osoite 4. Laita käyttäjätunnuksesi ja SeaMonkey pikaopas - 6
5. Salasanasi 6. Mikäli työstät sivustoa pidempään, voit tallentaa nämä määrittelyt osoittamalla painiketta "New Site" jolloin sivustosi ilmestyy valkoiseen laatikkoon. Valitsemalla sieltä sen nimen, saat kaikki asetuksen näkyviin. Itse julkaiseminen 1. Painikkeella "Publish" saat julkaisumäärittelyt 2. Voit valita minkä nimisenä tämä sivusi tallentuu (esim. ylläoleva osoite tulee olemaan: www.siba.fi/~tunnuksesi/testi.html) 3. Mikäli sinulla on kuvia ja ääntä, laita rasti ruutuun ja toivottavasti kaikki materiaalit ovat samassa kansiossa kuin missä tämä sivu on. 4. Tarkista vielä lisäasetukset kohdasta "Settings" jonka sisältö on sama kuin edellisessä kohdassa määritelty Publishing Setting 5. Paina lopuksi "Publish" ja käy jollain FTP-ohjelmalla (Cyberduck) katsomassa (ja tarkistamassa oikeudet), että sivustosi meni Amadeuksen palvelimelle Käynnistä joku selain ja kirjoita osoitekenttään: www.siba.fi/~tunnuksesi/testi.html Mikäli kaikki onnistuu, näet sivusi nyt Internetin kautta SeaMonkey pikaopas - 7
Loppusanat (toistaiseksi) Tee lisää sivuja, muista niiden nimet, pidä ne kaikki samassa kansiossa ja tee niiden välille linkkejä. Muista myös pitää kaikki materiaali samassa kansiossa sekä viedä ne FTP-ohjelmalla palvelimelle! SeaMonkey pikaopas - 8