Kotisivujen päivittäminen

[Mikael K.]

Olen hassun ongelman edessä neuvoton: Sain tehtäväkseni kotisivujen päivittämisen ja olen aiheesta kauhuissani. Aluksi muutama kysymys. Millä ohjelmalla kotisivut kannattaa tehdä? Ymmärtääkseni ne on aikaisemmin tehty brutaalisti Wordilla ja siirretty ftp:nä paikalleen. Onko kotisivujen tekemiseen olemassa mitään ilmaista ohjelmaa vai selviänkö tästä operaatiosta X:n mukana tulleilla?

Löytyykö jostakin linkkejä tai ohjeita siitä miten kotisivut kannattaa tehdä? Käytin joskus jotakin softaa, mutta nimeä en muista. Sivurakenne on valmiina olemassa, joten nyt täytyisi selvittää miten saan tehtyä ne järkevän oloisiksi eli avautumaan myös Maceillä. Jos joku osaa neuvoa minua niin olen tavattoman onnellinen!

[lsippu]

Macromedian Contribute 3:lla voit päivittää suoraan vanhojen sivustojen päälle..
L. Sippu

[vesku]

Macromedian Contribute 3:lla voit päivittää suoraan vanhojen sivustojen päälle..
L. Sippu

...tosin sitä ei kannata tehdä Wordilla tehtyjen päälle :-)

Täälläkin on keskusteltu paljon aiheesta, lähinnä osiossa Ohjelmointi. Ilmaisia ohjelmia löytyy, tosin ittelläni ei ole juuri kokemusta niistä. Tommoisen

NVU

latasin ja vaikuttaa pätevältä. Ite käytän Macromedian Dreamweaveria, josta on saatavilla 30 päivän kokeiluversio. Mutta tässä on kyseessä suht kallis "ammattilais"softa.

Teko-ohjeita ja neuvoja löytyy netistä pilvin pimein, googlea kehiin!

[Lakiopaalu]

Macromedian Dreamweaverin rinnalla ammattilaissoftien ykkösen tittelistä kilpailee Adoben GoLive. Siitä on myöskin saatavilla ilmainen 30 päivää toimiva demoversio (ihan täysversio, mitään ei ole karsittu; lopettaa vain toimintansa kuukauden kuluttua ensimmäisstä käynnistyksestä.
Molemmat näistä ovat erittäin monipuolisia <=> eivät kovin helppoja opeteltavia. Itse molempia kokeilleena hankin itselleni GoLiven ("...but that's just me...")

Yllämainittuja helpompi ja halvempi, mutta monella taholla (MacDesign, MacWorld, et cetera) korkealle rankattu on Freeway, josta on olemassa Express- ja Pro-versiot. Express maksaa vain $89.
http://www.softpress.com/en/freeway/express
Siitäkin saatavilla demo.

Tietysti tosiosaajat pystyvät tekemään kaiken tarvittavan tekstieditorilla, mutta siinä koodin käsinkirjoittamisessa onkin opetteleminen...



Valmiin tavaran siirtämiseksi serverille olen käyttänyt CyberDuck-nimistä FTP-ohjelmaa. Suosittelen! Toimii kuin unelma, myös serverillä jo olevan tavaran hallinta on helppoa.
Freeware; tekijä pyytää lahjoitusta, muttei vaadi maksua.


Yksinkertaisinta olisi tietysti ostaa osaaminen talon ulkopuolelta. Täältäkin varman löytyy useampi, joka kohtuullista korvausta vastaan voisi otta homman hoitoonsa. Onko työllä kiire?

[Jamac]

Riippuu hiukan nettisivujen sisällöstä. Itse olen nyt puolivälissä rakentamassa php5:lla toteutettua sivustoa minkä päivittämiseen käytetään – InDesignia!!!

Ideana on perus php-moottori mikä lukee XML pohjaisen datan (InDystä exportattu) tietystä hakemistosta ja tietystä alihakemistosta, kääntää XML:n XSL-tyylitiedoston avulla HTML:ksi. Homma pelaa tällä hetkellä kotikoneella hienosti. KAikki linkit sisältöön generoituu automaattisesti sen mukaan jos hakemistoista löytyy sisältöä, eli käyt nakkaamassa mapilisen kamaa servulle ja vau, kaikki linkit päivittyi automaattisesti. Haluat poistaa aineistoa, käyt vaan nakkaamassa ko. aineiston mapin pois, ja taas kaikki on uptodate. Eikä ole kovin paha tehdä edes. Kovasti pitää kyllä lukea nettisaitteja ellei osta kirjoja kaupasta.

[MacFinn]

tässä pari linkkiä:

http://www.softpress.com/en

Tuo Express voisi olla kelvollinen tuohon.

ja toinen voisi olla Rapid Weaver:
http://www.versiontracker.com/dyn/moreinfo/macosx/21434

[Rewes]

Näistä "ammattilaissoftista" mulla on molemmat - Dreamweaver ja GoLive. Dreamweaveria käytän, koska olen siihen jo tottunut, se ei todellakaan ole mikään täydellinen ohjelma, bugittaa ja kaatuilee aina välillä (uusin versio). GoLive vaikuttaa ihan hyvältä, mutta ei vaan jaksa ruveta sitä opettelemaan. Ilmaisia ohjelmiakin on, kannattaa vierailla MacUpdatessa ja Versiontrackerissa. Teen siis sivuja Dreamweaver ja Photoshop yhdistelmällä noin "virallisesti". Omien sivujen kohdalla halusin päästä todella helpolla, joten ostin .Mac-palvelun ja teen sivut sillä. Homma ei paljon helpommaksi voi tästä mennä! Varsinkin kuvia varten se on ihan loistava.

[Mikael K.]

Täällä on ollut päivän mittaan tungosta! Yritän vastata kaikille kerralla, joten pitäkää tukeva ote lattiasta. Katsoin noita softia ja minusta NVU näytti tähän tapaukseen sopivimmalta. Sivujen päivitys on täysin free-juttu, joten joudun tekemään sen omalla ajallani. En halua tästä syystä maksaa ohjelmasta. En voi sitä laskuttaa myöskään muualta. Toisaalta helppokäyttöisyys on hyväksi. Olen joskus opiskelumielessä käyttänyt jotakin ohjelmaa. En muista nimeä, mutta se oli joku Win$$-versio. Sillä sai tehtyä sivut kohtalaisen helposti.

Suurin ongelma - opettelun lisäksi - on vanhojen materiaalien löytäminen ja niiden pujottaminen uuteen helminauhaan. Kaiketi vanhat sivut pitää heittää roskiin, kun uudet saa toimiviksi... Toivottavasti onnistun tässä. En ole pahoillani neuvoista tai avusta, jos joku haluaa auttaa, mutta raha ei tässä bisneksessä liiku (ilmainen opiskelijabudjetti).

Tähän mennessä neuvoista on ollut paljon apua, joten kiitos niistä.

[Jamac]

Sitten on muuten tuo HyperEdit mikä näyttää koodin reaaliaikaisesti kun sitä editoi, myös javascriptin ja PHP:n.

[Mikael K.]

Viimeisen viestin jälkeen opittua: Päivitin aluksi vanhoja sivuja, mutta päätin tehdä lauantaina kaiken uusiksi. Nvu:lla työ sujuu ihan mallikkaasti. Sillä on helppo tehdä sivuja jopa tällaisen harrastelijan. Joka päivä löytyy uusia juttuja, joista en ole tiennyt. Hyvä kaiketi niin. Olen siirtänyt kuvat koneelleni ja käsitellyt niitä aluksi Fotarin Elementsillä ja toiset kuvat olen tehnyt itse Gimpillä. Osa kuvista on vanhaa materiaalia, mitä olen hieman säätänyt Gimpillä mukavamman näköisiksi - pyöristänyt reunoja ja tehnyt varjon kuvaan. Tein sillä samoin painonapit. Nämä materiaalit olen käsitellytt Nvu:n avulla sivuiksi. Välissä olen ujuttanut tietojen päivityksiä Cyber Duckilla vanhoille sivuille. Tekemäni sivut toimivat, yllättävää kyllä, kehyksien sisällä.

Suurin ongelma ovat kaiketi alunperin Wordilla tehdyt sivut. Niiden koodi on kuulemani mukaan jotakin kelvottoman ja ääneen lausumattoman välillä. Olen tapellut muutaman kerran sivujen koossa pysymisen kanssa. Uuden materiaalin vieminen vanhoille sivuille, jotka ovat tehty täysin eri tekniikalla, kuin millä itse teen aiheuttaa ongelmia.

Alkuperäisistä sivuista puuttuvat kuvat väärien linkkien vuoksi mutta sain ne tekemissäni näkyviin. IE Windozella näyttää puoliksi käsitellyissä sivuissa seassa ties mitä merkkejä. Tämän seurauksena olen kursinut uppoavaa laivaa kasaan ja päätynyt polttamaan vanhat sivut. Teen kaiken materiaalin uudestaan mikä on näemmä iso työ. Minulla on nyt seitsemän pääsivua valmiina ja linkkisivut uupuvat vielä.

Saatuani koko operaation lähiviikkoina kasaan ja linkitykset toimimaan oikein niin räjäytän vanhat sivut ilmaan ja laitan tänne linkin, että näette mitä diletantti saa aikaan tietämättä sivujen tekemisestä lähiaikoina opittua enempää.

Ugh! Olen puhunut.

[Pastori]

Tekee sivujansa millä tahansä härpäkkkeellä. Kannattaa muista testata sivuja eri selaimilla probleemien selvittämiseksi. Itse testaan mäkillä firefoxilla ja safarilla, puuseella opera, explorerilla ja firefoxilla.

Helpottaa jälkikäteen kun tarkastaa ennen julkaisua.

[Mikael K.]

Hyvä huomio! Testaan kotona Caminolla, Firfoxilla, Mozillalla ja Safarilla (OS X). Töissä (NT) IE:llä ja Mozillalla. IE on se ongelmatapaus. Jos koodi toimii kaikilla muilla niin IE saattaa ryttyillä. Yleensä sivulla näkyy koodinpätkiä sikin sokin. Tämä siinä tapauksessa, että vanhaa koodia ronkkii. Jos kaiken tekee uusiksi niin se toimii. Nvu näyttää tässä suhteessa olevan toimiva ohjelma. En ymmärrä koodaamisesta oikeastaan mitään, joten turvaudun kyseiseen ohjelmaan. Visuaalinen puoli taas ei tarvitse mitään koodin ymmärtämistä.

[Jamac]

Mä testaan neljän Windowssin avulla jotka on asennettu iEmulatoriin, sillä pääsee jo aika hyvään saturaatioon: ns4, ns6, ns 7, ie4, ie5, ie5.5, ie6, op6, op 7, ja mitäköhän niitä tuolla on. Ei oo vanhoilla selaimilla helppoa, yhden korjaa niin toiseen selaimeen tulee vika. Uusissa ie6 ottaa hanakasti vastaan. Onneks sitä voi puukottaa CSS:ssä kun se raasu ei osaa child selectoria

[Pastori]

Kaikilla selaimillahan sivustojen ei tartte näyttää samalta, riittänee kun sisältö on saavutettavissa.
Esim. 90-95%:n osumatarkkuudella voidaan eksoottisimmat käyttis/selain kombinaatiot sulkea pois.
Kenellekään ei ole taloudellisesti järkevää viilata sivustoja täysin identtiseksi joka selaimella.
Tämähän johtuu tietysti siitä etteivät kaikki selaimet ymmärrä standardien mukaisia sivuja, muutenhan homma olisi helppoa kuin heinänteko.

[Rahina]

Ja yksi ratkaisu on rakentaa PHP:lla tai Javascriptillä skriptinpätkä joka nuuskii mikä selain on kyseessä ja valitsee css:n sen mukaan. Ratkaisu (piti turvautua Javascriptiin kun serveri ei tukenut PHP:ta) jota käytin kun en jaksanut pelleillä IE:n osaamattomuuden kanssa.

[Mikael K.]

Miten tuo tapahtuu? En ymmärrä html:stä muuta kuin sen, että osaan tsekata menevätkö viittaukset oikeisiin osoitteisiin.

[Rahina]

Kirjoita headeriin minne tulee normaalistikin CSS:t ja METAt jne

Koodi: Valitse kaikki

<script language="JavaScript" type="text/javascript">
<!--
bname = navigator.appName:
if ((navigator.userAgent.indexOf("MSIE")>-1 && (bName!="Other")) {
document.write('<link rel="stylesheet" href="leiska.css" type="text/css" />');
}
else if (bName =="MSIE") {
document.write('<link rel="stylesheet" href="muu-leiska.css" type="text/css" />');
}
//-->
</script>

tuossa siis selaimille on "leiska.css" ja IE:lle "muu-leiska.css" kannattanee nimetä siten miten ne on itselle selkeitä.

[Mikael K.]

Kiitos ja hyvä juttu! Täytyy kokeilla, kun saan käsiini taas Win$$ -koneen. Siirtynee pääsiäisen yli. Lomailen siihen asti. Sivut ovat periaatteessa muuten valmiit, mutta kokeilu on vielä kesken. Laitan linkin tänne, kun saan sivut toimintakuntoon.

[Jamac]

Täs on saitti minkä sain hiljattain valmiiksi* ja jota päivitetään em. InDy-tekniikalla. Yhteenkään linkkiin ei tarvi koskea, vaan päivittyvät automaattisesti. (erityisen ylpeä olen kirjakahvilan sisällyslinkeistä) Kuvat tulee kanssa automatic InDystä photoshopin koskematta, samaten boldit ja italicit. Kirjakahvilan ostakirja-akateemisesta -linkki generoidaan kanssa suoraan xml:ssä olevan isbn-numeron avulla.

* betavalmiiksi

[Mikael K.]

Nyt projekti on edennyt siihen asti, että sain sivut nettiin. Tässä linkki:

http://cc.joensuu.fi/~fides/

Tein sivut Nvu:lla ja kuvat käsittelin Gimpillä. Koodi on siis Nvu:n omaa. Jos se käyttäytyy hassusti niin neuvokaa mitä pitää tehdä.

Kokeilin sivuja Macissa Caminolla, Firefoxilla, Mozillalla, Operalla ja Safarilla. Win-koneessa Firefoxilla, IE:llä ja Mozillalla. Jos toimii teillä niin olen tyytyväinen.

[Josku]

Täs on saitti minkä sain hiljattain valmiiksi*

Hienoa työtä. Onko ystävälliset osoitteet jo työn alla?

[Mikael K.]

Kiitos palautteesta. Ystävälliset osoitteet antoivat pohdittavaa. Täytyy käydä teksti ja tekemäni sivut tuolla silmällä läpi.

[Jamac]

Hienoa työtä. Onko ystävälliset osoitteet jo työn alla?

Hmm.. pitää tutkia asiaa, kaiken näköistä tossa on vielä tekemättä. Kun tuo weppi ei varsinaisesti ole mun osaamisaluetta niin on hiukan hidasta. Pitää opetella kaikki samaan aikaan kun tekee..

[Mikael K.]

Bläääh... Silmä kädessä! Sorry! Kaikkea sitä tule luettua väärin. Sorry!

[eskofot]

Olen hassun ongelman edessä neuvoton: Sain tehtäväkseni kotisivujen päivittämisen ja olen aiheesta kauhuissani. !

Kannattaa kyllä kokeilla ensin Sippun neuvomaa Contribute 3:sta – siitä saa ilmaisen demon Macromedian sivuilta. Kerrassaan oiva softa. Helpoin tuntemani tapa tuottaa tietoa nettiin.

PS. Wordistä peräisin olevan hötömölön kanssa en ole testannut, Vesku saattaa olla oikeassa että toimii huonosti siinä tapauksessa, mutta toisaalta, mikä kapula nyt hyvin toimisi Vöördin epästandardin web-exportoinnin kanssa.