Kotisivujen teko

[Tuomas Kuukasjärvi 2]

Moi!

 

Tulipa mieleen että vois tehä kotisivut, mutta olisko missään sellaista ohjelmaa jolla olisi HELPPO tehdä noita sivuja? Olisin kiitollinen tiedoista!

 

TuoMas

[Ilkka Portti 87]

Microsoftin Frontpagella vain naputtelemaan. Itse käytin alkuaikoina sellaista kuin EasyHTML. Sen avulla kyllä oppi HTML-kielen alkeet enemmän kuin hyvin. Kyseinen ohjelma on suomalaista tekoa.

[Guest Wingman]

Kyllä se on Photoshop / Image Ready

 

 

 

[ attachment removed ]

 

[Sami Virkkula 0]

Kyllä se on Photoshop / Image Ready

 

 

Täytyy olla aika paljon ylimääräistä rahaa jos ostaa 1000euron photoshopin kotisivujen teko-ohjelmaksi.  tai sitten käyttelee p2p ohjelmia väärin.

 

Notepad siinä on sitä jotain.  Kannattaa muuten kättelyssä opetella php-kieli kun myöhemmin kuitenkin haluat tietokantoja mukaan ja muutenkin erittäin pätevä.

 

Edit:

http://www.ohjelmointiputka.net/

http://mureakuha.com/

[Guest Jukkis]

Notepad siinä on sitä jotain. 

Notepad rules .

[Guest Wingman]

Täytyy olla aika paljon ylimääräistä rahaa jos ostaa 1000euron photoshopin kotisivujen teko-ohjelmaksi.  tai sitten käyttelee p2p ohjelmia väärin.

 

- Sinullapa näyttää olevan monta vaihtoehtoa, peräti 2. Adoben softia voi myös käyttää monissa kouluissa, kursseilla,

  opistoissa, tai ystävien omistamina lisensseinä. Niistä saa yleensä myös kokeiluversiot freenä käyttöön, joilla hanska saa

  vähän paljon aikaan

 

- Vanhempien versioiden hinnat ovat eri luokkaa, rahakysymys taas on yksilöllistä.

 

- Uusimmat softat perustuvat yleensä automatiikkaan, joten koko html:ää ei tarvitse opetella alusta, vaan todella

  lämistellä koto sivuja.

 

- Notepad on hyvä apu, mutta verrattavissa alan softiin, kuin helmitaulu ja laskukone.

 

- Eniway, jos tarpeena on vain tehdä jonkinlainen toimiva sivusto, niin edullisinta se on teettää vaikka harjoitustyönä

  koulussa, tai ystävien kanssa ja ehkä sitten html tutoriaalien + notepadin, tai win free softien kera.. Huu nous, ain`t  tell.

[Juha Kalli 24]

Notepad siinä on sitä jotain.  Kannattaa muuten kättelyssä opetella php-kieli kun myöhemmin kuitenkin haluat tietokantoja mukaan ja muutenkin erittäin pätevä.

 

 

Aivan..tosimies tekee kotisivut yksinkertaisesti muistiolla vain.

[Guest Otto-Ville]

Opettele nämä näin alkuun

http://www.cs.tut.fi/~jkorpela/webjulk/

http://www.jorkki.com/artikkelit/php.php

http://mureakuha.com/artikkelit/4

[Guest Wingman]

Aivan..tosimies tekee kotisivut yksinkertaisesti muistiolla vain

 

- Niinpä niin, netti on pullollaan yksinkertaisesti tehtyjä sivustoja, mutta eikö miesten mies aja kuitenkin automaatilla ?

  hä hä  hä  . No täytyy kyllä myöntää käyttäneensä vähän pirusti Notskua eri hommiin, myös edelleen, joten helmitaululla

  on edelleen suuri keskeinen virkansa. Täytyy kuitenkin muistaa toinen puoli asiasta, että myöskään Notepadilla näpelöiden

  ei tokikaan Kotisivujen luonti ole ilman opiskelua, niin itsestään selvää ja iisiä, niinkuin guruille jotka duunailevat sillä joka  toista hommaansa, vaikka silmät kiinni.

 

- Mutta itse kysymykseen, eli mikä olisi hyvä kotisivun teko softa ?, kallistuisin halvispuolella Frontpagen puolelle, koska se sisältää ( ainakin uusimmat versiot ), paljon valmiita malleja Wordin tapaan, sekä ainakin vanhempiin versioihin löytyy kirjastoista ja aikuiskoulutuskeskuksista kotimaiset käyttöohjeet, sivujen tekemiseen, sekä perus Html koodin hakkaamiseen. Valmismalleilla yksilöllisyys ei tietenkään ole aina taattua ja se lisää nettikatskin korkeutta, mutta se taas on toinen pointti, joka liittyy taas ehkä itsekritiikkiin.

[Esa Lehtismäki 0]

Hölmö mies tekee sivut Notepadilla. Fiksu käyttää apuna WYSIWYG-editoria, ja tekee raakaan koodiin vain sen mikä täytyy. Tietysti se on hyvä osata HTML:ää, mutta kuka hullu koko ojaakaan kaivaa lapiolla

 

FrontPagen lisäksi Dreamweaver on suosittu. Ilmaistakin softaa löytynee nykyään aika mukavasti. En ole pitkään aikaan tutkinut tilannetta, kun työn puolesta on maksullista softaa käytössä, mutta tuosta päässee alkuun.

[Guest Jukkis]

mutta kuka hullu koko ojaakaan kaivaa lapiolla

 

Siinä kunto kasvaa.

[Mikko J Köykkä 0]

Itse aloittelin luomalla Frontpagella alustavan hahmotelman. Seuraavaksi viimeistely raa'asti muistiolla ja ulkoasu CSS:llä.  Tosin taitojen karttuessa huomaa monta asiaa joka meni alun amatöriydessä turhan hankalasti, kun CSS:llä saisi helpommin. Enää ei viitsi miljoonaan sivuun korjata... Muuttumattomat asiat, eli sivu/yläpalkki onkin sitten helppo kopioida joka sivulle ja lisäillä sitten sivulle kuuluva "asia" perään.

  Kiinnitä etukäteen huomiota kansiohienarkkiaan minkä luot sivuja tehdessäsi. Itse en sitä ajatellut ja nyt kaikki on tyylikkäästi sekaisin. Jos olet tekemässä sivut pelkästään yhdellä kielellä, varaudu siihen että myöhemmin voi tulla toinen kieli lisää. Mokasin tässäkin.

Jos aloittaisin nettisivujen teon alusta loisin seuraavan kansiohienarkkian, jossa navigointi ja muut kuvat pidetään erillään, kuin myös kielet.

 

Täällä sivuja jotka ovat auttaneet minua matkan varrella, alalaidassa.

 

EDIT: Tee CSS:llä kaikki mikä ikinä on mahdollista, se helpottaa paljon!

 

 

 

 

 

[Antti Tuomela 2]

niiin taitaapa tänäpäivänä jo monet kotisivutilaa tarjoavat palvelimet sallia frontpage lisien käyttö, aikoinaan kun opettelin itse sivuja vääntämään ei tuollaisia ominaisuuksia päässyt juuri missään vielä käyttämään.

 

1 vote for notepad 

 

Frontpage kyl tuntuu tosiaan alkuun ihan ok ohjelma olevan, muutamat tutut sillä aloittaneet. EasyHTML myös suosituksia saanut. HTML-kielen hallinta tietysti hyväksi ois, mutta eipä enää mitenkään pakollista. Tekeehän word myös sivuista html-käännöksen. Tosin tässä päästään sitten siihen turhan koodin määrään, mikä noissa mikkisoftan tuotteissa on aika suuri.

[Kari Kyheröinen 0]

Moi! Tulipa mieleen että vois tehä kotisivut, mutta olisko missään sellaista ohjelmaa jolla olisi HELPPO tehdä noita sivuja? Olisin kiitollinen tiedoista! TuoMas

 

Asiaahan on puitu täällä aiemminkin - Omat kotisivut.

[Esa Lehtismäki 0]

Tosin tässä päästään sitten siihen turhan koodin määrään, mikä noissa mikkisoftan tuotteissa on aika suuri.

 

FP tekee halutessa aika siistiä koodia. Wordin tekemä koodi kyllä on kauheaa lukea.

[Guest jupaju]

Hölmö mies tekee sivut Notepadilla. Fiksu käyttää apuna WYSIWYG-editoria, ja tekee raakaan koodiin vain sen mikä täytyy. Tietysti se on hyvä osata HTML:ää, mutta kuka hullu koko ojaakaan kaivaa lapiolla

 

Tuosta touhusta päivittäisen leipänsä tienaavana täytyy kyllä sanoa, että tuo pitää paikkansa jos ei välitä siitä, mitä käsistään laskee (kuten valitettavan usein näkee tapahtuvan, nimenomaan kaupallisellakin tasolla, "kotskasivut" ovat ihan oma lukunsa). Jos omaa riittävästi itsekritiikkiä tekemiensä duunien suhteen ja haluaa saada aikaan laadukasta jälkeä, useimmiten WYSIWYG-editorin jälkien siivoamiseen menneessä ajassa olisi kirjoittanut koko homman kahdesti käsin.

 

Tekstieditorit rox.

 

EDIT: Ja piti vielä sanomani, että mitä ammattimaisemmin duunia tehdään (käytetään serveripäässä sivutemplateja, eli erotetaan sisältö kunnolla esitysasusta jne), sen vähemmän siitä automaattieditorista on hyötyä kun käsitöitä joutuu joka tapauksessa tekemään oikein urakalla.

[Guest Otto-Ville]

Mitä järkeä/hyötyä on wysiwyg-editorin käytöstä.

Siinähän ei opi itse html:lstä yhtään mitään ja se tekee kauhean näköistä sontaa koodista.

Eikä notepadilla tekeminen edes ole "ojan kaivamista", (x)html on simppeli ja looginen kuvauskieli.

[Esa Lehtismäki 0]

Esimerkki: Teet tekstipalstaa, jonka leveys on taulukolla asetettu 800 pikseliin. Haluat joukkoon kaksi kuvituskuvaa, toisen vasemmalle, toisen oikealle asemoituna. Et halua HTML:n hengen vastaisesti liimata kaikkea paikoilleen sisäkkäisillä taulukoilla, vaan haluat sen tekstin joukkoon tyyliin:

<img border="0" src="/images/kuva.png" width="200" height="300" align="right" hspace="10" vspace="10">

 

Onko helpompi notepadilla kokeilla kuvatageja eri kohtaan tekstiä ja katsoa selaimessa, koska ne ovat sopivassa paikassa, vai WYSIVYG-editorilla vetää ne kohdalleen?

[Mikko J Köykkä 0]

Niinkuin ylläkin lukee tein sivun rungon (palkkien asettelun) ja kuvasivun tapauksessa myös kaksi ekaa kuvariviä Frontpagella. Siitä oli sitten helppo siivota koodi muistiolla ja kopioida rakenne aina tarvittaessa. Eli melkein Esan tyylillä... Muistiohohan on onnistunut pitämään pintansa sen takia ettei sopivaa ohjelmaa ole löytynyt, Acrophilia, vai mikä sen nimi olikaan, oli paras, mutta silti hävisi muistiolle silkassa käytettävyydessä. Paras olisi muistio, joka osaa värittää tagit ja näyttää esikatselukuvaa.

[Antti Tuomela 2]

Evrsoft 1st page 2000 tekee tuon että osaa värittää ja näyttää esikatselun, softa ainakin aiemiin oli freeware, siinä on 4 eri tasoa, siis easystä hardcoreen. Kaikissa on jonkin verran ylävalikossa nappulan takana olevia toimintoja, mutta pääasiassa tulee itsekin koodi naputeltua käsin.  Eli tämä ei ole frontpagen tapainen tee miltä sen haluat näyttävän editori vaan hiukan notepadia helppokäyttöisempi raakakoodieditori.

[Guest Otto-Ville]

Esimerkki: Teet tekstipalstaa, jonka leveys on taulukolla asetettu 800 pikseliin. Haluat joukkoon kaksi kuvituskuvaa, toisen vasemmalle, toisen oikealle asemoituna. Et halua HTML:n hengen vastaisesti liimata kaikkea paikoilleen sisäkkäisillä taulukoilla, vaan haluat sen tekstin joukkoon tyyliin:

<img border="0" src="/images/kuva.png" width="200" height="300" align="right" hspace="10" vspace="10">

 

Onko helpompi notepadilla kokeilla kuvatageja eri kohtaan tekstiä ja katsoa selaimessa, koska ne ovat sopivassa paikassa, vai WYSIVYG-editorilla vetää ne kohdalleen?

 

Tuohan on aivan väärä tapa tehdä asia ja juuri tuollaista sontaa wyiwyg-editorit yleensä tuottavatkin. CSS:llä kuvalle sääntö "float: right" niin kuva leijuu itsestään oikealla ja tarpeen vaatiessa säädetään sopivasti marginia.

Edit:

Ja jos html rakennetta tehdessä joutuu turvautumaan taulukkoihin niin se on omaa kädettömyyttä.

[Esa Lehtismäki 0]

Otto ei selvästi tiedä tästäkään mitään. Tuossahan ei ole mitään turhaa. Kuvan koko pitää aina ilmoittaa img-tagissa, jotta kuvalle varataan tila jo ennen kuin se latautuu, eikä teksti siksi hypi raivostuttavasti kuvien auetessa. hspace ja vspace varaavat kuvan ympärille sopivasti tilaa, ettei se ole tekstissä kiinni. Se, että CSS:llä voidaan tehdä samoja asioita, ei muuta niitä itse asioita miksikään.

[Guest Otto-Ville]

Kuvan koko pitää aina ilmoittaa img-tagissa,

 

En ole kuullutkaan tuollaisesta, miksi css ei kelpaa tähän?

 

hspace ja vspace varaavat kuvan ympärille sopivasti tilaa, ettei se ole tekstissä kiinni. Se, että CSS:llä voidaan tehdä samoja asioita, ei muuta niitä itse asioita miksikään.

 

W3C-järjestö suosittelee että kaikki ulkoasulliset seikat määriteltäisiin css:llä ja xhtml:llä tehtäisiin vain runko, en ole nähnyt vielä yhtään wyiwyg-editoria joka tekisi tämän oikein.

Ainahan voi tehdä sivut vanhalla html:llä ja sen löysillä säännöillä, mutta siinäs itket kun sivut eivät toimi mobiili, ja muilla vähänkään poikkeavilla alustoilla.

[Mikko J Köykkä 0]

En ole kuullutkaan tuollaisesta, miksi css ei kelpaa tähän?

 

Niinkuin Esa sanoi on hyvä tapa kertoa selaimelle etukäteen minkäkokoisia kuvat ovat, jotta teksti menee heti paikoilleen.

Kuvittele että lataat modeemilla sivua joka sisältää paljon kuvia ja tekstiä. Rupeat kuvia odotellessa lukemaan tekstiä, mutta teksti vaihtelee paikkaa kun kuvia tulee lisää. Ärsyttävää?

 

Antti, kertomasi ohjelma tuntui nopean kokeilun jälkeen hyvältä, kiitos linkistä.

[Sami Virkkula 0]

Rupeat kuvia odotellessa lukemaan tekstiä, mutta teksti vaihtelee paikkaa kun kuvia tulee lisää. Ärsyttävää?

 

Kokeilkaapa joskus modeemilla katsella tämän palstan ilmailukuvia. Ei taida olla ihan validia koodia