VisualEdit

VisualEdit v4.5.6 - Selainkäyttöinen kotisivueditori by Franx www projects

VisualEdit on vuonna 1994 alkanut projekti jonka tarkoitus on auttaa asiakkaitamme omien kotisivujensa ylläpidossa yrityksemme isännöimillä sivustoilla. Versiosta 4.4 asti editori on ollut rajatussa tuotantokäytössä mutta versio 4.5.4 oli ensimmäinen julkiseen käyttöön soveltuva versio. Vaikka vasteaikamme sivujen päivittämisen suhteen ovatkin yleensä lyhyitä tulee tilanteita joissa kotisivuille on saatava päivitettyä tietoa heti. Lisäksi asiakkaalla ei välttämättä ole osaamista kotisivujen muokkaamiseen itse, mikä on yleisin syy ulkopuolisen palveluntarjoajan palkkaamiseen. Sivujen suunnittelija ja toteuttajakaan ei yleensä halua että sivujen päivitys rikkoo sivuston ulkoasun.

VisualEdit v4.5.5 on selaimen (Firefox/Mozilla/Internet Explorer 6 ja uudemmat) kautta käytettävä kotisivueditori jolla asiakas pystyy muokkaamaan sivuille suunnittelijan toimesta asetettuja kenttiä kuvineen tekstinkäsittelyohjelmaa muistuttavan käyttöliittymän kautta. Sivustolla voi olla yksi tai useita ylläpitäjiä joille voidaan erikseen määritellä oikeudet yhteen tai useampaan muokattavaan alueeseen, näin jokaiselle muokkausoikeudet omaavalle henkilölle voidaan antaa omat vastuualueensa ilman että sivuston graafinen ulkoasu on vaarassa muuttua. Myös kuvien ja tiedostojen lataaminen palvelimelle onnistuu editorin kautta joten erillistä tiedostonsiirto-ohjelmaa ei tarvita. Käyttäjäkohtaisilla asetuksilla voidaan määritellä muokattavat tiedostomuodot (HTML, XML, PDF, JPG, GIF, jne), onko käyttäjällä oikeuksia siirtää tiedostoja palvelimelle ja palvelimelle siirrettävien tiedostojen maksimikoko.

Kuulostaako hankalalta? Ei hätää, sitä se ei ole. Kun asiakas päättää ottaa käyttöön VisualEdit-palvelun me hoidamme tarvittavien asetusten tekemisen ja opastamme alkuun ohjelman käytössä. Perustamiskulujen (150€/domain) jälkeen uusien käyttäjien lisääminen on edullista ja käyttäjätunnuskohtainen maksukaan ei ole kuin 20€ vuodessa. Hinnoissa on jo mukana alv.

Peruskäyttö:
Muokattavan tiedoston valinta
Kuvan lisääminen
Tiedoston siirtäminen palvelimelle
Muutosten tallentaminen ja peruminen

Muokattavan tiedoston valinta:
VisualEdit-palveluun kirjauduttuasi saat ruudulle varsinaisen editorin.

Vasemmasta reunasta löytyy ruutu Hakemisto jossa näkyy nykyinen sijaintisi sivustolla. Tässä esimerkissä ollaan juurihakemistossa jonka alle on luotu ylläpidon toimesta kansio kuvat johon käyttäjä voi siirtää tiedostoja kuten kuvia tai videoita suoraan omalta koneeltaan mikäli käyttäjälle määritellyt oikeudet riittävät tiedoston siirtoon.

Ruudussa Tiedosto näkyvät nykyisessä kansiossa olevat tiedostot joista tässä esimerkissä käytettävä index.html on valittuna. Jos valitusta tiedostosta löytyy editorin käyttämisen mahdollistava koodi ja käyttäjän oikeudet riittävät sen muokkaamiseen avautuu pääruutuun tekstieditori sekä muokattavalla alueella jo oleva teksti.

Samalla sivulla voi olla useita muokattavia alueita jolloin myös tekstieditoreita avautuu useita.

Tekstieditorin korkeus voidaan määritellä erikseen jokaiselle muokattavalle alueelle, kuvassa editori on vakiokokoinen.

Myös muokattavien alueiden nimet ovat muokattavissa, tässä esimerkissä Editointialue 1 ja Editointialue 2.

Tiedosto-ruudun yläreunasta löytyy Lähetä-nappi jota käyttäen siirretään tiedostoja omalta koneelta kotisivuilla käytettäväksi. Käyttäjän oikeudet eivät välttämättä riitä tämän toiminnon käyttämiseen ja lähetettävien tiedostojen kokoa ja tiedostomuotoa (.jpg, .gif, .pdf jne) voidaan myös rajoittaa.

Tiedoston siirtäminen:
1. Valitaan Hakemisto -ruudusta kansio johon siirrettävä tiedosto halutaan sijoittaa, esimerkissä Kuvat-kansio. Tässä vaiheessa Tiedosto-ruutu näyttää hakemistossa jo olevat tiedostot.

2. Valitaan Lähetä jolloin ruutuun aukeaa uusi ikkuna johon voi kirjoittaa tiedoston osoitteen ja nimen. Tiedoston voi myös etsiä Browse -nappia painamalla mikäli ei muista tiedoston nimeä tai sijaintia omalla koneella.

3. Kun tiedosto on valittu ja se näkyy Valitse lähetettävä tiedosto-kentässä painetaan Lähetä ja tiedonsiirto alkaa. HUOM! Jos Korvaa aikaisempi tiedosto on valittuna siirrettävä tiedosto korvaa palvelimella jo olevan, samannimisen tiedoston.

Jos tiedoston siirtämisessä ei ilmennyt ongelmia näkyy siirretty tiedosto Tiedosto-ruudussa ja voidaan ottaa myöhemmin käyttöön.

Kuvan lisääminen sivulle:

Kuvan lisäämiseksi valitaan ensin tekstistä kohta johon kuva lisätään siirtämällä kursori haluttuun kohtaan.
Tämän jälkeen klikataan Lisää kuva/muokkaa kuvaa -nappia. Kuvaa voidaan vielä myöhemmin siirtää hiirellä raahaamalla.

Kuvan ominaisuudet- ruudussa Osoite -kohtaan voidaan joko suoraan kirjoittaa internetissä olevan kuvan polku (esimerkiksi http://franx.fi/LOGO.gif) tai hakea palvelimelta jo sinne siirretty kuva klikkaamalla Selaa palvelinta-nappia.

Hakemisto-ruudusta valitaan kansio jossa haluttu kuva on tai hakemisto johon se halutaan siirtää omalta koneelta jos kuvaa ei ole vielä siirretty. Kun haluttu hakemisto on valittuna Tiedosto-ruudussa näkyy lista palvelimella jo olevista kuvista. Haluttu kuva valitaan hiirellä klikkaamalla.

Kun uusi kuva on valittu ohjelma palaa Kuvan ominaisuudet-ruutuun ja kuvan sijoitusta sivulle voidaan muokata.

Vaihtoehtoinen teksti on teksti joka näytetään jos kuvan näyttämisessä on ongelma tai kotisivulla kävijän selaimessa on kuvien näyttäminen estetty. Tätä ei ole pakko määritellä vaan kentän voi jättää tyhjäksi.

Leveys ja korkeus näyttävät kuvan koon pikseleinä. Kuvan kokoa voidaan muuttaa mutta tulee muistaa että kuvanlaatu kärsii jos pientä kuvaa suurennetaan . Leveys-sarakkeen vieressä oleva lukko-nappi lukitsee kuvan suhteet niin että jos kuvan leveyttä tai korkeutta muutetaan muuttuu myös toinen arvo jolloin kuva ei pääse venymään. Korkeus-sarakkeen vieressä oleva nuoli palauttaa kuvan alkuperäiseen kokoonsa.

Raja määrittää onko kuvan ympärillä kehys ja jos on, miten paksu. Arvo on pikseleinä

Vaakatila ja Pystytila määrittävät paljonko tilaa kuvan ja muiden objektien kuten tekstin väliin jää vaaka- ja pystysuunnassa. Arvo on pikseleinä.

Kohdistus määrittelee miten teksti käyttäytyy suhteessa kuvaan. Esimerkin valinta Oikealle asettaa kuvan oikealle ja teksti rivittyy kuvan ympärille.

Valintojen vaikutus sivun ulkoasuun näkyy koko ajan Esikatselu-ruudussa.

Kun OK-nappia painetaan tulee lisätty kuva näkyviin editoriin.

Jos kuvan asemointia, rajakehystä tai sisennystä tekstistä halutaan muuttaa niin klikataan kuvaa niin että sen ympärille tulee kehys ja sen jälkeen Lisää kuva/muokkaa kuvaa -nappia. Kuvan vaihtaminen toiseen tapahtuu samaa kautta.

Muutosten tallentaminen ja peruuttaminen tapahtuu editorin oikeassa yläkulmassa olevien nappien avulla:

Esikatselu -nappia painamalla voidaan tarkistaa sivun ulkoasu ilman muutosten tallentamista.
Tallenna-nappi tallentaa nykyisen tilanteen ja muutos näkyy kotisivulla heti.
Lataa uudelleen-nappi lataa viimeisen tallennetun tilanteen.
Apua-nappi tulee tälle sivulle.
Kirjaudu ulos-napilla kirjaudutaan ulos järjestelmästä.