Olen tässä viimeisimmät neljä kuukautta pitänyt yllä kotisivuja koodaamalla, mutta kuten sivuilta näkyy, ne ovat ihan liian yksinkertaiset ja persoonattomat. Ainut kikkailu onnistuu vain taustaväriä muuttamalla, kun koulun palvelin (siis se, minne ne on tehty) ei suostu edes fonttia vaihtamaan.
Onko siis joku mahdollisuus tehdä niistä jotenkin omaperäisemmät? On mulla omakin kone, mutta se on aika hidas, eikä siinä varmaan edes olisi tarvittavia ohjelmia.
Mulla on aika hyvä idea siitä, millaiset niistä sivuista tulisi, jos vain voisin käyttää niitä netistä ladattavia fontteja ja saada taustaksi sellasen liukuvärjäystaustan. Googlen kuvatarjontakaan ei tunnu riittävän, joten voiko kuvia tehdä itse jollain ohjelmalla, kun oikeanlaista (saatika väristä) eläintä ei tunnu löytyvän. MuggleNet on ainakin tehty lähdekoodin mukaan HTML-koodauksella, ja siinä on aika hieno yleisasu. No ehkä hieman sekava vasemmasta laidasta, mutta muuten.
Kiitos niille jotka viitsivät lukea tämän ja jopa vastata.
Onko siis joku mahdollisuus tehdä niistä jotenkin omaperäisemmät? On mulla omakin kone, mutta se on aika hidas, eikä siinä varmaan edes olisi tarvittavia ohjelmia.
Mulla on aika hyvä idea siitä, millaiset niistä sivuista tulisi, jos vain voisin käyttää niitä netistä ladattavia fontteja ja saada taustaksi sellasen liukuvärjäystaustan. Googlen kuvatarjontakaan ei tunnu riittävän, joten voiko kuvia tehdä itse jollain ohjelmalla, kun oikeanlaista (saatika väristä) eläintä ei tunnu löytyvän. MuggleNet on ainakin tehty lähdekoodin mukaan HTML-koodauksella, ja siinä on aika hieno yleisasu. No ehkä hieman sekava vasemmasta laidasta, mutta muuten.
Kiitos niille jotka viitsivät lukea tämän ja jopa vastata.
Vastaukset 6
Vanhimmat
"mutta kuten sivuilta näkyy, ne ovat ihan liian yksinkertaiset ja persoonattomat"
Niin mistä se näkyy? Voisihan sitä vilkaista.
"Ainut kikkailu onnistuu vain taustaväriä muuttamalla, kun koulun palvelin (siis se, minne ne on tehty) ei suostu edes fonttia vaihtamaan."
Mistä päättelet että vika on koulun palvelimessa? Epäilenpä että vika on tyylitiedostossasi ja perusajatuksessa. Et saa tavallisia selaimia näyttämään hyppelispyppelisfontteja sivuillasi ihan helpolla.
Sun pitää tehdä esim. otsikoista kuvia, jos haluat niistä erikoiset. Et voi määritellä niitä tyylitiedostossa hokkuspokkusfontiksi.
Fonttejahan on netti pullollaan, katsoppa vaikka tuolta:
http://www.dafont.com/en/
http://www.1001freefonts.com/
http://www.larabiefonts.com/
"joten voiko kuvia tehdä itse jollain ohjelmalla, kun oikeanlaista (saatika väristä) eläintä ei tunnu löytyvän."
Kyllä voi. Nämähän näitä yleisimpiä:
http://www.adobe.com/products/photoshop/main.html
http://www.jasc.com/en/products/paintshoppro/
Sitten arvaat itse loput, miten tuollaisen tavallinen pulliainen saa.
"MuggleNet on ainakin tehty lähdekoodin mukaan HTML-koodauksella, ja siinä on aika hieno yleisasu."
Joo, mutta vähänkö oli tuhti ladattavaksi. Tuon tyyppisellä sivustolla pitäisi vähän optimoida kuvien kokoa. Eli mitä enemmän kuvia, sitä enemmän pitää kiinnittää huomiota latautumisnopeuteen.
No jos nyt on aivan pakko. Muistuttaisin, että kyseessä on todellakin se ihan ensimmäinen yritys tehdä minkänlaisia sivuja (ja se näkyy). http://www.uwasa.fi/~m85270 on se sivu (sivuhuomautuksena, aivan perseestä).
DaFontista olen ottanut jokusen fontin, mutta sain ne ihan käyttöön asti vain omalla koneella.
Ja en minä nyt ihan niin paljon kuvia sinne ajatellut ympätä, kunhan nyt saisi sivun ylälaitaan sellaisen yhteneväisen ilmeen, että tietää olevansa edelleen samalla sivulla. Samoin kuin alalaitaankin.
"DaFontista olen ottanut jokusen fontin, mutta sain ne ihan käyttöön asti vain omalla koneella."
Nii-in, juurihan sanoin. Millä sinä noita sivuja oikein värkkäät? En näe lähdekoodissa minkäänlaisia tyylimäärityksiä fonteille? Ei se auta kotikoneella kikkailla fontteja, jos tyylimäärityksiä ei välitetä käyttäjille asti.
Yleensäkin kannattaa käyttää sellaisia fonttiperheitä ja fontteja, jotka selaimet tunnistavat mennen tullen. Eli jos haluat käyttää jossain kohdassa kummafontteja, tee siitä pienestä tekstipätkästä vaikkapa kuva.
Kannattaa opetella CSS-tyylilomakkeiden käyttö. Sillä voit hyvin yksinkertaisesti säätää sivujesi ulkoasua.
CSS-perusteet vaikkapa täältä, hae Googlella lisää:
http://appro.mit.jyu.fi/2004/syksy/www/luennot/luento3/
Ideana on se, että kotisivullesi linkitetään erillinen tyylitiedosto, jonka selain noutaa, ja määrittelee ulkoasun sen mukaan. CSS-tiedostoja voit helposti muokata vaikkapa TopStyle Litellä:
http://www.bradsoft.com/download/index.asp
Kunhan tyylit ovat jotenkuten hallussa, vaihda kiireesti sivustosi väritys vähän luettavampaan muotoon. Jokatapauksessa, hommasta ei tule mitään, ellet määrittele niitä tyylejä joko suoraan tuohon HTML-fiiluun tai erilliseen tyylitiedostoon. Suosittelen jälkimmäistä.
ainakin yksi vika löytyi heti:
kohdassa riittää kun teet:
Yrittäkää kestää typerät kysymykset...
Mutta siis millä niitä kuvia saa tehtyä? Kaipaisin jotain ilmaista. Voiko niitä kuvia tehdä Painter 7:lla, ja sitten laittaa sinne sivuille? Mutta pitääkö siinäkin olla sitten erikseen joku oma ohjelmansa, että saa ne siirrettyä nettiin asti?
"Mutta siis millä niitä kuvia saa tehtyä?"
Kuvia voi tehdä Painterillakin, joskin se on vähän koukeroinen muistaakseni.
Voit tehdä kuvia lähes millä tahansa kuvankäsittelyohjelmalla, vaikka Paintilla. Paintshop Prostahan saat Trial-version siitä mainitusta linkistä, sillä ehdit kyllä raapustelemaan kuvia. Tallenna kuvat jpeg- tai gif-muodossa mielellään.
"Mutta pitääkö siinäkin olla sitten erikseen joku oma ohjelmansa, että saa ne siirrettyä nettiin asti?"
Siirrät kuvat sille samalle palvelimelle, sillä samalla ohjelmalla kuin nuo html-sivusikin. Nythän olet vain antanut viittauksia toisilla palvelimilla sijaitseviin kuviin.
Idea on se, että kuvat löytyvät sieltä samasta urlista kuin ne kotisivusikin, tai sen alikansiosta. Eli tyyliin http://www.uwasa.fi/~m85270/kuvat/kuva1.jpeg