Nettisivujen koodausapua..? Aloittelijalle!

[Hatopii]

Moro!

Teen tässä perus simppeleitä nettisivuja ja olis kiva saada etusivulle tollanen http://www.scandinavianoutdoorstore.com/, jolla vois rullata tuotteita/kuvia joita napsauttamalla pääsee tuotteen lähempään tarkasteluun. Mikä avuksi? Toimiiko PDF->html conventteri tollasen bannerin tekoon?

Ohjelmana toistaiseksi on iWeb, (josta haluaisin päästä eroon ASAP) mutta tällä hetkellä ei ole budjettia kalliimpaan ohjelmistoon. Koodaustaitojakaan ei juuri ole.

Ulkoistettu palvelukin on poissuljettu hintansa vuoksi.
Editoriohjelmaan olis max. 200e budjetti!

Jos ohjelmisto vaihtuisi, voiko iWebillä suunnitellut sivut siirtää helposti johonkin tiettyyn editoriin...

Olen hyvin aloitteleva koodaajaturisti!!! 8)

Kiitokset!

[Raikka]

Moro!

Teen tässä perus simppeleitä nettisivuja ja olis kiva saada etusivulle tollanen http://www.scandinavianoutdoorstore.com/, jolla vois rullata tuotteita/kuvia joita napsauttamalla pääsee tuotteen lähempään tarkasteluun. Mikä avuksi? Toimiiko PDF->html conventteri tollasen bannerin tekoon?

Ohjelmana toistaiseksi on iWeb, (josta haluaisin päästä eroon ASAP) mutta tällä hetkellä ei ole budjettia kalliimpaan ohjelmistoon. Koodaustaitojakaan ei juuri ole.

Ulkoistettu palvelukin on poissuljettu hintansa vuoksi.
Editoriohjelmaan olis max. 200e budjetti!

Jos ohjelmisto vaihtuisi, voiko iWebillä suunnitellut sivut siirtää helposti johonkin tiettyyn editoriin...

Olen hyvin aloitteleva koodaajaturisti!!! 8)

Kiitokset!

1: Linkkisi sivusto on toteutettu jollakin kauppapaikkasoftalla, joita tarjoavat aika monetkin tahot, jopa useat nettioperaattorit, kuten Nebula.
2: Se banneri taas on toteutettu Adoben Flash-ohjelmalla, joten peruskoodailu ei riitä, vaan tarvitset joko tuollaisen luontiin Adoben Flash-ohjelman, tai opettelet HTML5-koodauksen hyvin.
3: Edukkaita iWebin tapaisia sivuntekosoftia on Hompussakin listailtu useita, hinnat pyörivät alle satasesta alle 200 egeen, riippuen softaversion ominaisuuksista. Koitapa hieman hakukonetta käyttää avuksi.
4. Täysin ilmainen koodarin työkalu voisi olla Kompozer-ohjelma, joka on open-source kamaa ja josta taisi saada ihan suomennetunkin version käyttöön.
5: Yleensä jo julkaistun materiaalin avaamiseen tarvitset joko Adoben DreamWieverin tai jo mainitun Kompozerin ja silloinkin kannattaa varautua muokkailemaan sisältöä aika paljonkin. iWeb-tyyliset WYSIVYG-editorit eivät yleensä avaa jo julkaistua matskua, mutta voihan noissa poikkeuksiakin olla.

[MacFinn]

Tommosen vois ehkä tehdä tällä:
http://itunes.apple.com/fi/app/freeway- ... l=fi&mt=12

Hinta ei ole hirvittävä, 55 €. Ja jos ei riitä, sitten Freeway Pro.

edit. noita kuvien linkkejä tuotteen omalle sivulle tekee kyllä ihan iWebilläkin.

[ZZ]

Flux3 oli just yhdessä Mac softabundlessa. Voit saada sen lisenssin täältä halvalla, kun moni varmaan osti kyseisen bundlen Parallelsin takia.
http://www.theescapers.com/flux/

RapidWeaver on yksi suht yleinen wysiwyg-softa.
http://www.realmacsoftware.com/rapidweaver/overview/

Kaikki käyttäjät varmasti noita kehuu, mutta niissä ei voi muokata koodia (Fluxista en ole ihan varma). Jos oikeasti haluaa oppia www-koodausta ja syventää pykälittäin omaa osaamistaan, kannattaa valita sellainen työkalu, joka sallii myös koodin muokkaamisen. (Ei nyt aloiteta taistelua siitä pitääkö osata koodata vai riittääkö elementtien sijoittelu näytölle.) En tiedä onko DreamWeaverin lisäksi muita vastaavia ohjelmia ja se ainakin on budjettisi ulkopuolella.

Loppujen lopuksi yksinkertaisten sivujen käsin koodaaminen ei ole mitenkään erityisen vaikeaa, kunhan vaan pitää mielen avoimena, katselee esimerkkejä, käyttää templateja ja kokeilee juttuja. Loppupelissä koodin alkeellisestakin osaamisesta voi olla suuri apu, jos joskus tarvitsee korjata vaikka pikku kirjoitusvirheitä tekstistä ja sen voi tehdä suoraan palvelimella esim. cPanelin kautta eikä tarvitse ottaa sitä omaa konetta käteen ja avata RapidWeaverin projektitiedostoa tms.

Ainahan voit tehdä perussivun valmiiksi jollain wysiwyg-editorilla ja kopioida siitä ohjelmasta lähdekoodin muokattavaksi. Siitä sitten käsin koodaamaan lisäjuttuja sivulle. Tuo on ainakin hyvä keino oppia koodia – kunhan ohjelma vain generoi validia koodia.

[tsehov]

Kaikki käyttäjät varmasti noita kehuu, mutta niissä ei voi muokata koodia (Fluxista en ole ihan varma).

Fluxissa onnistuu toki koodinkin näpläily niin haluttaessa. Muutenkin erinomaisen tuntuinen ohjelma.

[MacFinn]

Jos menet esim. Rapidweaverin koodia sorkkimaan suoraan palvelimella, joudut ennen pitkää ongelmiin, koska se koodi siellä palvelimella poikkeaa siitä mitä on koneella. Aika pilkunviilaaja luonne saa olla, jos muistaa lisätä sinne Rapidweaverin työtiedostoon ne palvelimelle tekemänsä muutokset, kaikki ja aina. Seurauksena on herkästi, että linkit katkeaa, grafiikat on missä sattuu jne.

[ZZ]

Jos menet esim. Rapidweaverin koodia sorkkimaan suoraan palvelimella, joudut ennen pitkää ongelmiin, koska se koodi siellä palvelimella poikkeaa siitä mitä on koneella. Aika pilkunviilaaja luonne saa olla, jos muistaa lisätä sinne Rapidweaverin työtiedostoon ne palvelimelle tekemänsä muutokset, kaikki ja aina. Seurauksena on herkästi, että linkit katkeaa, grafiikat on missä sattuu jne.

Joo. Pitikin sanomani, ettei sitä koodia (tai mitään tekstiä) kannata muuttaa muualla kuin ohjelmassa, jos käyttää ohjelmaa, joka ei salli koodin muuttamista. Onko Freeway samanlainen? RapidWeaver on alkuun varmaan monelle käyttäjälle todella kiva, mutta ilo loppuu lyhyeen, kun joku tägi jää ilmeisesti bugien vuoksi päälle eikä sitten onnistukaan lennosta vaihto esim. otsikkotägistä kappaletägiin.

Hyvä, jos Fluxissa onnistuu myös koodin muuttaminen. Ajattelin kokeilla tuota ohjelmaa, mutta ehkä kuitenkin pitäisi ostaa joku oikea tekstieditori. En edes muista milloin olen viimeksi katsonut saati tarvinnut DreamWeaverin esikatselunäkymää. Koodipuolella tulee kaikki tehtyä, vaikken mitenkään erityisen hyvä koodaaja olekaan. Jos tekee vähänkin enempi serveripuolen koodia, ei noista esikatseluista ole juuri apua. Vielä pari CS-sukupolvea sitten DW näytti vain php-kuvakkeen eikä mitään sisältöä, jos käytti jotain include-tiedostoa tai echo-koodia. Selainikkuna(t) pitää kuitenkin olla koko ajan auki, jotta voi tarkastella css-tyylien vaikutuksia ja yleistä toimivuutta.

[richidi]

Moro!

Teen tässä perus simppeleitä nettisivuja ja olis kiva saada etusivulle tollanen http://www.scandinavianoutdoorstore.com/, jolla vois rullata tuotteita/kuvia joita napsauttamalla pääsee tuotteen lähempään tarkasteluun. Mikä avuksi? Toimiiko PDF->html conventteri tollasen bannerin tekoon?

Ohjelmana toistaiseksi on iWeb, (josta haluaisin päästä eroon ASAP) mutta tällä hetkellä ei ole budjettia kalliimpaan ohjelmistoon. Koodaustaitojakaan ei juuri ole.

Ulkoistettu palvelukin on poissuljettu hintansa vuoksi.
Editoriohjelmaan olis max. 200e budjetti!

Jos ohjelmisto vaihtuisi, voiko iWebillä suunnitellut sivut siirtää helposti johonkin tiettyyn editoriin...

Olen hyvin aloitteleva koodaajaturisti!!! 8)

Kiitokset!

2: Se banneri taas on toteutettu Adoben Flash-ohjelmalla, joten peruskoodailu ei riitä, vaan tarvitset joko tuollaisen luontiin Adoben Flash-ohjelman, tai opettelet HTML5-koodauksen hyvin.

Pakko tarttua tähän, ettei lähdetä vääriä asioita opettelemaan. Flashia tuo ei ole nähnytkään, ja html5:sta tuohon ei tarvita.

Tuollainen ei ole kovin vaikea tehdä, ainakaan jos sisältö on staattista: http://bxslider.com/

[Raikka]

Moro!

Teen tässä perus simppeleitä nettisivuja ja olis kiva saada etusivulle tollanen http://www.scandinavianoutdoorstore.com/, jolla vois rullata tuotteita/kuvia joita napsauttamalla pääsee tuotteen lähempään tarkasteluun. Mikä avuksi? Toimiiko PDF->html conventteri tollasen bannerin tekoon?

Ohjelmana toistaiseksi on iWeb, (josta haluaisin päästä eroon ASAP) mutta tällä hetkellä ei ole budjettia kalliimpaan ohjelmistoon. Koodaustaitojakaan ei juuri ole.

Ulkoistettu palvelukin on poissuljettu hintansa vuoksi.
Editoriohjelmaan olis max. 200e budjetti!

Jos ohjelmisto vaihtuisi, voiko iWebillä suunnitellut sivut siirtää helposti johonkin tiettyyn editoriin...

Olen hyvin aloitteleva koodaajaturisti!!! 8)

Kiitokset!

2: Se banneri taas on toteutettu Adoben Flash-ohjelmalla, joten peruskoodailu ei riitä, vaan tarvitset joko tuollaisen luontiin Adoben Flash-ohjelman, tai opettelet HTML5-koodauksen hyvin.

Pakko tarttua tähän, ettei lähdetä vääriä asioita opettelemaan. Flashia tuo ei ole nähnytkään, ja html5:sta tuohon ei tarvita.

Tuollainen ei ole kovin vaikea tehdä, ainakaan jos sisältö on staattista: http://bxslider.com/

Hyvä, että tietävämmät lukee ja korjaa, itse vain kurkkasin ja ajattelin, että flashillahan tuo... teidämpä nyt minäkin paremmin.

[Hatopii]

Mahtavia vinkkejä, kiitos!

Mites tossa Fluxissa saa skandit toimimaan? utf-8 lukee kyllä tuolla koodissa, mutta nettihotelli.fi:hin siirrettäessä vaihtuu aika radikaalisti toi ulkomuoto hepreaksi!

Kiitosta taas!

-H

[Juhani L]

Mites tossa Fluxissa saa skandit toimimaan? utf-8 lukee kyllä tuolla koodissa, mutta nettihotelli.fi:hin siirrettäessä vaihtuu aika radikaalisti toi ulkomuoto hepreaksi!

Mitä sivujen html-headereissa mahtaa olla julistettu? Jos tekstisisältö on tehty oikeasti UTF-8:lla mutta sivujen headereissa on jotain mutta, kaikkea voi sattua. Onkohan tekstisisältö varmasti UTF-8:aa?

[Hatopii]

Tollasta...
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="author" content="Flux User" >
<meta name="description" content="My Website" >
<meta name="keywords" content="Flux, Mac" >
<link href="main.css" rel="stylesheet" type="text/css" flux:noimpliedchanges="1" >
<title>My Webpage</title>
</head>
<body style="left:4px; top:77px; " >