Kulinaristit.com

FF 1.5


Edit: Eli kuvan mukainen tilanne pääsivulla. Adblock ei liity hommaan mitenkään.

Edit2: (Menee napinaksi, joten tän voi halutessaan skipata) Jos pari mielipidettä saa vielä sanoa, niin nuo viinitahrat kyllä näyttävät aika tavalla vereltä, eikä se ole hyvä juttu. Käytetty fontti on jotenkin hieman liian rahvaanomainen eikä tuo mieleeni samoja adjektiiveja kuin sana kulinarismi.

1024 x 768

(Vaakavierityspalkkia ei tullut 1280 x 1024 resolla)

Joo, fontti kaipais vähä piristystä.

Ja pientä teknistä napinaa sivun leveydestä sekä siitä, että ton navigaation imagemappi on vähä turhan ahtaaksi laitettu (esim tapahtumat-sanan u:n ja m:n päälle saa pistää kirjaimen, eikä hiirenkursori noteeraa linkkiä).

miksi etusivun kuvassa lukee kulinarisTIt.com siten, että IT on noin isolla? Tee Itse vai mikä merkitys tuolla on?

Varsinaisilla sivuilla nuo punaiset viinitahrat vai mitä ovatkaan tuovat kyllä mieleen et siinä olisi just sika teurastettu ja noi olisi veriroiskeita :)

heh joo vähän liian väkivaltaisia mielleyhtymiä tuo toi graafinen ilme :)

Ihan ensiksi kannattaa miettiä tuo "kulinaristit.com"-teksti uusiksi, sillä tuollaisena se sopisi paremmin jonkin suomiräppipändin kotisivulle.

Viittauksia kulinarismiin on mun mielestä lähinnä vain timjamin oksa, sillä viinilasi ja tausta noin aseteltuna tuovat mieleen lähinnä jonkin taidesivuston. Seuraavalta sivulta löytyvät roiskeet sotkevat yleisilmettä entisestään ja ovat muutenkin täysin väärässä paikassa - eihän kukaan kulinaristi halua läikyttää viiniään!

Nyt tulee kriittistä, mutta objektiivista palautetta. Älä siis ota liikaa itseesi ;)

Anyway, näkisin että sivun suurin ongelma on, että se on tehty enemmän graafisen suunnittelun, eikä www-suunnittelun lähtökohdista. Tässä muutamia keskeisimpiä ongelmia sivussa:

- Tervetuliaissivu on aika tarpeeton, suoraan vaan asiaan ilman turhia klikkauksia. Jos nyt ihan välttämättä haluat käyttää sellaista, suosittelisin tekemään koko kuvasta linkin, eikä ainoastaan "Kulinaristit.com" -sanasta.

- Asettelu on tehty käyttäen taulukko, spacer-gif ja kuvakartta -virivirivirityksiä käyttäen. Suositeltavampaa, kätevämpää ja nopeampaa olisi käyttää CSS:n (Cascasing Style Sheets) position-määrettä. Muutenkin CSS:ää kannattaa käyttää niin paljon kuin mahdollista.

- Varsinaiselle sisällölle vaikuttaisi jäävän suhteettoman vähän tilaa.

- Layout ei ole skaalautuva ja resoluutioriippumaton.

- Navigaation selkeys ja intuitiivisuus jättää toivoisen varaa.

- Koodi ei ole validia, mm. Document Type Definition puuttuu jne.

- Sivu on täysin käyttökelvoton tekstiselaimella. No joo, tämä jakaa mielipiteitä että tarviiko tästä enää välittää nykyaikana. Hyvä suunnittelija välittää. Ei missään nimessä tärkein mahdollinen juttu, mutta IMHO tällä on nykyään taas enemmän merkitystä kuin pari vuotta sitten, kiitos kaikennäköisten mobiilihärpättimien.

Kannattaa muuten poimia jostain iltalukemiseksi Jakob Nielsenin tuotantoa WWW-suunnittelusta ja WWW-sivujen käytettävyydestä. Suosittelen lämpimästi, itse havaitsin yrittäin hyödyllisiksi.

pykii koko sivu ihan sairaasti.

Ihan hyvä, että olet opetellut Photoshopin slicetyksen. Saa ihan nätin layoutin. Tosin se on graafinen, tekstiselaimia ahdisteleva ja melko raskaskin.

Riippuen minkätyyppistä sisältöä olet meinannut, mutta kannattaa kokeilla ne tekstien paikat vaikka lorem ipsumilla, ettei sitten kun on käyttänyt kolme viikkoa leiskan tekoon ja alkaa ekat oikeat sisällöt tulemaan vastaan ja huomaakin, ettei tää leiska sovi näin paljolle tekstille - nyt jäi vähän auki se, että miltä sivujen sisältö tulee näyttämään kun sinne jotain tulee. Tai no ehkä olet kokeillut kotonasi jo?

Kuitenkin juuri niin kuin tuo MielenHallinta kertoikin, ehkä parempi väsätä esimerkiksi CSS ja DIViä hyväksikäyttäen. (Ja heitä sitten lopuksi sivu läpi vaikka W3c:n HTML validaattorista.) - Niin no näyttää siltä, että sivuilla on lokaali CSS tekstin kokoa pienentämään, mutta ehkä ulkoinen CSS sivu, joka määrittelee koko siten. Ei tarvi joka sivua päivittää kun sitä muuttaa.

Jos ei Notepad, Notepad++ tai EditPad suju, niin esimerkiksi Dreamweaver on ihan hyvä softa tekemään sivut. (Whoa! Suosittelen WYSIWYG-ohjelmaa nettisivujen teossa!!! Mihin tämä maailma on menossa?) CSS sujuu ja sillä voi tehdä helpot templatet, joihin voi vielä määritellä mitä voi muuttaa, mitä ei. Eli helpottaa tekoa jos on yhtään epävarma omista taidoistaan. Ei tarvitse osata HTML:ää jotta voi tehdä sivut.

Millä nämä on tehty? Näköjään leiska tehty Photarilla ja sitten pilkottu ja imagemapit tehty ImageReadylla. Mitä hötömölö softaa käytät?

Reso tolle kannattaa tehdä joko 800x600 kokoon tai 1024x768 kokoon, jos tekee staattisen koon. Kaikilla käyttäjillä ei ole 1280x1024 näyttöjä. Tai sitten tekee vaikka Flash-muotoon, jotta saa relatiivisen koon sivuille ja on joka resoluutiolla ruudun täyttävä. Flashia vaan pitää osata käyttää oikein, mitä monikaan ei osaa.

Niin ja kannattaa testata sivut ainakin IE, Opera, FF, Netscape ja Safari.

Splash screen jotenki hämmentää, ku näyttää ihan et se viini ammuttais jollain suurpaineruiskulla siihen lasiin. Sivusta.

:)