Jos tekee paljon grafiikkaa kuten kuvia sisältävät, näyttävät sivut, miten ne kannattaisi alusta alkaen tehdä? Leiska ensin Photoshopilla ja pilkkoa se sitten osiksi taulukkoon vai miten?
Olen tehnyt kyllä monia sivuja, mutten oikein ole vieläkään varma, miten niitä oikein kannattaisi tehdä... Php ei valitettavasti ole vielä hanskassa, CSS kyllä.
Saakohan tuota näyttävyyttä myös muuten kuin javascript-mouseover-jne.hässäköillä? Tarkoitus olisi tehdä mahdollisimman visuaaliset sivut.
Olen tehnyt kyllä monia sivuja, mutten oikein ole vieläkään varma, miten niitä oikein kannattaisi tehdä... Php ei valitettavasti ole vielä hanskassa, CSS kyllä.
Saakohan tuota näyttävyyttä myös muuten kuin javascript-mouseover-jne.hässäköillä? Tarkoitus olisi tehdä mahdollisimman visuaaliset sivut.
Vastaukset 20
Vanhimmat
" Jos tekee paljon grafiikkaa kuten kuvia sisältävät, näyttävät sivut, miten ne kannattaisi alusta alkaen tehdä? Leiska ensin Photoshopilla ja pilkkoa se sitten osiksi taulukkoon vai miten? "
Tämä on yksi vaihtoehto.
"Php ei valitettavasti ole vielä hanskassa, CSS kyllä. "
Jos kerran CSS on hyvin hanskassa, niin kannattaa kokeilla sillä. Saattaa olla hieman hankalampaa kuin taulukkohässäkkä, mutta hyvin tehtynä palkitsee sekä käyttäjät että tekijänsä. Tutustu vaikka css Zen Gardeniin.
http://www.csszengarden.com/?cssfile=057/057.css
http://www.csszengarden.com/?cssfile=069/069.css
"Saakohan tuota näyttävyyttä myös muuten kuin javascript-mouseover-jne.hässäköillä? Tarkoitus olisi tehdä mahdollisimman visuaaliset sivut."
Toki. Esim hoverilla.
kiitti vinkistä..Onnistuuko muuten CSSllä photoshopleiskan paloittelu ja sijoittelu sivuille ilman taulukkohässäkkää? Vai pitääkö se laittaa välttämättä taulukkoon että pysyy kasassa? Tiedän kyllä että kuvaleiskan kanssa saattaa tulla skaalautuvuusongelmia, eli mitenkähän isoksi se kannattaisi alunperin tehdä...
"Onnistuuko muuten CSSllä photoshopleiskan paloittelu ja sijoittelu sivuille ilman taulukkohässäkkää?"
CSS:llä vain "sijoitellaan" ne kuvankäsittely-ohjelmassa valmiiksi paloitellut kuva yhdeksi kokonaisuudeksi.
"Vai pitääkö se laittaa välttämättä taulukkoon että pysyy kasassa?"
Ei pidä. Css-leiskan teko vaatii enemmän tuntemusta kuin taulukkovaihtoehto. IEn box-model on hieman rikkinäinen(mutta tämäkin on kierrettävissä ns. box-model hackillä). Floatien kanssa pitää olla tarkkana.
Mezzoblue.comista löytyy erinomainen "lunttilappu" helpottamaan elämää css-leiskan kanssa: http://mezzoblue.com/css/cribsheet/
"Tiedän kyllä että kuvaleiskan kanssa saattaa tulla skaalautuvuusongelmia, eli mitenkähän isoksi se kannattaisi alunperin tehdä..."
Ihan riippuu. "Fixed vs liquid"- keskustelu herättää aina tunteita. Fixed lienee helpommin toteutettava. Itse leiskaa näkemättä on vaikea sanoa, voiko sen toteuttaa liquidina vai ei.
Fixedia tehdessä kannattaa debugata leiska toimimaan vähintään kaksi pykälää suuremmalla fontilla kuin oletuskoko.
Jos haluat minkä tahansa elementin pysyvä siinä kodassa, mihin sen olet alunperin suunnitellut, taulukointi on ainoa järkevä keino.
Hyvää kysymyksessäsi on se, että näet sivunteon photoshopin leiskan kautta. Saat siitä kymmenen pistettä. Kaiken kaikkiaan sivujen teossa kannattaa rakenteen ja ulkoasun suunnitteluun käyttää kunnolla aikaa.
Tyylitiedostot on hyviä välineitä kokonaisten sivustojen tyylien yhtäaikaiseen hallintaan, mutta perusmuotoilun välineinä ne on kuitenkin turhan raskaat.
t.Petteri
"perusmuotoilun välineinä ne on kuitenkin turhan raskaat"
Millä tavalla?
>"perusmuotoilun välineinä ne on kuitenkin turhan >raskaat"
>Millä tavalla?
Verrattuna taulukon 1 pikselin läpinäkyvän kuvan käyttöön.
Toki tiesinkin ettei CSS:llä paloitella...mutta tuota CSSn avulla sijoittelua pitänee kokeilla.miten se käytännössä onnistuu, margin-arvojen avulla vai jollain muulla? Siis jos floatia ei kannata käyttää?
Mikä olisi pikselimitaltaan maksimikoko Photoshopleiskalle, leveydessä ja korkeudessa? Voiskohan jo kokonaan unohtaa 800*600 resoluution? Näyttää sivut muuten vähän pieneltä..
"Verrattuna taulukon 1 pikselin läpinäkyvän kuvan käyttöön."
No, se on sinun mielipiteesi. Ei suinkaan absoluuttinen totuus.
"mutta tuota CSSn avulla sijoittelua pitänee kokeilla"
:) Hienoa.
"miten se käytännössä onnistuu, margin-arvojen avulla vai jollain muulla? Siis jos floatia ei kannata käyttää?"
Kyllähä floatia voi käyttää(ja usein sille on tarvettakin). Antamani linkin takaa löytyy ohjeet useimpien ongelmien ratkaisuun.
"Mikä olisi pikselimitaltaan maksimikoko Photoshopleiskalle, leveydessä ja korkeudessa? Voiskohan jo kokonaan unohtaa 800*600 resoluution? Näyttää sivut muuten vähän pieneltä.. "
Kuten jo aiemmin mainitsin, niin makuasioitahan nuo. Tee siihen kokoon kuin haluat. Laita dokumentin rakenne kuntoon, niin varsinaisesta sisällöstä pääsevät osalliseski kaikki, laitteistosta riippumatta.
CSS:llä leikkimistä helpottaa huomattavasti kunnollinen editori. TopStyle Pro lienee paras Win-alustalle ja Style Master löytyy Winin lisäksi Mäkille.
Olet täysin oikeassa, jokainen tekee miten parhaaksi näkee. On kuitenkin syytä muistaa, että sivut on hyvä tehdä sellaisiksi, että ne näkyvät halutussa muodossa muillakin selaimilla sekä selainversioilla kuin vaan viimeismmällä IE:llä. Kokemuksesta tiedän, että ylenmäärinen tyylitiedostoilla kikkailu sulkee pois aika ison osan internetin käyttäjäkuntaa. Ja mehän tehdään sivut niille, jotka sinne satunnaisesti poikkeavat.. niinhän?
"On kuitenkin syytä muistaa, että sivut on hyvä tehdä sellaisiksi, että ne näkyvät halutussa muodossa muillakin selaimilla sekä selainversioilla kuin vaan viimeismmällä IE:llä."
IEllä debugataan vasta kun haluttu lopputulos toimii paremmilla selaimilla ns. oikein :) Tämä siis kun nojataan tavallista monimutkaisempaan css:ään.
Haluttu muoto kaikilla selaimilla? Ei välttämäti, vaan saavutettava sisältö kaikilla alustoilla, kiitos. Ja css antaa siihen mahdollisuuden. Yritys saada leiska näkymään "oikein" monilla selaimilla päätyy useimmiten siihen, että etusivulle lätkäistään ilmoitus "sivusto on optimoitu uusimmalle internet explorerille ja netscapelle". Veppi ei ole printtimedia.
"Kokemuksesta tiedän, että ylenmäärinen tyylitiedostoilla kikkailu sulkee pois aika ison osan internetin käyttäjäkuntaa."
Tästä sulla on varmasti esimerkkejä? Siis antaa ihan konkreettinen URI. Kiinnostaa minua ihan oikeasti, koska suuntaus muualla on selkeästi pois taulukoista:
http://wired.com/
http://news.com.com/
http://mozilla.org/
http://www.fastcompany.com/
http://www.espn.com/
http://www.macromedia.com/
Myös AOL on hyppäämässä tuohon kelkkaan. Nuo nyt siis tuollaisina "isompina" saitteina tuli nopeasti mieleen.
Laitoit osoitteita, eikä niillä sivuilla voi tyylikkyydellä eikä näyttävyydellä kehua.
En viitsi edes vaivautua selittämään kantaani, graafinen tyylitaju on näemmä synnynnäistä, sitä ei voi opettaa.. ymmärrän, että kaikenlaisilla tavoilla tehdä sivuja on kannattajakuntansa, ja heillä oikeus tehdä ne sellaisiksi, kuin haluavat.
terveisin
"Laitoit osoitteita, eikä niillä sivuilla voi tyylikkyydellä eikä näyttävyydellä kehua. "
Ei ollut tarkoituskaan näyttävyyttä kehua. Vaan tuoda esille se tosiasia että taulukkotaitolle on (parempi) vaihtoehto. Esitin siis asiani huonosti. My bad.
"En viitsi edes vaivautua selittämään kantaani, graafinen tyylitaju on näemmä synnynnäistä, sitä ei voi opettaa.."
Ohhoh? Olenko aistivinani lievää ylimielisyyttä? Vaikka tässä nimimerkkien takaa kirjoitellaankin, tällaiset kommentit lähinnä syövät kirjoittajansa uskottavuutta. Kahvivaroitus ensi kerralla, kiitos. Myös linkit sivuille joilla on näkyvissä "synnynnäistä graafista tyylitajua" loistavat poissaolollaan. Luonnollisesti sellaisille, joiden totutus CSS:llä ei onnistuisi. Tietämätön voisi jopa sanoa että trollaat vain lämpimiksesi.
"ymmärrän, että kaikenlaisilla tavoilla tehdä sivuja on kannattajakuntansa, ja heillä oikeus tehdä ne sellaisiksi, kuin haluavat. "
Kommenteillasi annat täysin päinvastaisen kuvan, valitettavasti.
Taisit kesken matkaa unohtaa tytön alkuperäisen kysymyksen:
>Jos tekee paljon grafiikkaa kuten kuvia sisältävät, näyttävät sivut.<
Noilla antamillasi osoitteilla ei ole kuvien eikä tyylikkyyden kanssa mitään tekemistä..
Niinkuin aiemmin kirjoitin, CSS on hyvä työlalu, mutta turhan rankka yksinkertaisten sivujen muotouluun. Tee minun puolestani omat sivus ainoastaan IE:llä aukeaviksi, säälittää nuo neuvoja kyselevät, joita johdat harhaan neuvoillasi.
*oletpa dorka*
Harvoin on noin vähäisillä tiedoilla nähty saarnoja pidettävän. Lukiessani poimin muutaman 'älyttömyyden';
"taulukon 1 pikselin läpinäkyvän kuvan käyttöön"
Ei. Tuo on ennen css:ää käytetty tapa. Nykyisin tuollaista kikkailua ei käytä kai muut kuin aikussivujen tekijät.
"Kaiken kaikkiaan sivujen teossa kannattaa rakenteen ja ulkoasun suunnitteluun käyttää kunnolla aikaa."
Ei. Tärkeintä sivuilla ei ole ulkonäkö vaan sisältö. Vaikka käytät 100 tuntia hienojen graafisten sivujen tekoon, ei siellä kukaan viitsi käydä, ellei niillä ole mitään uusiutuvaa sisältöä.
"mehän tehdään sivut niille, jotka sinne satunnaisesti poikkeavat"
Ei. Teemme sivut niille, jotka käyvät sieltä säännöllisesti jotain tietoa hakemassa.
En nyt muuta jaksa kommentoida, mutta lähes jokainen ajatuksesi paljastaa, että olet täysi harrastelija tyyliin "paljon kivoja vilkkuvia hileitä, sisällöstä tai tekniikasta ei niin väliä".
Sori, tälläisen kuvan sinusta on saanut muutkin kuin Y_H
Huomaaan että Y_H on vaihtanut nimimerkkiä - alkaako kantti pettää.
Tee sinä Y_H niille ihmisille sivuja joiden on pakko käydä säännöllisesti, toiset tekevät visuaalisesti tyylikkäitä sivuja, jotta satunnaninen kävijä tulisi toistekin sivuille muunkin syyn takia, kuin vaan hakemaan tietoa...
En jatka tämän enempää eipäs-juupas vuoropuhelua.
Jokainen käyttää sitä tapaa, johon on kykyjä.
Jos ei riitä silmää, niin korvaa sen scriptillä...
Onnellisia ovat ne, jotka voivat valita kulloisestakin esitystavasta parhaiten soveltuvan.
*katsoo itseään peiliin, ja hymyilee tyytyväisenä*
"Huomaaan että Y_H on vaihtanut nimimerkkiä - alkaako kantti pettää."
Jos olet seurannut palstoja(html ja xhtml, kotisivut) yhtään pitempään, olisit myös huomannut ettemme ole sama henkilö.
...pitänyt aiheuttaa näillä kysymyksilläni... :/
mutta kiitos kuitenkin teille vastanneille. :)
Se on jokaisen oma töpö, jos provosoituu...
Sitä paitsi - kannattaa kyseenalaistaa ja kysellä.
Minulle on kerrottu, että tyhmiä kysymyksiä ovat ainoastaan ne kysymykset, joita ei koskaan kysytä.
Ja jos syntyi hiukka lämmintä keskustelua, niin pirstäväähän se oli...
P.S.
Tarkoitin töpöllä lähinnä itseäni.