oon opetellut noita perusjuttuja ihan omaksi ilokseni ja nyt ois aika tehdä omat sivut!
kertokaas vinkkejä ja mielipiteitä seuraavista asioista:
a) taustakuva vai pelkkä väri? (millainen on hyvä taustakuva?)
b) paras fontti (times ja arial ei käy!)
c) tekstin koko (1 vai 2)
d) montako freimiä ja kuinka levee sivu?
e) lay-outti vai itse suunniteltu?
Jos tiiätte hyviä esimerkkisivuja, niin linkkejä kiitos!
kertokaas vinkkejä ja mielipiteitä seuraavista asioista:
a) taustakuva vai pelkkä väri? (millainen on hyvä taustakuva?)
b) paras fontti (times ja arial ei käy!)
c) tekstin koko (1 vai 2)
d) montako freimiä ja kuinka levee sivu?
e) lay-outti vai itse suunniteltu?
Jos tiiätte hyviä esimerkkisivuja, niin linkkejä kiitos!
Vastaukset 17
Vanhimmat
a) väri (vaalea) tai sitten erittäin vaalea taustakuva jottei lukemista häiritse.
b) verdana on suht yleisesti käytetty, tosin kannattaa css:llä määritellä siihen useampikin
c) 1 vai 2? siis mitä yksikköä? lähinnä css:n small tai x-small on hyvä, tapauskohtaisesti myös ehkä pikselikokoakin voi käyttää
d) ei kehyksiä vaan taulukoilla sivut
e) itse tehty sivu, ei turhaa roskaa (gif-animaatiot, flahs kikkailut jne tai mitään turhia scriptejä tyyliin hei olet käynnyt täällä 0 kertaa)
Todellakin joku vaalea tausta.(Miksei tummakin, jos teksti on esim: harmaata?)
Tahi joku haalea taustakuva, esim "vesiväri" efektillä tehty.
Pääasia että sivujen ulkoasu palvelee sisältöä.
Goottisivuille tuskin sopii hilpeä Donald McDonald jakelemassa purilaisia.. :D
Ja voit unohtaa kaikki ne iki-ihanat välkkyvät tekstit ja räikeän kirkkaat värit. Ne on out.
Melko usein olen nähnyt käytettävän Helvetica-fonttia, ku sen pitäis löytyä joka koneesta. Mutta kannattaa tässäkin kohtaa miettiä, mikä sivuille parhaiten sopii. (Voithan laittaa alkuun linkin, josta voi imuttaa käytetyn fontin.)
Tekstin koolla uskon sun tarkoittaneen Joko tai kokoja, mutta kokeile noiden lisäks ihan pelkkää, ilman määritteitä olevaa normaalikokoa.
Korkeintaan yks (joskus jopa kaks!) freimiä on ihan jees, mutta kuten R2D2 (sori ;) ) sanoi, taulukollakin saa hyviä tuloksia..
Ja kaiken pitää olla itse suunniteltua, ellet meinaa palkata sivujen tekijää.
(Ja mikäli osaat Flash:iä, animaatioita tai vastaavia, uskoisin niiden parantavan viihtyvyyttä ja interaktiivisuutta sivuillasi.
Kunhan ne on hyvällä maulla toteutettuja)
(eikä mitään ilmaista roskaa..)
kiitti vinkeistä, lisääkin saa tulla :)
mä olen ajatellut sellaista harmonista kokonaisuutta eli neonvärit ja animaatiot tuskin tulee kyseeseen
fontin kokohan määritellään font size='1' jne..? sitä se 1 ja 2 tarkoitti. iso fontti on rumaa joten sellaista luettavaa mutta pientä haluan.
miten ja millä ihmeen taulukoilla freimit? tää jäi vähän harmaaksi mulle..
Ahaa. Selkis. (?)
Siis taulukko on ymmärtääkseni tämä
Eka lokero
Toka lokero
vanha tuttu.
Mä en oo oikee ihminen sitte noista freimeistä puhuun, kun en oo semmosia ikänä tehnyt. ;)
Se johtuu siitä ettei html jaksa kiinnostaa kovin pitkälle..
Mutta kiva jos oli apua
Juu, kyllä tummakin pohja käy... Kunhan vain huolehtii että tekstistä saa hyvin selvää, eli tumma pohja ja vaalea teksti ja toisinpäin.
Kukakohan lataa koneelleen fontin vain yksien sivujen takia? Tuskin kukaan, eli turha juttu.
EIIH!!! Miksi R2D2??? Se kun on M2KD.
Sitä koitetaan jo pölliä meikäläisen nickki, eikös omat numerokirjainyhdistelmät riitä häh?
Kohta muuten julkistetaan r2d2-designin kozkarit, sinne tulee pari hienoa kuvaa paint shop pron taustakuvavalikoimasta, sitten vieraskirja jostain ilmaispalvelusta ja sitten mie väitän olevani firma.
Joo, ehkä toi imutettava fontti oli hiukan liikaa..
Mutta jos tekee sivun, joka perustuu imagemappeihin tai vastaaviin kuvataustoihin, niin kyllähän niissä voi käyttää joitaki hienoja fontteja.
Itse teen Flashillä ja sen sivuihin saa lisättyä paljon kaikkia kivoja fontteja, jotka näkyy myös surffailijoilla. :)
eihän imagemap ole taustakuva vaan kuva, johon on määritelty linkkejä .. olenko oikeassa?
oletteko muuten huomanneet miten eritavalla Macit näyttää sivut ja mitä eroa on Linux ja Windows PC:eiden selaimissa?
Se just on imagemap. Tässä esimerkki:
-------------------------------------------------------------------
Minä en valitettavasti pääse miltään Mäkiltä katsomaan tuotoksiani, eikä mulla ole Linuxiakaan koneellani. Niiltä osin on vähän hämärää aluetta (ja se ottaa päähän), mutta koska käytän ainoastaan validaattia html4-koodia ja testaan usealla Win-selaimella (mm. IE, NS, Opera), niin luulisin että ne jotenkin näkyvät myös mäkki&linualustaisilla selaimilla. Hope so..
Tarkotin tolla imagemap -jutulla sitä, että mikäli sivulle lisää yhden tahi kaks isoa mäppiä, (ikäänkuin käyttöliittymäksi..) niin sillon voi käyttää eri fontteja.
Enkä oikein ymmärrä, miten joku voi saada siitä taustakuvan ajatuksissaan?
No offence..
Itsehän niin sanoit: "...imagemappeihin tai vastaaviin kuvataustoihin...".
Hupsis.
Tais tulla hieman epäsopiva sanamuoto tuohon rakoon. ;)
Ehkä näin olis parempi:
"...Mutta jos tekee sivun, joka perustuu imagemappeihin tai vastaavasti kuvataustoihin, niin kyllähän niissä voi käyttää joitaki hienoja fontteja...."
(ja toi ei sitte tosiaankaan tarkota, että vertaisin kuvia mäppeihin.)
PS.Huomaatkos, kuin on alkuperäinen aihe hakoteillä?
a) hyvä taustakuva ei häiritse luettavuutta
b) riippuu sivun sisällöstä, ei kuitenkaan
erikoisfontteja
c) css:llä määrittelet otsikoille ja
leipätekstille sopivan koon ei kauheen pientä,
koska sitä on hankala lukea
d) ei mielellään frameja, kannattaa muistaa et
kaikilla ei ole suuria näyttöjä osalla
käytössä vanhat 14" monitorit joissa max
resoluutio on 640x480 mut yleisin taitaa
olla 800x600
e) kannattaa mieluiten itse suunnitella ja
käyttää taulukoita, niillä saa aseteltua aika
mukavasti
a) Kumpi vaan, mutta taustakuva ei saa olla lukemista häiritsevä.
b) Mielestäni font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
Nuohan ovat makuasioita, mutta näytöltä luettavaksi päätteetön (sans-serif) fontti ja paperilta luettavaksi päätteellinen (serif) fontti.
c) tekstiksi oletus (font-size : medium;)tai sitten aavistuksen pienempi (font-size : smaller;)
d) Ei yhtään freimiä. Itse pidän leveydestä 95%
e) Tuota.. miten olisi itse suunniteltu lay-out?
by the way.. fontin kokoa EI määritellä font size='1'. Tuo font-tagi ei edes kuulu html:ään, vaan johonkin paskafirmojen käyttämiin juttuihin.
eli lisätään vielä kohta
f) Ehdottomasti opettelet käyttämään css:ää
-----------------------------------------------------------------------
Perussivu
Tähän tulee sit koko roskan sisältö
Sit teet Muistiolla ulkoisen tiedoston jonka nimeksi laitat muntyyli.css ja sisällöksi:
BODY {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: smaller; background-color: #F5DEB3;
background-image: url(kuva.jpg);
background-attachment: fixed;"
}
eiks lay-out ole just sellainen netistä imutettava tyylipohja, niin eihän sitä itse voi tehdä...
mitkä on muuten parhaat lay-outtipaikat?
..tuota on layout. Ja sitäkö ei voi itse tehdä?
Tokihan minullakin on joka sivustolle oma pohja jonka avulla on helppo lisäillä sivuja, mutta ne on kyllä ihan itse tehtyjä, tie-ten-kin.
Olen ehdottomasti sitä mieltä että sivunteko kannattaa opetella tekemään itse alusta asti ja vieläpä Notepadilla. Kun taidot sitten paranoo niin voi alkaa käyttämään jo apuvälineitäkin, eli kunnollista editoria - josta saa parhaan hyödyn vain jos osaa vääntää koodia Notepadilla.
Kertokaas mullekin mistä sellasia pohjia saa, niin pääsee pappakin nauramaan..
1) Mieluummin jokin vaalea väri, jos haluat laittaa taustakuvan, niin silloin mahdollisimman huomiota herättämätön.
2)Verdana on oma suosikki. Joku pisti tossa, että Helvetica on hyvä, mutta se on sama kuin Arial, kuten sans-serif myös.
3)Pienempi teksti on ns. siistimmän näköistä, pieni Verdana on todella hyvän näköinen IMHO. Toisaalta kannattaa ottaa huomioon, miten fontin koko on muuten sivuihin nähden tasapainossa.
4)Ei freimejä, huono idea. Taulukot on todella monikäyttöiset, niillä pystyt sivut asettelemaan miten vain haluat, käytä mielikuvitusta.
5)Ehdottomasti itse tehty!!!