Wordistä HTML-sivulle

(Jatkoa tarinalle HTML -editori ja WYSIWYG)

Jos olet kirjoittanut tekstisi MS Wordillä ja haluat siitä sen HMTL-editoriin, seurauksena voi olla ongelmia, joista et edes tiedä.

Seuraavassa kuvassa oleva teksti on kopioitu suoraan MS Office Word 2007 -sivulta ja liitetty OPITin WYSIWYG -editoriin. Sen jälkeen se on tallennettu ja avattu Firefoxilla (3.5). Napsauta kuvaa, niin näet sen suurempana, kuten jatkossa muiden kuvien kohdalla. Näkymä on sama Googlen Chrome -selaimessa.

Kaikki näyttää siis olevan hyvin. MUTTA sama sivu näyttääkin Internet Explorerissa tältä:

Ongelman aiheuttavat Wordin ohjausmerkit! Vaikka joissain selaimissa teksti näyttää aivan oikeanlaiselta, on sivulle tuleva HTML-teksti moninkertainen pituudeltaan verrattuna normaaliin ja aiheuttaa siis hieman tilan ja ajan tuhlausta.

Tässä esimerkki samasta sivusta Blogger-blogissa, jollainen tämäkin blogi on. Esikatselussa teksti näyttää hyvältä,

mutta WYSIWYG -editori sekoaa esikatselun sulkemisen jälkeen täysin...

Miten vältyt näiltä ongelmilta?

Jos tekstisi on vielä kirjoittamatta, kirjoita se käyttäen NotePad -ohjelmaa, jossa ei ole muotoiluja tai kirjoita suoraan HTML-editoriin.

Jos teksti on jo tehty Wordillä, menettele seuraavasti:
Kopioi teksti Wordistä. Avaa HTML-editorista HTML-teksti merkitystä nappulasta.

Liitä teksti, jolloin kaikki muotoilut jäävät kopioitumatta.

Paina uudestaan edellä mainitusta nappulasta, jolloin palaat WYSIWYG-editoriin. Teksti on tallella, mutta rivinvaihdotkin ovat kadonneet.

Jaottele teksti

Ja muotoile se

Hankalaa, mutta nyt ei ole vaaraa, että sisältö näkyy pelkkänä puurona jollekin.


Muistakaa myös jos teette webbisivuja itse: Näkymä ei ehkä olekaan oikea kaikissa selaimissa. Olkaa siis tarkkoja. Tilanne on hankalin jos sinulla on käytössä ohjelmien uusimmat versiot ja lukija käyttää vanhoja versioita. Voi jopa olla, että lukija ei saa sivuasi auki ollenkaan!

Read more...

HTML -editori ja WYSIWYG

HTML on kieli, jota webbisivuilla käytetään. Wikipedian virallinen määritelmä:

HTML (lyhenne sanoista Hypertext Markup Language) on avoimesti standardoitu kuvauskieli, jolla voidaan kuvata hyperlinkkejä sisältävää tekstiä eli hypertekstiä. HTML tunnetaan erityisesti kielenä, josta webbisivut rakentuvat.

HTML:n kanssa joutuu nykyisin tekemisiin, vaikkei asiaa tuntisikaan. Blogeissa ja oppimisaluistoilla (esim. OPIT, Moodle) on käytössä HTML -sivun lisäys käyttäen WYSIWYG - editoria (What You See Is What You Get eli mitä näet, sitä saat).

Seuraava teksti perustuu OPITin versioon, koska se on tällä hetkellä iltalukiossa käytössä. Tehtäväpohjia on erilaisia, ja jos tiedät etukäteen tulevan sivun rakenteen, voit valita sopivimman vaihtoehdon:

Valitsen nyt kuitenkin tyhjän sivun, jota voi käyttää aina. Siihen voi tehdä aivan samoja asetteluja kuin tehtäväpohjiinkin, mutta työtä joutuu tosin itse tekemään hieman enemmän.
Napsauta kuvaa niin näet sen suurempana, kuten myös tulevien kuvien kohdalla!

Tekstin kokoon löytyy erilaisia valintoja, erikokoisia otsikoita ja normaali teksti.

Lisäksi voi valita tekstin asettelun oikelle, vasemmalle tai keskelle. Fonttivalikoima on yleensä pienempi kuin Wordissä. Lihavoinnille, alleviivauksille ja kursivoinnille kuten myös fontin ja taustan väreille löytyy tutut valikot. Suosittelen niiden käyttöä valitsemalla teksti maalaamalla ja lisäämällä haluttu muotoilu valmiiseen tekstiin.

Kuvan voi liittää painamalla maisemaa esittävää kuvaketta ja valitsemalla esim. omalta tietokoneelta haluttu kuva.

Tässä on muotoiltu teksti. Kaikki sanat on alleviivattu punaisella katkoviivalla siksi, että itselläni on käytössä englanninkielinen oikolukija. Suomenkielinenkin Firefoxiin löytynee, mutta en ole sitä tullut lisänneeksi.

Tässä edellisen esikatselukuva.

Molempien reunojen tasaus olisi ihan kiva, mutta suomen kieli on pitkien sanojensa takia hankalaa ja saattaa johtaa outoihin sanavälien pituuksiin. Löydätte niitä aivan varmasti blogistani. Tavuviivoja en suosittele, sillä niiden poistaminen tekstin muutoksen jälkeen teettää hirveästi turhaa työtä.

Linkki lisätään maalaamalla osa tekstiä ja painamalla linkki-ikonia (maapallo, jonka kulmassa ketju). Uusi ikkuna avautuu.

Jokaisella alustalla on omat ominaisuutensa tässä kohdassa, mutta jokaisessa liitetään linkin URL-osoite jonnekin. (kopioi ja liitä se selaimesi osoiteriviltä). OPITissa suosittelen lukijoiden takia, että valitset myös kohdan Määritä uusi ikkuna.

Ikkunaan avautuu uusi valikko, josta sitten voi lisätä ominaisuuksia sille avautuvalle ikkunalle. Mielestäni minimivaatimukset ovat työkalurivi ja osoiterivi. Kukin voi kokeilla mielestään parasta vaihtoehtoa.

Tässä on esikatselu. Kursorini oli linkin päällä, joten se näkyy nyt punaisena. Muuten linkki näkyy alleviivattuna, mutta mustana. Ehkä olisi hyvä vaihtaa myös linkkitekstin väriä, jotta kaikki huomaisivat sen linkiksi. Sininen on silloin paras tekstiväri.

Seuraavassa osiossa aion kertoa tarkemmin Wordillä kirjoitetun tekstin lisäämisestä HTML-sivulle. Se ei aina ole täysin ongelmatonta...

Read more...

Turun iltalukio Facebookissa

Turun iltalukio on nyt Facebookissa!
Jos olet jo liittynyt Facebookiin, tule iltalukion faniksi.

Niille, jotka eivät vielä ole liittyneet, postitan ohjeita myöhemmin mutta ilmankin liittyminen on ihan helppoa.

Linkki: Turun iltalukion Facebook -sivu

Read more...

Langaton verkko ja Spark

Kun aikansa kokeilee niin viimein löytää. Kuljeskellessani läppärin kanssa jouduin jatkuvasti ongelmiin langattomaan verkkoon liittymisen kanssa. Ratkaisu on yksinkertainen mutta todella hyvin kätketty.

Atheros Client näyttää alapalkin oikeassa laidassa pylväitä, jotka kuvaavat verkon voimakkuutta. Kun klikkaat kuvaketta hiiren oikealla näppäimellä, saat valikon, jossa on muutama tumma teksti ja pari harmaata (joita siis ei voi valita) + yksi palkki jossa ei lue yhtikäs mitään, vain nuoli oikeassa reunassa. Valitse siis se nuoli ja aukeavasta valikosta Salli Windowsin valvoa verkkoa. Tämän jälkeen homma toimii tutummalla tavalla. Yleensä tietokone ilmoittaa, että alueella on langattomia verkkoja ja klikkaamalla ilmoitusta pääset niitä selaamaan. Langattoman kytkin pitää tietysti olla päällä.

Koulussa kirjaudut siis Spark-nimiseen verkkoon. Salasanaa verkko ei kysy, ennenkuin avaat selaimen.

Selaimeen avautuu ikkuna, johon syötät oman sähköpostitunnuksesi ja salasanasi kuvan esimerkin mukaan. Jos valitset remember password ja automatically login tätä vaihetta ei tarvitse tehdä enää toiste. Älä koskaan valitse edellämainittuja vaihtoehtoja muuta kuin henkilökohtaisella tietokoneella! Sparkin kone muistaa valinnoistasi riippumatta ja Spark on siis joka tapauksessa käytössä kaikkialla minne langaton verkko koulussa ulottuu. Toimii vain opettajille! Klikkaa kuvaa niin näet sen suurempana.

Jos kirjautuminen onnistui, saat seuraavan ilmoituksen. Muussa tapauksessa ilmoituksessa lukee, että kirjautuminen epäonnistui. Yritä uudelleen, sillä kuvan mukaisella osoiteviritelmällä homma todistettavasti toimi.

Myöhemmin sitten kone kyselee, haluatko edelleen antaa Windowsin hoitaa verkkohaun. Voit itse valita haluamasi vaihtoehdon. Kun olet kirjautunut verkkoon koulussa ja kotona, kone kyllä tietää tavanneensa vanhan tutun ja kytkeytyy verkkoon automaattisesti. Jos et halua käyttää verkkoa, voit panna langattoman kytkimen pois päältä.

Read more...

Langaton verkko miniläppäriin

Toistaiseksi ongelmat on ratkaistu. Atheros Client -ohjelman ikkuna on tässä, ja näkyvissä oletusasetukseni. Niillä kone yhdistyy automaattisesti omaan langattomaani, kun vain WLAN on käytössä (eli Fn+F2).

Valitsemalla Selaa... saa näyttöön kaikki lähistöllä olevat langattomat verkot, joista siis useimmat on salattu.

Koulusta pitäisi löytyä salaamaton langaton verkko nimeltä Sparknet. Tosin selaimen avaamisen yhteydessä joudut syöttämään käyttäjätunnuksen ja salasanan. Opettajat voivat kirjautua postitunnuksilla ja oppilailla pääsyä verkkoon ei ole. Koulun langalliseen verkkoon koneita ei saa kytkeä sopimuksen mukaan, mutta eivätpä ne siellä toimisikaan. Koulun verkon pitää tietää jokaisen koneen yksilöllinen IP-osoite ja se on hyväksytettävä ensin. Käsittääkseni henkilökohtaisia koneita ei ole koskaan hyväksytty.

Sitten vielä puhelinluettelo-ongelma on ratkaistu. Sain virheilmoituksen "Virhe 623: Nykyisen yhteyden puhelinluetteloa ei löydy". Jostain syystä mokkulan käyttö oli aktivoinut väärän ominaisuuden Internet-asetuksiin. Jos siis kyseinen virhe ilmenee, valitse ohjauspaneeli ja sieltä Internet-asetukset. Yhteydet-välilehdeltä on valittava: Älä koskaan muodosta yhteyttä puhelinverkon kautta.

Testailin konetta Hesan matkalla. Vain lähellä Helsinkiä ja Turkua 3G -verkko löytyi, mutta selailu ei silti ollut tuskallista gsm-verkossakaan. Akku kesti juuri sopivasti koko matkan. Kone oli tosin järeässä käytössä, sillä käytin nettiyhteyttä koko ajan. Mokkula kulki mukana kivasti ilman liitäntäjohtoa pelkällä liittimellä, parannusta entiseen mokkulaani.

Read more...

miniläppäri

No niin, nyt on koulun kautta saatu verkko-opettajien käyttöön miniläppäri, Asus Eee PC 904 HA . Linkki tosin vie sivulle, jossa on 10-tuumainen kone. Sarja 900 on muuten sama, mutta näyttö on 9-tuumainen. Kyseinen Asus-sivusto on osittain suomeksi, osittain englanniksi. Muuten suomi vaikuttaa ihan oikealta, mutta logon vierestä löytyy mystinen Helppo Lppia, Käyttää ja Pelata. Sinänsä hieno sivusto, mutta suurin osa linkeistä johtaa englanninkielisille sivuille ja sieltä löytyvät käyttöoppaat eivät sitten avautuneetkaan Acrobat Readerissä...

Kirjoittelen nyt kokemuksiani ja ongelmiini löytyneitä ratkaisuja, sillä muut painiskelevat samojen ongelmien kimpussa. Alla olevat kuvat teksteineen on kaapattu Asuksen sivulta.

Kommentteja:

Olen ennenkin epäillyt että intuitioni on hukassa!

Tosin minulle suuri ongelma on se että koneeseen asennettiin ohjelmat Turun kaupungin tietohuollossa. Koneessa on Windows XP ja Ubuntu, Microsoft Office, Firefox, Skype ja InfranView nyt tärkeimmät mainitakseni. Olen tähän asti asentanut kaiken itse ja saanut koneen sellaisena kuin sen haluan. Nyt joudun konfiguroimaan sen asetuksia muuttamalla ja se ei ole ollenkaan hauskaa.

Nettiä selaillessani olen tullut siihen tulokseen, että Linux olisi järkevin vaihtoehto, jos nopeutta haluaa, mutta se taasen täytyy erikseen opetella. Minun täytyy ensin saada selville, miten Windowsiin ja Officeen tottuneet opettajat saavat ne käyttöönsä.

Yksi todella raivostuttava ongelma minulla on vielä ratkaisematta. Kaikista yrityksistäni huolimatta kone edelleen avaa automaattisesti Windows Live Messengerin! En käytä, enkä ala käyttääkään. Saahan sen suljettua, mutta se häiritsee mielenrauhaani...

Mukana tuli 12-sivuinen suomenkielinen opas Windows XP versiolle, mutta eipäs se ihan siten toimikaan....

Langaton Wifi on. Muodostaa yhteyden automaattisesti... no joo, kunhan saa ensin keksittyä miten se löytää kaikki verkot, myös salatut. Ongelmana on, että ohje on XP:lle mutta Asuksen verkkoliitäntä käyttääkin omaa systeemiä. Mukana saimme kyllä Soneran mokkulankin ja sen ohjelma käynnistyy automaattisesti, mutta enpähän ensin edes tiennyt Soneran SIM-kortin oletussalasanaa. Omassa entisessä oli DNA ja samoin kännykässä. Se ongelma onneksi selvisi kanslian avulla.

Toistaiseksi löydettyjä ratkaisuja:

Jos asuu 3G -verkon reuna-alueilla, yhteys käyttää gsm-verkkoa ja on todella hidas. Käytetty yhteys näkyy mokkulan valosta, sininen on 3G ja vihreä gsm. Kannattaa siis yrittää liittää kone kotiverkkoon. Johdon kautta yhteyden pitäisi onnistua normaalisti (en tosin ole kokeillut) ja johdon voi yhdistää hätätilassa vaikka langattoman verkon reitittimeen.

Poiketen ohjekirjan neuvoista langaton yhteys ei löydy Windowsin kautta, vaan on käytettävä ohjelmaa nimeltä Atheros Client Utility. Avaa siis ohjelma ja yritä sillä etsiä langaton kotiverkkosi, joka toivottavasti on salattu. Kone kyllä löysi automaattisesti meiltäkin jonkun naapurin salaamattoman verkon, mutta sen käyttö on nykyisin lainvastaista. Tarkempia ohjeita en vielä uskalla antaa, sillä omissakin asetuksissani on joku vika. Puhelinluettelo on kuulemma kateissa, mutta ei se etenemistä haittaa... pitää vain sulkea virheilmoituksia.

Akun sanotaan toimivan jopa lähes 6 tuntia. Siihen todennäköisesti pääsee vain jos ei ota internet-yhteyttä ollenkaan, eikä muutenkaan käytä monimutkaisia ohjelmia. Koneessa on Super Hybrid Engine, jossa on 4 eri käyttövaihtoehtoa, Super Performance Mode, High Performance Mode, Power saving Mode ja Auto Mode. Jos siis olet kytkettynä virtaan, voit valita Super Performancen ja kun käytät akkua valitse virtaa säästävä vaihtoehto. Valinnan voi tehdä klikkamalla hiiren oikealla näppäimellä oikeassa alareunassa olevaa kuvaketta tai valitsemalla ohjelmat valikosta ASUS -> Super Hybrid Engine. Valinnan jälkeen näyttö kertoo, mikä tiloista on valittuna.

Koneeseen on asennettu Office-yhteensopivuuspaketti, joten vaikka koneessa on 2003-versio, sen pitäisi pystyä avaamaan myös 2007-tiedostoja.

Palailen asiaan, kun taas ehdin tutkailla lisää. Teon alla on myös vinkkejä Firefoxiin ja muihinkin käteviin ohjelmiin, joita voisi käyttää. Toiveita vastaanotetaan.

Read more...

Uusi hakukone: WolframAlpha

Kauan odotettu uusi hakukone WolframAlpha on vihdoinkin nähnyt päivänvalon. Ennen julkaisua siitä ennustettiin Googlen uhkaajaa, mutta minusta yhteydet Googleen ovat hyvin pienet. Ennemminkin WolframAlpha tulee minulle korvaamaan ainakin osittain Wikipedian. Projekti on tosin vasta alussa. Kunnianhimoisena tavoitteena on syöttää datatiedostoihoin kaikki mahdollinen asiantuntijatieto. Laskettavissa oleva tieto on hyvin hallittavissa jo nyt. Lisää projektin kulusta ja tavoitteista voit lukea englanniksi täällä.

Myös sanallista tietoa löytyy:

Lisäksi se osaa kertoa missä minä olen:

ja tietääpä vielä tarkemminkin kuin minä. Vierestä löytyi myös linkki Wikipedian artikkeliin Turusta.

Omaa sijaintiaan kone ei sitten tarkemmin kerrokaan:

Koirani rotukin löytyy. Yleisesti eläimistä löytyy paljonkin tietoa tietenkin englannin kielellä (tai latinankielisillä nimillä)

Harrastukseni, japanilaiset ristikot, on jo hieman huonommin tunnettu. Sudoku oli ainoa josta löysin tietoa.

Mutta sitten se minulle tärkein asia, matematiikka onkin todella hyvin edustettuna. Hyvästi taululaskimet; tietokone auki ja tiedot Woframille:

Taulukoitakaan ei enää tunnilla tarvita. Trigonometristen funktioiden kohdalla tulos oli paljon pidempi ja sisälsi kaiken tarvittavan ja tietysti paljon muutakin.

Nyt on käynnissä jahti ns. pääsiäismunien löytämiseksi (piilotettu tiedosto, jonka saa näkymään esimerkiksi tietyllä näppäinyhdistelmällä). Tässä tapauksessa pääsiäismunat ovat yllättäviä, hieman huvittavia tiedonpalasia. Tässä yksi esimerkki:

Lisää pääsiäismunia voi etsiä Mashablen artikkelia käyttäen.

Linkki Wolframin esimerkkisivuihin, jossa on jaottelu aihepiireittäin. Aihepiireinä muun muuassa värit, musiikki, historia, maantieto, terveys... Syöttämällä päivämäärän saat selville kuinka kauan kyseisestä päivästä on kulunut ja mitkä ovat olleet Auringon nousu- ja laskuajat ja Kuun vaihe. Muita esimerkkisyötteitä löytyy, joten kokeilussa on helppo päästä alkuun.

Read more...