Elikkä, hiukan tarvitsisi nyt apua muutamaan kysymykseen. Olen tutkinut ainakin 3 kolme html-sivustoa(ainakin elkoo ja mbnetin muistan) mutta silti on jäänyt jotain ymmärtämättä ja päähän nousee vain sanat "emmä tajuu..." Apua siis seuraavin kaipaisin: 1.) Tyylitiedoston käyttö: Tiedän suunnilleen tuon tyylitiedoston käyttöidean ja mitä nuo div-tagit ovat. Mutta tyylitiedoston käyttö on vielä pikkasen epäselvää. Muistan lukeneeni että css tiedosto voi toimia valmiina sivupohjana, jolloin sitä muuttamalla ei tarvitse muuttaa jokaista sivua yksitellen. Mutta liitetäänkö tuo css joka sivun alkuun ennen tekstin ja kuvien lisäystä vai ”etsiikö” html kieli sen itse kansiosta? Kun olen katsellut sivujen lähdekoodeja näyttää siltä kuin se css (tai javasricpt) olisi aina liitettynä sivun alkuun. Entä jos tekee ulkoasun näin ja haluaa vaikka vaihdella tiettyä taustaväriä aina kun siirrytään uuteen sivuun (vaikka kuvagallerian ja pääsivun välillä)? Pitääkö tehdä joka värille/muunnellulle leiskalle oma tiedosta ja linkittää se, vai meneekö koko höskä sekaisin jos on monta eri css-tiedostoa linkattavana? Vai liitetäänkö se html-koodi jokaisen sivun alkuun ja vaihdetaan taustavärit käsin? 2.) Kuvien hostaus Imageshackissa tai Photobucketissa: Eli jos lataa kuvat jompaan kumpaan ja linkittää kuvan osoitteen kotisivulle lataamatta kuvaa palvelimelle, onko se silti pois kotisivutilasta? Ilmeisesti se kuitenkin säästää sitä paljon? Tämän käyttö on siis järkevää…? (yeah, olen älykäs kun kysyn tätä mutta eipä oo kokemusta...) 3.) Sivutila: Ymmärrän tuon siirtokaistan merkityksen, mutta nyt on häpeäkseni myönnettävä että en ole saanut selvyyttä siihen että mitä tuo sivutilan koko/tiedostokoko käytännössä tarkoittaa. Eli paljonko tilaa se oikeastaan on noin suomeksi sanottuna? Jos koko on vaikka 200 kb niin kuinka paljon tilaa se mahtais olla? Paljonko kuvia (sellasia ei jättisuuria, ymmärrän tehä kuvatiedostot mahdollisimman pieniksi että säästää tilaa) se mahtaisi sisältää? Ja entä tuo sivujen määrä, eli jos vaikka olis koira-aiheinen sivu mihin laittaa valikkoon koirat, koirarodut, spanieli-dalmatialinen-buldog-yms ja jokaiselle linkille avautuu oma tietosivu, niin vaikuttaako tuo ”sivujen määrä” sitten siihen kokoon myös? Vai vain sen sisältö (kuvat ja teksti)? Viekö teksti tilaa tai jos sivu on tosi pitkälle alas ulottuva (pitää vetää reunapalkkia) niin suureneeko sen koko? Olen ihan ulalla, sorry jos selittelen outoja… O_O 4.) Yksi piinaava kysymys vielä kaverin puolesta: Kaverini ihmettelee että miksi kahden eri tietokoneen näyttämä nettisivu näyttää ”suuremmalta” ja toisessa ”pienemmältä”. Käyttö järjestelmä on toisessa XP ja toisessa Windows 7 ja nettiselain sama Microsoft Windows tai Mozilla, koneen näyttö on sama mutta PC eri. En itse tiedä johtuuko se jostain resoluutioista vai mistä (jos joku osais kertoa miten resoluution voi selvittää koneesta kun se toinen on niin vanha että ohjekirja on hukkunut niin olis mukavaa) Ilmeisesti kyse olisi kuitenkin konekohtaisesta näytön asetuksista, vai? OK, nää oli vähä hassuja kysymyksiä ja sikapitkiä, mutta olen tosissani etsinyt enkä millään tunnu löytävän vastauksia tai en vain ymmärrä niitä. Kiitän ja kumarran jos joku voisi auttaa. Kiitos!
http://www.cs.uta.fi/ipoppla/www/ipoppla03/ka/tohje/tyylioh.htm Edit1: Alun höpötykset tossa linkissä on vanhentunutta, eli kaikki selaimet on tukenut jo pitkään tyylitiedostoja. Eli voit tehdä ihan miten haluat. Yleensä se kannattaa laittaa erilliseen tiedostoonsa, jolloin samaan tyylitiedostoon on helppo viitata monesta eri html tiedostosta. Voi olla monia eri tyylitiedostoja linkattuna. Itse käytän isoissa sivustoissa "common" tiedostoa, jossa on kaikille sivuille yhteiset tyylit ja sitten kaikki muu tyylittely on sitten omissa tiedostoissaan. Mutta siis saman tuloksen voit tehdä yhdelläkin tyylitiedostolla, jos html:ssä on esim <div id="galleria"> ja <div id="normisivu">. Sillon voit määritellä niiden taustan värin erilaiseksi css:ssä. Voisit tietty Javascriptilläkin katsoa mikä sivu on kyseessä ja vaihtaa väriä vaikka satunnaisesti. Eli siis lähes kaikki on mahdollista. Käsin? Wut? Säästää tilaa, mutta noi kuvat katoaa itsestään jos niitä ei katsele tarpeeksi usein. Ei siis kovin hyvä ratkaisu. Litra on litra suomeksikin. Eli siis katsele vaikka koneellasi olevia erilaisia tiedostoja (esim. tekstitiedostot ja kuvat) painamalla niitä hiiren oikealla ja katsomalla ominaisuuksista miten paljon ne vievät tilaa. Kaikki asiat vievät aina tilaa, oli se sitten kirjaimia, kuvaa, välilyönti, musiikkia, videota jne. Html ja css on ihan normaaleja tekstitiedostoja, eli vievät ihan samalla tavalla tilaakin. Tietokone ei koon puolesta välitä siitä onko siellä kirjoitettuna pätkiä Kalevalasta vai css tyylejä. Kuvat vie suhteessa huomattavasti enemmän tilaa kuin teksti. Voit ajatella vaikka että kuvan yksi yksittäinen piste vie saman kuin yksi kirjain tekstissä (vedin just hatusta enkä ole testannut miten lähelle tämä arvio osuu käytännössä, mut suuruusluokka varmaan melko kohdillaan). No toi on vähän kuin leipoessa 2cl, eli ei sillä paljoa tee. Ehkä jonkun pienen piparin. Yksi isompi kuva vie helposti tuon, vaikka se olisi pakattu. Tuollaiseen sivustoon missä on todennäköisesti kaikista roduista kuvia ym, niin tarvitset aika suuren määrän tilaa. 100MB:tä vois alkaa oikeasti riittämään, mutta ainahan voit aloittaa pienesti ja siirtää sivusi johonkin muualle tarvittaessa. Jokainen sivu on oma tiedostonsa (jos et ala käyttämään serveripuolen ohjelmointia tai ajaxia), eli kaikki vievät normaalin tekstitiedoston verran tilaa. Jos sivu on pitkä, eli scrollaa alaspäin, niin siellä on todennäköisesti jotain asiaa (esim. tekstiä) joka aiheuttaa sen scrollaamisen ja se asia vie tilaa. On tietty mahdollista tehdä tyhjäkin sivu joka scrollaa, mutta mitä järkeä siinä olisi? Vika voi johtua esim näytön tai selaimen asetuksista, mutta myöskin siitä ettei kaikki sivut näy samalla tavalla eri selaimissa. Siksi sivuja tehdessä olisi syytä kokeilla niitä eri selaimilla, että se näyttäisi kaikille käyttäjille samalta. Jos kaverillasi oleva ero on hyvinkin suuri, kannattaa katsoa onko selaimen asetuksissa säädetty fonttikoko normaalia suuremmaksi. Edit2: Ja muistathan ettet voi repiä niitä kuvia niistä eri koiraroduista muiden sivustoilta ilman lupaa. Edit3: typoja
Suuret kiitokset että jaksoit vastata minulle! Kyllähän tämä jo valaisia asiaa todella paljon. Kiitokset ^^ Käsin? Wut? LOL jooh, sorry, tää on tätä mun hoopoilua taas. Tarkotin tolla käsin vaihdolla sitä että sama css liitetään joka sivun alkuun ja sitten siihen vaihdetaan/korjataan oikea värikoodi tarpeen mukaan sen sijaan että luotaisiin "sama" tiedosto moneen kertaan, linkattaisiin ne ja jokaisessa olisi muuten sama rakenne mutta eri taustaväri. (Mahtoko tuo nyt kuulostaa enää järkevältä...? -_-') Säästää tilaa, mutta noi kuvat katoaa itsestään jos niitä ei katsele tarpeeksi usein. Ei siis kovin hyvä ratkaisu. Kuvat katoaa? O_O Siis silloin, jos ei kirjaudu tarpeeksi ahkeraan sinne tililleen/ole aktiivinen käyttäjä? Eihän ne sieltä kotisivuilta katoile muutoin kuin jos sun hostaustilisi ei ole toiminnassa? No toi on vähän kuin leipoessa 2cl, eli ei sillä paljoa tee. Ehkä jonkun pienen piparin. Yksi isompi kuva vie helposti tuon, vaikka se olisi pakattu. Tuollaiseen sivustoon missä on todennäköisesti kaikista roduista kuvia ym, niin tarvitset aika suuren määrän tilaa. 100MB:tä vois alkaa oikeasti riittämään, mutta ainahan voit aloittaa pienesti ja siirtää sivusi johonkin muualle tarvittaessa. ------------> Meikä on maailman pöllöin leipuri LOL mutta toi vertauskuva oli kyllä aika oiva XD Pitänee seuraavaksi mennä virkistämään muistia (eli kirjottamaan ylös) miten noi "nettikoot" taas menikään. Kiitos. Mietin sitä koneasetusta kans, mut kaveri on aika tönttö niiden kans. Mut kiitos silti, ehkäpä tuokin mysteeri vielä selvinnee ^^ Edit2: Ja muistathan ettet voi repiä niitä kuvia niistä eri koiraroduista muiden sivustoilta ilman lupaa. Ei ei, tarkoitus on tietysti käyttää itseottamia digikuvia tai itsetehtyjä kuvia. Noi copyrighti-jutut on kyllä hallussa. Näin iso tyttö tietää jo ;D Edit3: typoja[/quote] Olen typojen kuningatar... -_-' Forgive me. Kiitos, olen iloinen kun vastasit.
Fiksuinta olisi silti jo sivujen toimivuudenkin suhteen laittaa ne kuvat samalle palvelimelle sen sijaan että laittaisi johonkin imageshack tyyppiseen palveluun. Miten käykään jos esim. tuo mainitsemani imageshack palvelin kaatuu/lopettaa toiminnan kokonaan? Kuvasi katoavat sen sileän tien ja kotisivusi näyttää sen jälkeen suhteellisen tyhjältä.
Sivun koodiin lisätään rivi Code: <link href="tyyli.css" rel="stylesheet" type="text/css" /> Missä "tyyli.css" on haluamasi tyylitiedoston (CSS) nimi. Jos tahdot jollekin sivulle jonkin pienen muutoksen, sekin onnistuu vaikka laittamalla ko. sivulle oma pätkä erillistä koodia yllä olevan koodin lisäksi. Taustavärin voi muuttaa koodilla Code: <style type="text/css"> body { background: #000; } </style> joka sijoitetaan tuon tyylitiedostoon viittaavan koodin alapuolelle, mutta kuitenkin <head> tagien sisäpuolelle, vaikka ulkoinen tiedosto onkin käytössä. Tarkoitat varmaan suoralinkitystä. Tämä on mahdollista, mutta siitä on haittojakin: - Jos kuvien hostaaja tekee muutoksen johonkin mikä muuttaa kuvan Y osoitetta, sivuillasi oleva linkki ei enää toimikaan ennen kuin päivität sen. Parin osoitteen korjaus ei tunnu missään, mutta entä jos niitä on vaikka 50? - Useat kuvien hostauspalvelut poistavat kuvan automaattisesti, jos sitä ei ole katsottu kertaakaan tietyllä aikavälillä. ImageShack tekee tämän kerran vuodessa, joten siitä ei pitäisi olla paniikkia. - Kuvien hostauspalvelut myös poistavat kuvia ilman ilmoitusta, jos ne aiheuttavat liikaa liikennettä. Tämäkin on aika karu asia, jos se sattuu tapahtumaan, kuitenkin aika harvinaista. Tiedostot koneellasi vievät tasan saman verran tilaa, mitä nettiin lähetettynäkin. Ja toisin päin. Esimerkiksi jos koneellasi oleva tiedosto vie 1 megatavun verran tilaa, kotisivutilasi vähenee tuolla 1 megatavulla. Toisin sanoen; 200 kb = 200 kb vaikka siirrät mihin. Kuvatiedoston koko riippuu sen koosta (pikseleissä), resoluutiosta (72 dpi on aika vakio ruudulla olevissa kuvissa - tulostettavat kuvat ovat eri juttu), tiedostotyypistä (png/jpg/gif) sekä pakkauksesta ja ehkä muustakin. Oman nettisivuni ulkoasun kaikki kuvat vievät 542 KB tilaa, ja niitä on 14 kpl yhteensä. Kaikki vie tilaa. Muista kuitenkin, että laadusta ei kannata tinkiä siksi, että tila loppuisi. Vaikka miten veivaat viereityspalkkia, niin sivun koko ei siitä muutu. Todennäköisesti koneen asetuksista. Edit: bold ei näemmä toimikaan Code: n sisällä. :g
