Kätevä ohjelma nettisivujen tekemiseen on Freeway Express

[atkfossiili]

Ostin ja asensin Freeway Express versio 5.4.3:n. Toimii kohtuullisesti vanhassa PowerMacissa, 1 Gb muistia ja OS 10.4.11 Tiikeri. Tosin on jo yhden kerran kaatunut, joten työ kannattaa usein tallentaa.

Olen aikanaan kokeillut Dreamweaveria ja joitakin muita vastaavia työkaluja, mutta hätäiselle aloittelijalle ne ovat aivan liian monimutkaisia oppia. Niinpä tein aikaisemmat sivuni editorilla htmllää kirjoittaen ja taulukoilla sähläten. CSSsiä en ehtinyt myöskään opiskella. Tämä joskus vuoden 2007 tienoilla.

Free Wayn paras opettaja on siihen sisältyvät todella yksinkertaiset opetusjaksot. Tällaisia tulee monen ohjelman mukana. Useimmiten niitä on vaikea saada käyntiin kun jokin pikku niksi on jätetty neuvomatta tai ohjeet eivät olekaan ihan juuri sitä versiota koskevia, jonka on asentanut.

Jos teillä on samoja kokemuksia kuin minulla, tutkikaapa http://www.softpress.com/

Ohjelmasta on myös Pro-versio 8)

.....................................
Tulikin heti kysyttävää:
Mikä kannattaisi laittaa sivun pikselikooksi nykyisillä näytöillä?
Free Wayn asetuksista on valittavissa vain

640 * 480
800 * 600
770 * 390
550 * 700

[Touho]

Mikä kannattaisi laittaa sivun pikselikooksi nykyisillä näytöillä?

Siis täh?

Free Wayn asetuksista on valittavissa vain

640 * 480
800 * 600
770 * 390
550 * 700

No totta tosiaan. Elikkä se Freeway ei siis olekaan tarkoitettu oikeiden nettisivujen tekoon, vaan lähinnä sähköisten esitteiden ja ylisuurten bannerien tekoon...

Vai oletko nyt ihan varma, että kyseessä on nimenomaan koko sivun koko? Sillä eihän tommoisissa olis silloin oikein mitään järkeä. Ettei kyseessä oliskin vaan jonkun taustakuvan tai vastaavan koko?

Sitäpaitsi oikeaoppinen nettisivu on skaalautuva eikä paperiesitteen tapaan tiukasti rajattu pinta. TS. sillä ei ole mitään kiinteää leveyttä, ja vielä harvemmin korkeutta. Lisäksi se voi ja saa skaalautua myös ulkoasun suhteen erilaisille lukulaitteille, kunhan se varsinainen sisältö on sieltä luettavissa.

Tosin valitettavan usein vielä nykyäänkin sellaisia kömpelöitä laatikoita, jotka ovat joko liian leveitä tai ankean kapeita monenkirjaville lukulaitteille ja selaimille.

Eli kannattanee varmaan vielä tutkia niitä Freewayn ohjeita, ja/tai hankkia tarvittaessa joku parempi työkalu. Ainakin jos on tarkoitus tehdä sivuja, joilla käy muitakin kuin omia Facebook-kavereita.

[atkfossiili]

Esitin tämän kysymyksen myös Freewayn porukalle http://www.freewaytalk.net/thread/view/84325

[MacFinn]

Eikös siellä ole myös itse määritettävät koot? Mulla on toi Pro enkä oikein tiedä ton Expressin eroista.

[Fixx]

Laita se mikä tuntuisi olevan lähinnä sivua lukevan porukan näytöllä paras koko äläkä välitä Touhon touhotuksista.. isohko parempi. Vaikkapa 800 pikseliä leveydeksi lähtökohtaisesti, korkeuttahan voi sitten muuttaa sisällön mukaan.
Uskoisin että kokoa voi tosiaan muuttaa uutta projektia aloitettaessa tai matkan varrella paletista (Pro-versio myös mulla.)

[MacFinn]

Minä teen nykyisin aika tavalla nimenomaan rajallisen levyisiä sivuja. En sitten hiukkaakaan tykkää sivuista jotka leviää selaimen ikkunan levyisiksi, oma kun on 1920. Samoin olohuoneen 24" näytöltä on inhottava lukea niitä sivuja, jotka leviää koko sen leveyteen.

Aika paljon teen nykyään kans 800-1000 pikselin levyisiä sivuja, korkeus sitten sisällön mukaan.

Ai niin, toi Touhon kommentti juontaa kenties juurensa tähän vanhaan, editorilla vs käsin koodaajat kiistaan.

[Touho]

äläkä välitä Touhon touhotuksista..

Niinpä, niitä touhotuksia ei tosiaan ole suunnattu kaikkein yksioikoisimmille eikä totisimmille torvensoittajille. Mutta älä silti aliarvioi muita lukijoita, kuten atkfossiilia.

Aika paljon teen nykyään kans 800-1000 pikselin levyisiä sivuja, korkeus sitten sisällön mukaan.

Se leveys tai sen fikasus ei ollut tuossa kovin olennaista. Tuossa ihmeteltiin tuon ohjelman tarjoamia vähän hönttejä, myös korkeussuunnassa fiksattuja sivupohjia. Ehdotinkin aloittajalle, että tarkistaisi vielä niistä ohjeista, että noinkohan se korkeuskin olisi valmiiksi fiksattu.

Asiassa ei varmaan ollut siinä vaiheessa vielä mitään häikkää, ennen kuin hompun pelottomat pilkunköyrijät ryntäsivät taas kehiin lillukanvarsia puristelemaan.

Sitäpaitsi, jos et näe mitään eroa pelkäksi grafiikaksi fiksatun ja jättiruudulla liian levälleen räjähtävän leiskan välillä, niin omapahan on ongelmasi. Kukin tyylillään, ja omassa uskossaan autuaaksi.

Ai niin, toi Touhon kommentti juontaa kenties juurensa tähän vanhaan, editorilla vs käsin koodaajat kiistaan.

Kiistaan? Ei mulla kyllä oo ainakaan oman käsityksen mukaan ollut mitään kiistaa, varsinkaan moisesta aiheesta.

Kukin taaplatkoon tyylillään. Näköjään noita näkövinkkeleitä ja ajatusmallejakin on vähän joka lähtöön. Kaitpa se on jonkun sortin biodiversiteettiä sekin.

[Touho]

Ketjun aloittajalle ja tuohon ongelmaan vielä sen verran, että ota rauhassa joku nuudlausprojekti ennen kuin rupeat tekemään sitä oikeaa www-sivustoa.

Eli rupea tekemään ihan vaan testisivua omilla kuvilla ja grafiikoilla, lätki sinne erilaisia elementtejä, tekstiä, kuvia grafiikoita, ja tutki jokaisen toiminnon säädöt, ja muuta kaikkea, mitä suinkin voi vaan muuttaa. Siinä testaillessa ja nuudlatessa se ohjelman juju varmaan rupeaa selviämään.

En minäkään tosiaan oikein usko, että siellä ei voi edes sivun korkeutta säätää sisällön mukaan venyväksi. Mutta lähde tarvittaessa liikkeelle jostain, läiski sekaan valikkoja, kuvia ja tekstiä, ja tosiaan kokeile ensialkuun ihan jokaista nippeliä ja valikkoa.

Sitten kun olet saanut jotain säädyllisen näköistä aikaiseksi, voitkin hyökätä itsevarmuutta uhkuen niiden asiakasprojektien kimppuun.

[MTI]

Omasta mielestäni taas hyvä sivun leveys on pikemminkin riippuvainen sisällöstä. Jos "sivupalkkeja" tai palstoja on useita, voi sivu hyvin olla jopa sen 1200-1300 pikseliä leveä ja leventyä vielä tarvittaessa selaimen koon mukaan. Tekstipalstalle laittaisin kuitenkin leveydeksi sen noin 80 merkkiä rivillä, tai omien kokemuksieni mukaan hyvän 500-700 pikseliä (kun näytön resoluutio on sen tavallinen 70-100 dpi).

Skaalautuvat sivutkin ovat ihan ok ja jopa hyviä, kunhan niihinkin muistetaan antaa min-width ja max-width -arvot css:llä, esimerkiksi koko sivulla sinne minimi 600 pikselin nurkille ja maksimi johonkin 1400 kieppeille. Nykyiset selaimet (mobiililaitteissakin) osaavat kuitenkin rivittää ja näyttää oikein tehdyn sivun sisällön ilman mitään rajoittamattomia leveyden skaalauksiakin, ja jopa kiinteäleveyksisillä sivuilla, joten tämä debatti täysin skaalautuvien ja kiinteäleveyksisten sivujen välillä alkaa olla kyllä mennyttä aikaa.

[MacFinn]

Freewayssa sivun korkeuteen tehdään oletusarvo, esim. 1000 px. Ja jos aineisto venyy pidemmäksi, sitä sitten kasvatetaan niin, että riittää. Se on siis vain sellainen oletusarvo, joka tarvittaessa venyy, ei mikään kiinteä numero.

Ja jos Touho luulee Freewayn tekevän grafiikaksi fiksattuja sivuja, niin näinhän ei ole. Toki senkin saa tehtyä mutta se on tekijän valinta, ei ohjelman oletusarvo.

[Touho]

Ja jos Touho luulee Freewayn tekevän grafiikaksi fiksattuja sivuja, niin näinhän ei ole.

*Hu0kaus*
Jepjep, toinen puhuu aidasta ja toinen aidanseipään naulanrei'istä, joten ihan kuis nyt vaan.

Valitettavasti aina välillä pakkaa unohtumaan se, että nyky-Hompussa ihan joka sana otetaan kirskuvan kirjaimellisesti. Eli oma moka, kun Hompuikko -oikolukusofta ei taaskaan ollut päällä tänne kirjoitellessa.

tämä debatti täysin skaalautuvien ja kiinteäleveyksisten sivujen välillä alkaa olla kyllä mennyttä aikaa.

Eipä täällä sellaista debattia ole edes ollut. Joku on saattanut käydä debattia oman mielikuvituksensa kanssa, mutta se on hiukan eri asia.

Tämän ketjun alkuperäisenä aiheena taisi olla Freeway, sen ominaisuudet ja kommerverkit, ja niihin tutustuminen, joten ainakin omasta puolestani se ootee-lopputägi tulee tähän.
/OT

[atkfossiili]

Älkää vain vielä lopettako hauskaa ja mielenkiintoista keskusteluanne

Olen saanut siitä jo paljon tietoa. Muuten, osaan kyllä käydä editorilla Freewayn generoiman koodin kimppuun ja muuttaa sieltä vaikkapa leveysarvot haluamakseni. Oleellista oli, että minulla ei ollut alkuunkaan mielikuvaa siitä, mitä kiinteitä tai raja-arvoja kannattaa käyttää.

Freeway Talkista sain yhden vastauksen, joka oheisena:

I haven’t looked at Express in a while, but I’m pretty sure you can enter any dimensions you want if you type directly into the Width and Height fields on that dialog. That picking list of default sizes is just a suggestion.

Furthermore, the dimensions you set in the Document Setup and New Document dialogs are just a suggestion themselves, as you are always free to change the dimensions of any page in your site using the Inspector.

It’s a good idea to stick to one width, so your pages don’t “jump around” when your visitors navigate, but again, that’s just a suggestion. Height is traditionally “as long as your content”; that’s the dominant metaphor of the Web.

Walter

[Touho]

Muuten, osaan kyllä käydä editorilla Freewayn generoiman koodin kimppuun ja muuttaa sieltä vaikkapa leveysarvot haluamakseni.

En kyllä suosittelisi tekemään moista. Kyllähän se tosiaan helppoa on, mutta se tavallaan poistaisi koko wysigyg-generaattorin käytön idean, tai ainakin hyödyn.

Nääs jos menet sitä valmiiksi generoitua koodia jälkeenpäin editoimaan, se muutos nollaantuu joka kerta kun päivität jotain uutta sieltä FreeWaysta. Sitten pitäisi taas muistaa joka kerta käydä mulkkaamassa ne muuttuneet yksityiskohdat takaisin.

Kun homma on toistunut tarpeeksi moneen kertaan, arvaa vaan muistaako kaikki ne pienet muutokset käydä sitten muuttamassa käsipelillä, tai viitsiikö koko hommaa tehdä tuplana kovin monta kertaa.

Eli onko moisessa oikeastaan sitten mitään mieltä? Parempi vaan tehdä koko homma alusta loppuun sillä wysiwyggerillä, ja tyytyä sen oikkuihin, tai tehdä sitten koko homma alusta lähtien jollain toisella konstilla.

Noin muuten en kyllä ajatellut jatkaa aiheen vierestä hauskuuttamista.

[peku]

Taidan vielä nostattaa joidenkin verenpainetta toteamalla että en oikein ymmärrä miten joku viitsii alkaa opettelemaan jonkin wysiwyg-editorin käyttöä kun samalla vaivalla opettelee XHTML/CSS:n? Joka tapauksessa pitää ymmärtää ainakin vähän XHTML-merkkauksen ja CSS-koodin päälle vaikka käyttääkin jotain wysiwyg-editoria. Puhumattakaan siitä jos haluaa sivulle jotain kivaa vaikkapa Javascriptillä toteutettuna...

[Fixx]

Taidan vielä nostattaa joidenkin verenpainetta toteamalla että en oikein ymmärrä miten joku viitsii alkaa opettelemaan jonkin wysiwyg-editorin käyttöä kun samalla vaivalla opettelee XHTML/CSS:n? Joka tapauksessa pitää ymmärtää ainakin vähän XHTML-merkkauksen ja CSS-koodin päälle vaikka käyttääkin jotain wysiwyg-editoria. Puhumattakaan siitä jos haluaa sivulle jotain kivaa vaikkapa Javascriptillä toteutettuna...

Jotkut nyt vaan on visu-ihmisiä ja jotkut toiset numeropäitä. Ei siinä sen kummempaa.

[MacFinn]

Freewaystä tuli eilen uusi versio: 5.5.4 (jota nyt ketjun aloittaja ei voi käyttää kun käyttis on liian vanha versio). Muille sopii.

[Fixx]

MacFinn, oliko mielestäsi 5.5-päivityksessä jotain erityisen tarpeellisia juttuja, tai oliko viitosen epäloogisuuksia korjailtu? Olen itse pysytellyt viitosversiossa, kun en keksinyt erityistä tarvetta päivittää (lue: maksaa).

[MacFinn]

Ehkä paras uusi juttu oli tämä Showcase, jolla tekee nättejä kuvaesityksiä nettisivuille (esim. http://www.sataosaajat.fi/).

Ja toki bugeja on korjattu. Yksi mua ärsyttävä on edelleen: tämä styles-paletti aukeaa edelleen aina väreistä eikä tekstityyleistä kun minusta pitäisi. Värejä vaihtelen hyvin harvoin, mutta tekstityylejä tarvii aina ja koko ajan.

[Fixx]

Vastaavan kuin showcase on pystynyt tekemään carousel-actionilla. Carousellissa jäin vaan kaipaamaan mahdollisuutta tahdistaa vierekkäisiä kuvia niin, että vaihtoaika olisi porrastettu. Halusin nimittäin kuvat päivittymään rytmissä 1234, 1234, jne. Fuskaamalla tietysti pystyis tuonkin tekemään..

Relative Page Layout Action vois olla hyödyllinen kyllä jos se toimii.

[atkfossiili]

Hyvin on täällä keskustelu edennyt ja minäkin olen saanut räpelleltyä nettisivun alkeen tyttärelleni

Valitettavasti se ei toimi selaimessa nätisti. Haluaisin että se olisi rajattu sivu selaimen ikkunassa. Freewayn tietokannasta löysin ohjeen:

Making your page area different to your browser background
Designing a site with a page area in the center which is different from the browser background (which may be a different color or an image) is common in web site design these days - and it's very easy to achieve in Freeway.

Start off by setting the page background to be the color or image you want by using the Color or Image pulldowns in the Page Inspector palette. The page area in Freeway will change to reflect the settings you choose. Preview the page in the browser to see what it looks like. Notice how the color/image you used fills the entire browser window and not just the size of the page in Freeway.

Go back to Freeway and click the HTML item icon in the toolbar. Draw an item from the top left corner of the page down to the bottom right. Give the item a color (if you are using Freeway Pro you can also import an image into it).

Deselect the item by clicking on a blank area of the page and in the Inspector palette set the Align option to Center. Preview the page in the browser once again to see how it looks.

You can now add the content of your site inside the HTML item on the page, it will essentially become your new page.

Yritin sitä soveltaa, mutta en tainnut oikein ymmärtää

En ole Freewayn HTML4-koodia vielä katsellut. Siellä pitäisi olla kaikille sivuille vaikuttava muotoilukin, koska Freeway käyttää Masterspace-sivua. Pahin ongelmani on, että en ihan käsitä miten nettisivut erimuotoisiin näyttöihin ja selainikkunoihin parhaiten saadaan asettumaan.

Olisin kiitollinen vinkeistä

Sivustoalkioni on os: http://www.porrascenter.com

[atkfossiili]

Oikea tapa ohjelmoida on toki kirjoittaa koodia hyvällä editorilla. Mikään koodigeneraattori ei tee niin hyvää jälkeä kuin taitava ammattilainen.

Valitettavasti pelkkä taito ei riitä, vaan ainakin nettisovellusten tekemiseen tarvitaan runsaasti kokemusta ja/tai lukemista ja hyvää muistia. On kysymys monipuolisesta ja jatkuvasti kehittyvästä ympäristöstä.

Tarjollahan on runsaasti valmiita sivupohjia. Valitettavasti niiden koodi on yleensä kirjoitettu sekavasti ja ilman kunnon kommentointia. Ei onnistu valmiiden sivujen näppärä soveltaminen, se edellyttää hyvää HTML4 ja CSS ja myös PHP:n ja vastaavien työkalujen ymmärtämistä.

Niinpä Freeway Express on ilmeisesti tässä vaiheessa minulle järkevin tapa nettisivujen tekemiseen. Sen pahin vika on kuitenkin, että se on tehty vain Mac-järjestelmille. Nyt minulla on Oulussa PowerPC G4 OS 10. 4.11. Haluaisin jatkaa sivujen kehittelyä 600 kilometrin päässä Porvoon saaristossa. Minulla on useita PC-mikroja ja muutama läppärikin. Valitettavasti uudet tai uudehkot läppärimäkit ovat tuhottoman kalliita.

Freeway-versioni on PowerPC:lle. Mikä Mac olisi kohtuullisen siirrettävä Tiikeri-tasoinen PPC? Onko vastaavia läppäreitä edes tehty

Onko Windowssille tai linuxille tehty hyvää ja helppokäyttöistä sivunteko-ohjelmaa? Ainakin Dreamweaver on toivottoman vaikea

[kuutamolla]

Jos puntariin laitetaan iWeb, Freeway 5.5 Express ja Freeway 5.5 Pro, ja arvioidaan helppokäyttöisyyttä, nopeahkoa alkuunpääsyä, toimintavarmuutta ja ohjeita. Millaiset ovat kokemukset? Jos nyt on miettimässä aloitusta, niin mitä suosittelette? Tapahtuuko Freewayssa sivujen siirto palvelimelle yhtä helposti kuin iWebilla?

[MacFinn]

Siis jos haluat, että itse sivu on vaikka tuo rajan sisällä oleva siniharmaa ja ympäristö vaikka tuo tummaharmaa, joka on sen PorrasCenter-nimen ympärillä, tee näin:
1) aktivoi Master sivu
2) älä valitse mitään elementtiä sivulla mutta valitse Align Center (kuten olet tehnytkin)
3) Inspector-paletissa valitse se toinen oikealta ja siitä Background nuoli alas-asentoon, valitse se tumma väripaletista (ja jos sitä ei vielä ole, lisää se väri valitsemalla Other)

kuutamolla kysymykseen sanoisin, että Pro. Siirto Freewayllä on helpompi kuin iWebillä ja se siirtää vain muuttuneet tiedot/sivut. Tosin sillähän ei nykyaikana enää ole merkitystä ellei sitten sivuja päivitä mokkulayhteydellä.

[atkfossiili]

"Tapahtuuko Freewayssa sivujen siirto palvelimelle yhtä helposti kuin iWebilla?"

Muista mac-ohjelmista en tiedä, mutta Freeway 5:ssä ftp-siirto on nopeaa ja helppoa. Valmiit sivut voi myös siirtää oman koneen hakemistoon ja kokeilla sieltä eri selaimilla.

[MacFinn]

"Tapahtuuko Freewayssa sivujen siirto palvelimelle yhtä helposti kuin iWebilla?"

Muista mac-ohjelmista en tiedä, mutta Freeway 5:ssä ftp-siirto on nopeaa ja helppoa. Valmiit sivut voi myös siirtää oman koneen hakemistoon ja kokeilla sieltä eri selaimilla.

Ja toki File valikosta voi suoraan käyttää Preview in Browser toimintoa kokeiluun.