Freeway wysiwyg -(webbisivu)editori

[Nalskeeraus]

Olen vähän ymmälläni kuinka tuon kanssa toimitaan, kun imaisin siitä kokeiluversion. Siellä on mastereita useampi eikä ainakaan niihin voi kirjoittaa haluamiaan nimiä Sivun osaan tehdä jotenkin, mutta sitten se siirtoprojekti takkuilee. Kun sivun lataa tulee sinne palvelimelle melkoinen kasa lisätavaraa joka sekoittuu niiden muiden joukkoon. Minulle ei ole vielä valjemnnut, että mikä on se nimi ja missä vaiheessa se luodaan, siis se nimi jolla sivu sitten löytyy. Josko jollain asian osaajalla riittäisi hermoja hieman neuvoskella.

[MacFinn]

Aloita vaikka tästä:
http://www.youtube.com/results?search_q ... reeway+pro
http://www.softpress.com/support/usingfreeway/

[Nalskeeraus]

Ilmaisin ongelmiani hieman huonosti. Tuossa linkissä on kaksi kaappausta joiden toivon selventävän ongelmaani. http://personal.inet.fi/koti/nalskeerau ... eeway.html
Sivu on tehty Mäcin Iwebillä. Ylemmässä kuvassa on sivu Freewayn jäljiltä ja se on lähetetty serverille Freewayn Upload komennolla ja toisessa on kaappaus palvelimelta johon tuo em. sivu on siirretty. Ongelmana on että millä nimellä tuota sivua aletaan hakemaan selaimella? Entä miten saisi sivut pysymään tuolla serverillä yhdessä "paketissa", jos tekee paljon sivuja niin melko sekaiseksi menee. Tuon Iwebillä siirretty tavara on serverillä yhdessä kansiossa ja perässä päivämäärä, miten Freewayllä voi tehdä saman?

[MacFinn]

En oikein vieläkään ymmärrä mikä tässä on se ongelma.

Sivun voit nimetä Freewayn Inspectorissa. Ja kun luot uuden sivun, sitä nimeä kysytään, nyt et ole antanut nimeä, siksi se on Freewayssä Untitled.
Kun uploadaat sivusi tuonne inet.fi sivuille, etusivu pitää olla nimetty index.html niinkuin se onkin. CSS kansiossa on CSS koodi. Resources kansiossa on kaikki muu, kuten grafiikka, pngbehaviour opastaa IE:tä. Blank.gif, en muista enkä välitä.

Resources-kansioon tulee kaikkien tekemiesi sivujen grafiikka, ladattavat tiedosto jne. Voit myös Freewayn asetuksista valita, että Resources kansio on sivukohtainen. Minä pidän sivustokohtaisesta mallista.

Tuo sivu haetaan tässä tapauksessa näin: http://personal.inet.fi/koti/nalskeerau ... eeway.html

Kun katsoin omia iWeb sivujani, ei suurta eroa ole, paitsi iWeb tekee oletuksena sivukohtaisen Resources-kansiota merkkaavan kansion. Ja kuten sanoin, sen saa myös Freewayn tekemään.

[Fixx]

Freeway taitaa oletuksena pistää sivut antamaasi osoitteeseen "sellaisenaan" eli index.html, muut.html (alasivut siis), Resources, CSS, pngbehariour.htc. Onko ne sivut sitten selaimella nähtävissä, riippuu oletko antanut oikean osoitteen Freewaylle. Yleensä serverillä www-palvelut toimivat alahakemistossa jonka nimi on www, web tai html (kaiketi). Eli sinne kun tuuppaa niin selaimessa kun annat sen oman www-osoitteesi (vaikka http://personal.inet.fi/koti/sukunimi) niin index.html-sivu latautuu automaattisesti. Jos haluat jonkun sivuprojektin serverillesi niin sitten koko satsi alakansioon http://personal.inet.fi/koti/sukunimi/projekti) ja tämä voi olla tai voi olla olematta lilnkitetty pääsivullesi.

Siis Freeway kyllä toimii tässä ihan loogisesti ja fiksusti. Tilanne voi mennä sekaisin jos samaan kansioon (tai päätasolle) työstät erikseen Freewayllä ja jollain toisella editorilla sivuja. Hiukan poikkeavat nimeämiskonventiot tuottavat sotkuisen kansion, ja jos löytyy samannimisiä palikoita, jotain voi tulla ylikirjoitetuksi.

Henkkoht mä teen Freewayllä uploadin niin että tulostan sen sivuston omalle levylle kansioon ja siirrän sen erikseen ftp:llä. Tiedän ainakin mitä siirrän ja minne. Jättisivustoillahan tuo vaan tarkoittaa sitä että siirtoon menee vähän enemmän aikaa kun kaikki taas siirretään uudestaan, Freewayn oma upload siirtää vain muuttuneet elementit.

Hiukan muuten saattaa sekoittaa että HTML-sivulla on sekä TITLE että tiedostonimi. Molemmat voi laittaa Freewayssa miksi haluaa. UNTITLED on aika yleinen title, mutta suosittelisin jotain muuta. Tiedostonimi pitäisi pääsivulla olla index-html tai index.htm niin sivu aukeaa suoralla www-osoitteella (tai kansionimellä). Muut sivut saavat olla (tiedosto)nimeltään mitä vain kunhan ääkkösiä, välejä ja erikoismerkkejä välttää.

[Nalskeeraus]

Ajattelin vielä perata tätä hommaa jyvä jyvältä, jos vain teidän päreenne kestävät tällaisen vanhemmanpuoleisen vajavaisella kielitaidolla varustetun tampion neuvomisen.

Marssijärjestys tuossa Freewayssa on minulla ollut seuraavanlainen.
Ensin New Document /Blank ja se työpöydälle vaikka nimellä kokeilusivu. Sitten Inspectorin Titleen nimeksi vaikka tuo sama kokeilusivu. Nyt se näkyy Site Folderissa nimellä kokeilusivu (Master1). Sen jälkeen vedän Graphigilla alueen johon laitan kuvan ja alle HTML- laatikko johon tulee teksti.

Tästä eteenpäin homma on hieman hakusassa. Kun tuolla iWebillä jotain sivuja väsäsin, niin tein siten, että minulla oli dokumenteissä kansio nimeltä Webbi, johon ”Tallenna kansioon” systeemillä tallensin tekeleeni, kaikki siististi yhdessä kansiossa ja kaikki sivut omissa kansioissaan, sitten raahasin sivun Cybeankkaan ja homma sillä valmis. Kaikki sivuni olivat siististi omissa kansioissaan palvelimella, eikä siten kun olen upload:illa siirtänyt Freewayn sivut niin palvelimella on tavaraa kuin mateenpäässä.

Olisiko ratkaisuna tuo Macfinnin sivukohtainen Resourcekansio? En vain löydä sitä noista Freewayn asetuksista. Tein pahuuttani tuollaisen pelkän Blank-sivun johon kirjoitin ainoastaan ”kokeilusivu” ja siirsin palvelimelle. Tavaraa tuli viiteen riviin jo pelkästään tuosta hommasta. Entäpä jos olisi paljon kuvia ja kymmeniä sivuja niin eihän siitä ottaisi selvää se vanha Erkkikään?

Eli jos nyt haluaisin toimia niin kuin ennenkin sen Webbikansioni ja ankan kanssa, siten että jokainen sivu on omassa kansiossaan, niin kuinka minun tulee toimia? Millä komennolla tallenella yms.

[MacFinn]

Ensiksi tarvii sanoa, että mitä sitten jos sulla on servulla 5 tai 50 tiedostoa?

Se sivukohtainen Resources kansio tehdään näin:
1) File valikosta Document Setup
2) Siitä Output välilehti, Resources pudotusvalikosta Separate Resource folder ja OK
3) Publish

Sillä, miten iWeb toimii ei ole mitään tekemistä sen kanssa, miten Freeway toimii. iWebin tapa ei ole sen oikeampi kuin Freewaynkään. Ja kun julkaiset Freewayssä, sehän tekee ne html ym. tiedostot siihen kansioon, mitä olet Document Setupissa määritellyt, myös silloin kun lataat suoraan palvelimelle (jota taas iWeb ei tee).

Toki voit Freewayssä tehdä jokaista sivua varten oman kansionsa, jolloin lopputulos on samanlainen kuin iWebillä. Mutta mitä hyötyä siitä on, sitä en ymmärrä. Sivujen editointi ainakin on hankalampaa.

[Nalskeeraus]

Pikku hiljaa alkaa valkenemaan. Sain jo jonkinlaisen kokeilusivun aikaiseksi.
http://personal.inet.fi/koti/nalskeeraus/index.html
Eli löysin nuo sääkset tuolta, koska se oli ainoa sivuni. Entäpä jos sinne pitäisi saada vielä vaikka huuhkaja tai haukat tai jotain muuta, siis toisilla sivuilla? Onko se sitten ..... nalskeeraus/huuhkajat/index.html ja mihin se osoite lisätään siinä tekovaiheessa? Entäpä sitten jos sivuja on enemmän ja joitain haluttaisiin, poistaa niin mitä poistetaan? Onko se pelkästään se Resource kansio joka pitää sisällään sen aineiston joka halutaan poistaa. Esim. tuolta sivulta on sen Resource kansion lisäksi tavaraa vielä monella rivillä. Jääkö se tuonne serverille kummittelemaan, vai häviääkö se samalla kuin se Resource kansiokin?

[MacFinn]

Älä nyt yritä tehdä kaikkea käsin. Anna sen Freewayn hoitaa ne tiedostot.

Teet sen huuhkajat sivun Page valikon New page käskyllä, annat ruutuun sivulle nimen haukat ja ok. Lisäät haukkojen kuvat ja tekstit. Teet mastersivulle linkit eri sivuille (vaikka pudotusvalikkoina CSS:llä) ja linkit on kaikilla sivuilla automaattisesti.

Julkaistaessa saittikansioon sitten tulee se eka sivu eli index.html ja sitten se haukat.html. Kaikki kuvat ym. graafiset elementit ovat siellä Resources kansiossa.

Jos poistat sen haukat sivun Freewayssä, julkaisu ja upload ja tarpeettomaksi käyneet tiedostot poistuvat automaattisesti serveriltä.

Lakkaa jo kyttäämästä sitä serveriä, siellä on mitä pitää, keskity siihen sisältöön, sitä varten Freeway on.

[Nalskeeraus]

Suuret kiitokset MacFinn:ille , kyllä se opetus näköjään vielä uppoaa kovaankin päähän. Kuitenkin tässä vielä riittää melkoisesti säätämistä ennen kuin kaikki pelittää kunnolla. Ensimmäisenä tulee mieleen, että kuinka tuon sivun voisi tehdä siten, että taustaväri ei peitä kokonaan laidasta laitaan näyttöä. Tuolla Freewayssä oheisen sivun koko on 900x700 ja kuvan koko n. 850x550 ja loppu tuota vihertävää taustaväriä. Kun sivu avataan niin taustaväri täyttää koko näytön. Miksi ei se rajoitu tuohon sivun kokoon?
http://personal.inet.fi/koti/nalskeerau ... staja.html

[Fixx]

"Sivun koko" on nettimaailmassa aika merkityksetön asia... mutta laita alle laatikko jos haluat "sivun kokoisen" värikentän siihen. Se tosin taas pystysuunnassa saattaa aiheuttaa ongelman, tulee scrollbarit tai sitten loppuu kesken. Ja taustaväri tulee taas sen alueen ulkopuolelle. Värikentän keskelle taitaa saada näppärästi vaan käyttämällä taustakuvaa, joka toistuu pystysuunnassa. Kaipa sen koodillakin voi tehdä mutta hiukan kankeita on nuo tausta/sivu/täyttö/keskitykset Freewayssa.

[Touho]

Jep, kylläpä ne oleellisimmat ja toimivimmat ohjeet taisikin tuossa jo tulla, paitsi ehkä yksi vielä:

1. Älä nyt yritä tehdä kaikkea käsin. Anna sen Freewayn hoitaa ne tiedostot.
2. Lakkaa jo kyttäämästä sitä serveriä, siellä on mitä pitää, keskity siihen sisältöön, sitä varten Freeway on.

3. RTFM, eli tutustu siihen Freewayn mukana tulevaan tai netissä olevaan materiaaliin, käyttöohjeisiin, tutoriaaleihin yms.

Tee sivut sen Freewayn tyyliin, tai tee ne kokonaan jollain muulla. Koskee myös noita ftp-siirtoja palvelimelle sun muita kansiorakenteiden ihmettelyjä. Vaikka sekä iWeb että Freeway ovat nk. wysiwyg -generaattoreita, jotka tyypillisesti pyrkivät tekemään kaiken mahdollisimman automaattisesti ja/tai wizardoidusti, ei tiettyjen perusasioiden opiskelusta ole silti haittaa. Esim. tuo ylläkuvattu kansiosekoilu ja muu sähläys jäisi automaattisesti väliin. Kyllä ne asiat sieltä manuaalia tutkimalla ja itse opettelemalla selviää.

Jos taas iWebin logiikka ja toimintamalli tuntuu luontevammalta, kannattaisi ehkä tutustua myös muihin wysiwyggereihin. Esim. Sandvox on (tai ainakin oli aiemmin) toiminnaltaan ja tyyliltään samantyyppinen kuin iWeb, tai ainakin lähempänä sen tyyliä ja logiikkaa kuin Freeway. Itse en erityisemmin perusta kummastakaan, mutta kumpikin soveltunee ihan mukavasti omatoimiseen sivujen teon opetteluun, ja ohjelmat poikkeavat sopivasti toisistaan.

Toinen kokeilemisen arvoinen juttu näin alkuvaiheessa voisi olla (ilmeisesti) kummankin ohjelman tarjoamien valmiiden templaattien eli sivupohjien käyttö. Kun sivun tai saitin saa näyttämään hyvältä valmiiksi mietityssä templaatissa, on jatkossa helpompi sisäistää niiden takana olevat jujut, ja ruveta suunnitteleman ihan omia pohjia. Päässee ainakin nopeammin julkaisukelpoiseen jälkeen.

Aina toimiva konsti on myös opetella vääntämään sivuja ihan käsipelillä, eli tekstieditorilla vääntäen.

[Touho]

Tuolla Freewayssä oheisen sivun koko on 900x700 ja kuvan koko n. 850x550 ja loppu tuota vihertävää taustaväriä. Kun sivu avataan niin taustaväri täyttää koko näytön. Miksi ei se rajoitu tuohon sivun kokoon?

No siinäpä yksi esimerkki niistä em. perusasioista, joita kannattaisi opetella, käytetystä ohjelmasta riippumatta.
Kokeile vaikka jotain sen softan valmista templaattia ensin, niin pääset paremmin jyvälle homman juonesta.

[kaimaani]

Näillä pitäisi päästä Freewayn kanssa aika hyvään vauhtiin:

Videoilla alkuun ja perinteisellä manuaalilla eteenpäin..

[MacFinn]

Suuret kiitokset MacFinn:ille , kyllä se opetus näköjään vielä uppoaa kovaankin päähän. Kuitenkin tässä vielä riittää melkoisesti säätämistä ennen kuin kaikki pelittää kunnolla. Ensimmäisenä tulee mieleen, että kuinka tuon sivun voisi tehdä siten, että taustaväri ei peitä kokonaan laidasta laitaan näyttöä. Tuolla Freewayssä oheisen sivun koko on 900x700 ja kuvan koko n. 850x550 ja loppu tuota vihertävää taustaväriä. Kun sivu avataan niin taustaväri täyttää koko näytön. Miksi ei se rajoitu tuohon sivun kokoon?
http://personal.inet.fi/koti/nalskeerau ... staja.html

Ton voi tehdä vaikka niin, että koko sivu (900x700) on tota vihreää, lisää Master-sivulle laatikon, jonka väriksi määrittelet tuon vihreän. Sitten inpectorissa määrität Page ja Backgroundin väriksi valitset vaikka mustan tai gif-kuvan.

[Nalskeeraus]

Ton voi tehdä vaikka niin, että koko sivu (900x700) on tota vihreää, lisää Master-sivulle laatikon, jonka väriksi määrittelet tuon vihreän. Sitten inpectorissa määrität Page ja Backgroundin väriksi valitset vaikka mustan tai gif-kuvan.

Tuota juuri tarkoitin. Hommat kunnossa.

[Lebako]

Ongelmana on html-itemille luodut varjot eli drop shadowit ja käytössä Freeway 5 express.
Aina kun yritän tehdä itemille varjoa niin Freeway muuttaa itemin värin vaalean siniseksi.

Eli teen html-itemin (eli painan html-nappia ja hiirellä teen minkä tahansa muotoisen suorakulmion).
Vaihdan sen värin vaikka punaiseksi (Inspector --> item general settings -->color:punainen)

Lisään siihen varjostuksen menemällä Inspectorista --> item appearance settings --> effects --> varjostus (outer shadow)

Tuloksena se html item on muuttunut vaalean siniseksi. Sitä sinistä ei saa pois sitten mistään, eri väriasetusten muuttaminen aiheuttaa vain itemin "alla" (koska itemhän kelluu nyt) olevan alustan värin muuttumisen.

Miten ihmeessä saan tuo item värin haluamakseni, item appearance settingsissä on kolme eri paikkaa jossa värejä voi muuttaa mutta mikään niistä ei aiheuta haluttua lopputulosta. Background color on muuten juuri tuo pahamaineinen vaalean sininen, mutta sitä ei pysty muuttamaan millään.

[MacFinn]

Hmmm, näyttää Express eroavan Prosta tuossa.

Prossa on tuon Outes shadowin yhteydessä myös sen varjostusvärin ja backgroundin värin valinnat.

[Lebako]

Hmmm, näyttää Express eroavan Prosta tuossa.

Prossa on tuon Outes shadowin yhteydessä myös sen varjostusvärin ja backgroundin värin valinnat.

Tässä linkissä kuva tuosta ongelmasta ja Inspectorin valinnoista.
http://img24.imageshack.us/img24/7072/n ... ohtees.png

Tuossa background-täpässä on värinä juuri tuo murheenkryyni vaalean sininen, jota ei voi muuttaa.
Muutenkin tuntuu oudolta, että background-väri on edessä eikä takana, kuten nimi antaisi ymmärtää.