Keskustelu: Nettisivujen teko: Designing apua tarvittaisiin

Olen tehnyt erästä sivustosta uutta, parempaa ja hienompaa versiota. Kuitenkin jokin mättää, en vain tiedä mikä. Joten jos joukostamme löytyy kiinnostuneita, saa antaa vinkkiä.

Tässä tiedot:
----------------------------------------------------------------------
Hotdog Entertainment on audiovisualisen tuotannon harrasteryhmä Raumalta. Pääasiassa teemme lyhytelokuvia, mutta sekaan mahtuu myös mainoksia ja pieniä TV-ohjelman pätkiä.

Vanhan sivuton voi nähdä tästä: http://www.kuumakoira.urli.net
Ongelmia tuottavat kookas yläbanneri, ja sivujen värimaailman yksinkertaisuus, joka karkoittaa asiakkaita(sivun käytttäjiä).

Uuden sivuston esi-tyyppiä löytyy täältä: http://koti.mbnet.fi/hipdog/hotdognew/index.htm
Kuten pystyt näkemään, uudelta sivustolta tarvitsemme lisää ammattimaisuutta ja selkeyttä, sekä helppokäyttöisyyttä. Myös harmaasävy kuuluu meille.

Miksi tekemäni uusi sivuto ei ole hyvä? Siksi että:
- Joidenkin mielestä liian ammattimainen
- Sivustossa ei ole ryhmälle ominaisia asioita
- Päivitettävyys on ultra vaikeaa verrattuna edellisiin.

----------------------------------------------------------------------

Olisin kiitollinen, jos vain jaksat vilkaista ja kertoa mitä itse tekisit toisin ja paremmin.

Makuasioistahan ei sovi kiistellä, mutta pari asiaa tuli itselleni heti mieleen (sen kummemmin ottamatta kantaa itse html-soppaan):

- Arial ei sovi mielestäni sivuille. Itse kokeilisin jotain hieman "pehmeämpää", kuten Tahoma, tai Trebuchet MS.
- Lisää pyöreitä muotoja, esimerkiksi tuohon palkkiin vasemmalla (alareunan kulmat pyöristetyiksi tms.)

Värit sinällään olivat ihan mukavat ja rauhalliset.

Olga kirjoitti:

- Arial ei sovi mielestäni sivuille. Itse kokeilisin jotain hieman "pehmeämpää", kuten Tahoma, tai Trebuchet MS.

Itse kokeilisin jättää fontin määrittelemättä kokonaan ja antaa selaimen käyttää sitä fonttia, jonka käyttäjä on preferensseissä määritelly (ja josta toivon mukaan tykkää, ja jos ei tykkää, niin on ainaki helppo vaihtaa mieleisekseen).

Arial ei sovi mihinkään, se on vaikealukuinen - suoraan sanoen epäonnistunut fontti...

Mielipide.

EDIT: TÄMÄ on Arialia...

muuten, makeuu, https://www.ohjelmointiputka.net/keskustelu/5966-etsitään-ihmisiä-viihdeportaalin-tekoon

Epäsäännöllisyys näyttää usein esteettiseltä, voisit kokeilla laittaa vaikka jonkin hieman epämääräisen taustan tuonne sivun pohjaksi. Myös tuota valikkopalkkia voisi hieman piristää vaikka jollain teksturoinnilla. Sitten vielä, nuo vaakasuorat mustat viivat nappasivat hieman liikaa huomiota, itse höyläisin niitä pikselin tai pari ohuemmiksi.

Messennetteriättäjä? Mikä helvetti se on?

SysRq868 kirjoitti:

Messennetteriättäjä? Mikä helvetti se on?

Jos pitää arvata, niin MSN Messenger, jolle kaikki tuntuu keksivän mitä oudoimpia lempinimiä.

Noh, jos minulta kysytään, niin Arial ainakin näkyy "kaikilla" selaimilla, paitsi Mac:in ja linux:in (vai?)

Ei ammattimaisuudessa mitään huonoa ole. Se ei vain välttämättä sovi juuri tähän.

lainaus:

Sivustossa ei ole ryhmälle ominaisia asioita

Mitä puuttuu, jos kaikki tuosta navibarista tulee?

Uusi yleisilme on tyylikäs, minä ainakin kiinnostuin tuotannostanne. Tosin venyttäisin tuon Navibarin koko tuon punaisen alueen kokoiseksi. Ehkä koko tuon tablen kokoa voisi nostaa siihen tuhanteen pikseliin ja keskittää(samoin kuin vanhassa). Se on nyt vissiin jotain 700 pikseliä.

Ja ainakin minun silmissäni ammattimaisuutta lisää jonkin sortin oikoluku. "amatööri videotuotanto ryhmä"

Helppokäyttöisyydestä paha sanoa, kun ei näe sivua toiminnassa. Lue: etusivua kauemmas.

EDIT: on muuten hyvin tehty postaus tämä topic

Lanttihame kirjoitti:

on muuten hyvin tehty postaus tämä topic

Kiitos vain!

Vai että ehdotat NaviBar:in muokkaamista? Laitetaan myssyn alle, pitänee jatkaa pohdiskelua viikonloppuna.

makeuu kirjoitti:

Ja sit semmonen vois olla joka lisäis microsoftimaisuuttaan ni ku tossa lisää hiiren linkin päälle, niin linkin "tausta" menee vähän tummemmaks :D

Juu, mutta ei ihan sovi tälle sivulle.

makeuu kirjoitti:

ja tee tonne ekaan hakemistoon index.php jossa on koodi

<?php header("Location: hotdognew/index.htm"); ?>

Öh... ja mitäs tästä on apua? Saa tehtyä jonkun hienon... niin.

Ämppi kirjoitti:

Öh... ja mitäs tästä on apua? Saa tehtyä jonkun hienon... niin.

Mentäessä sivulle http://mbnet.fi/hipdog se avaakin alihakemiston hotdognew pääsivun.

Noh, voisitte vielä sanoa, miksi tämä ( http://koti.mbnet.fi/hipdog/hotdognew/index.htm ) näyttää tältä, vaikka sen pitäisi näyttää tältä http://koti.mbnet.fi/hipdog/hotdognew/

Entä onko tässä jokin virhe?

BODY{background: white; font-family: arial;}
A:link{color: red; font-weight: bold; text-decoration:underline}
A:visited{color: red; font-weight: bold; text-decoration:underline}
A:active{color: red; font-weight: bold; text-decoration:underline}
A:hover{color: black; text-decoration:underline}
	A:link.navi{font-size: 11; color: black; font-weight: bold; text-decoration:none}
	A:visited.navi{font-size: 11; color: black; font-weight: bold; text-decoration:none}
	A:active.navi{font-size: 11; color: black; font-weight: bold; text-decoration:none}
	A:hover.navi{font-size: 11; color: red; text-decoration:underline}
		A:link.esittely{font-size: 15; color: red; font-weight: bold; padding-left:35px; text-decoration:underline}
		A:visited.esittely{font-size: 15; color: red; font-weight: bold; padding-left:35px; text-decoration:underline}
		A:active.esittely{font-size: 15; color: red; font-weight: bold; padding-left:35px; text-decoration:underline}
		A:hover.esittely{font-size: 15; color: black; padding-left:35px; text-decoration:none}

A:link, A:visited, A:active, A:hover, p {font-size: 10pt}

p {padding-left:10px}
.navi {bold; font-size: 11px; color= white}
.news {font-size: 12px; color:black; valign:top}
.date {text-align:center; padding-left:0px; vertical-align:top}
.copy {font-size: 9px; text-align:center;}
.fro {font-size: 11px;}
.bing { padding-left:30px;}
.second {padding-left:14px; background: #E5E5E5;}
.first {padding-left:14px; background: #7B7B7B;}
.header {bold; font-size: 16px; color= black;}

Samalle sivullehan nuo vie.

Ja CSS nyt on mitä sattuu. Validaattorillahan tuon äkkiä olisi tarkastanut, mutta muutamia huomioita:

- Yleiset määrittelyt alkuun ja loppua kohden tarkennetaan
- Linkkien määrittelyssä muistisääntö LoVe/HAte (link, visited, hover, active)
- Ei mittoja ilman yksiköitä (ei luoteta siihen että selain arvaa mitä tarkoitat)
- .navi {bold; -> .navi{font-weight: bold;
- color= white -> color: white (tai #fff)
- valign:top -> vertical-align: top
- Mitan ollessa 0 ei yksikköä tarvitse kirjoittaa
- color= black; -> color: black;

Ämppi kirjoitti:

Noh, voisitte vielä sanoa, miksi tämä ( http://koti.mbnet.fi/hipdog/hotdognew/index.htm ) näyttää tältä, vaikka sen pitäisi näyttää tältä http://koti.mbnet.fi/hipdog/hotdognew/

Ihan samalta nuo mulle näyttää? o_O

Ämppi kirjoitti:

Entä onko tässä jokin virhe?

Vaikka kuinka monta. Aja se validaattorin läpi, niin näet.

Edit: on huono idea avata ketju, irkata, ja sitten vasta vastata – toiset ehtii väliin >_<

Blaze kirjoitti:

Ämppi kirjoitti:

Noh, voisitte vielä sanoa, miksi tämä ( http://koti.mbnet.fi/hipdog/hotdognew/index.htm ) näyttää tältä, vaikka sen pitäisi näyttää tältä http://koti.mbnet.fi/hipdog/hotdognew/

Ihan samalta nuo mulle näyttää? o_O

No kun ei näytä. Toisesta puuttuu valikko, ja sivu on muutenkin ikivanha, voi huomata uutisista.
Ryhdyinkin eilen miettimään, jospa joku tekee kiusaa, mutta kuka muka tekisi sellaista...?

Vika, miksi valikkoa ei näy, johtuu SSI:stä

Ämppi kirjoitti:

No kun ei näytä. Toisesta puuttuu valikko, ja sivu on muutenkin ikivanha, voi huomata uutisista.

Ettei olisi sivu cachessa? Tyhjennäpä selaimesi väliaikaistiedostot ja kokeile sitten. Kyllä nuo nimittäin ihan samalta näyttävät - osoittavatpahan samalle sivullekin. /hotdognew/ ohjaa suoraan index.htm:n.