Newsgroup: it.arti.fotografia
Titolo: Sondaggio abbastanza OT

Due miei amici hanno creato da circa un mese questo sito, associato ad un
giornale su carta. Vorrebbero un parere sull'estetica della pagina, soprattutto
della parte bassa (quella a riquadri). Se avete voglia di darmi una mano, basta
anche un voto.
Grazie :)
http://www.calimerotv.net/
--
Federico Spano`

Federico Spano` ha scritto:

Cosi' al volo, senza sapere di che parlano, ti posso dire che le home
page che si allungano con tabelloni lunghi 2 metri non mi piacciono
troppo e le trovo poco funzionali.
Appena ho tempo guardo meglio e ti so' dire.
Ciao
Thomas

> 
http://www.calimerotv.net/
sincerità: codice incommentabile; grafica incommentabile, albero di
navigazione incommentabile; usabilità: assente.
da rifare, dispiace.



Ti ringrazio, anche se (lo dico per gli altri che volessero contribuire) bastava
il parere sulla grafica. 
--
Federico Spano`

 ha scritto nel messaggio
. Vorrebbero un parere sull'estetica della pagina,
Brutti i riquadri tutti uguali, scritte troppo grandi. Sembra uno dei siti 
che si facevano 10 anni fa con frontpage.
-- 
Panoramix
*-_-*-_-*-_-*-_-*-_-*
E se vuoi dare un'occhiata alle mie niubbate...
http://www.photo4u.it/album_personal.php?user_id=10132


Bruttino, confuso, non mi fa capire l'importanza degli articoli, direi un 4
come voto
Ciao
Andrea
--
www.andrearanalli.com
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

 Federico Spano`
Alcuni caratteri sono troppo grandi.
Lo stile generale è troppo simile a FrontPage.
-- 
http://hectorstravels.blogspot.com/
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 della parte bassa (quella a riquadri).
Lo vuoi tu, o lo vogliono loro ? :-)
Fammi indovinare: sono ingegneri e nessuno di loro ha fatto l'istituto di design o è un grafico.
L'estetica è bruttina, ma credo facilmente migliorabile: sembra che usino fogli di stile... Sarebbe sufficiente eliminare quel verde in grassetto e curare la separazione dei riquadri.
L'idea non è male, ma la loro realizzazione è molto lontana da quella che hanno ottenuto su 
www.ilsole24ore.com
, per esempio. Secondo me dovrebbero copiare spudoratamente.
Una buona idea, anche, è fidarsi degli sfondi per dare risalto ai contenuti. Due luminosi esempi: 
www.tucows.com
 (sfondi a riquadri che fanno risaltare i contenuti); 
http://www.airtightinteractive.com/
 semplicità e tridimensionalità.
ciao.

 Fammi indovinare: sono ingegneri e nessuno di loro ha fatto l'istituto di design o è un grafico.
se sono davvero ingegneri, gradiranno questi tutorial (se li guardino tutti, senza saltare nemmeno quello base sull'HTML, in un paio di giorni d'esercizio capiranno tutto quello che non hanno capito finora e che non sapevano a chi chiedere:). I css li salveranno.
http://www.w3schools.com/

Una buona idea, anche, è fidarsi degli sfondi per dare risalto ai contenuti. Due luminosi esempi: 
www.tucows.com
 (sfondi a riquadri che fanno risaltare i contenuti); 
http://www.airtightinteractive.com/
 semplicità e tridimensionalità.
24ore forse è il più adatto, a loro non piacciono le pagine a prevalenza di
bianco. Grazie per gli ottimi esempi, comunque.
--
Federico Spano`



Sì ma non hanno granché da imparare sulla costruzione delle pagine, usano un
sistema abbastanza complesso che comporta tra i vari passaggi anche procedure
programmate da uno di loro per la generazione automatica di non so più cosa. Se
ti dovessi ripetere la trafila non sarei capace, so solo che comincia con un
file xml e passa per dotnetnuke. Il punto è solo sulla grafica.
--
Federico Spano`

 Il punto è solo sulla grafica.
oggi si usa mettere i contenuti nelle <div> (riquadri) <span> (righe) o <li> (elenchi) e non si usano più le tabelle (difficili da manutenere). Il bello è che su questi elementi puoi applicare gli stili con molta semplicità e nello stesso identico modo, indipendentemente dall'elemento HTML che stai usando. Siccome tra gli stili puoi includere bordi, sfondi grafici, sfondi anche solo di un colore a tinta unita, definire i caratteri, ecc... in pratica riesci a produrre la grafica con estrema semplicità, soprattutto se si tratta di una grafica a riquadri.
Per creare l'illusione di colonne, per esempio, non serve farsi il culo a mettere una gif che contenga una riga verticale, per esempio (è molto complicato, anche se non sembra) perché è sufficiente andare da un grafico e farsi creare una gif *orizzontale* alta un solo pixel di un certo colore (bianco, per esempio), che ogni tanto (ogni 100pixel, per esempio) contiene un pixel nero. Quella gif orizzontale, poi è sufficiente impostarla come background dell'elemento body, o come background della DIV che contiene i quadratini con le notizie, e indicare che va *ripetuta automaticamente lungo tutto l'asse Y* per ottenere che che quella riga *orizzontale* componga, ogni volta che viene ridisegnata lungo l'asse Y, una sequenza di pixel neri esattamente ogni 100 pixel bianchi: una riga verticale nera, esattamente dove la volevi tu.
In questo modo avrai creato un "finta" riga nera verticale composta dalla giustapposizione delle righe orizzontali bianche con i pixel neri.
Sembra complicato, ma è semplicissimo e in quel sito con i tutorial, si impara in quattro e quattro otto a creare grafica "professionale" leggerissima (lo sfondo è una gif riga alta 1 pixel, infatti) e di un impatto notevole.
Un esempio di quanto dico è il sito 
http://www.airtightinteractive.com/news/
 in cui l'illusione della tridimensionalità del riquadro bianco (riuscitissma secondo me) e della righina nera di un pixel è creata da una gif orizzontale con una sfumatura semplicissima che pesa poco e niente (
http://www.airtightinteractive.com/global/column.gif
).

 Un esempio
-- cut --
ho trovato il tuo post interessantissimo.
grazie mille ! :)
-- 
    _
   (_ _ _
__| (_(___
www.fccphoto.altervista.org
www.takemusuaikinapoli.tk

 bianco. Grazie per gli ottimi esempi, comunque.
al sole hanno usato una tabella e per pitturarla a piacere (darle un aspetto grafico più elegante) hanno inserito delle <div> nelle celle. Inserire delle div (che sono riquadri) all'interno delle celle di una tabella (che sono già riquadri!) non serve a niente se non a poter usare anche all'interno delle celle della tabella le proprietà grafiche offerte dai fogli di stile: grazie all'aggiunta delle div, ognuna di quelle celle può contenere un'immagine di sfondo tutta sua, uno o più bordi, certi caratteri o altri, ...
Gli elementi <div>, <span> e <li> (quest'ultimo non lo si usa praticamente mai per gli elenchi puntati, infatti) sono da considerarsi veri e propri "contenitori di stili".
Da manutere una tabella è un bel casino (quando usi le tabelle sei un po' nei cazzi di solito, come unire le celle in excel su una riga e pretendere di selezionare solo alcune delle colonne che la compongono), seguire quella strada può essere complicato, ma sembra che il generatore di pagine del loro framework lo faccia già quindi...
Dì loro d'imparare dei rudimenti di CSS (non serve altro) e di modificare i tanti fogli di stile che il loro framework ha creato: quel brutto verde grassetto diventerà subito qualcosa di più carino e quei riquadri bianchi mescolati uno dentro l'altro avranno un bordo che li separa.
Il codice da sapere ?
div { border: 1px }
difficile eh ?
:)
http://www.w3schools.com/css/css_border.asp

 grazie mille ! :)
Prego ! :)
fatti tutti i corsi del sito 
http://www.w3schools.com/
 sono rapidissimi e impari un sacco di cose. Parti dal corso HTML, però, scoprirai banalità utilissime :)