MegaLab.it

Tempo fa mi sono imbarcato in un progetto locale sul territorio del mio paese, anzi, a progetto già avviato, mi è stato chiesto di collaborare alla costruzione di un sito internet che raccontasse il progetto.

Dopo diversi mesi di lavori, e contrattempi ho acquistato uno spazio web per pubblicarlo, e da oggi pomeriggio è finalmente online, anche se non è ancora del tutto completo....

Mi date una vostra opione, esimi colleghi ed amici?

http://www.retiecolivornoferraris.it/

E' in plain HTML, con un bel (imho) tema CSS, e qualche script...

Alur, io ti posso dire ciò che penso della grafica (a livello di codice html sono una cippa, però il sito sembra leggero):
-proverei a migliorare il separatore nel footer e nel menu' orizzontale, magari la fine farla sfumata, oppure che si restringa fino a svanire o anche tagliarla così com'è, ma non di netto in verticale,bensi con qualche imprecisione (come il resto dei bordi)


-sono evidenti alcuni segni della ripetzione del pattern (frecce in rosso) e proverei a ridurre la quantità di disturbo, perché salvando il qualità web il gradiente diventa pastoso (capisco che in photoshop sia più omogeneo, ma guarda la zona nel rettangolo blu)


Piacevoli le scelte cromatiche, molto rilassante

L'organizzazione del sito mi piace, così come la grafica, niente da dire.
Visto che però il doctype lo hai in XHTML, penso t'interessi essere validato?
http://validator.w3.org/check?uri=http% ... ne&group=0

Ma perché in XHTML proprio ora che è morto?

La grafica è molto particolare, la trovo adatta al tema trattato, condivido anche io con i pareri espressi

sono evidenti alcuni segni della ripetizione del pattern

e chi se ne era accorto... fortuna che c'è xero.. sono nell'immagine bg02.jpg, basta correggere quella... ma non devo certo dirtelo io
il codice xhtml è ben strutturato, (a parte gli errori correggibili del validatore...)
forse mancano solo delle linee verticali per dividere i vari elementi (testata contenuto footer) in una visualizzazione senza css ma davvero sfumature
che dicono serva per i reader dell'accessibilità ma test approfonditi non ne ho mai fatti.
una cosa sola il titolo
Stra'd'laLola
è un link ma risulta vuoto (#) nel metterlo on-line hai dimenticato il collegamento credo

per i css una cosa però non mi torna... credo dipenda dalle dimensione del div con id="wrapper" che ha altezza minima e massima pari a mille che è ridondante...
questo genera che alla mia risoluzione (1280x1024) si attivi lo scroll della pagina anche quando gli elementi sono tutti contenuti... potresti provare ad evitarlo.
ti allego l'immagine ridotta, dove si nota che pure se il footer è sotto il contenuto appare a destra la barra di scroll che su win non è così carina come su mac



comunque davvero un bel lavoro, hai scelto un template molto carino, hai apportato particolari modifiche?

ste_95 ha scritto:Ma perché in XHTML proprio ora che è morto?

insomma morto è una parola grossa. l'unico motivo ora come ora per passare definitivamente all'html sono le potenzialità della versione 5 e si parla del 2022 (gia gia) se non erro...

Sarò breve perché sono sull iPhone
intanto grazie per i vostri preziosi consigli...
per la barra del footer ci lavorerò su, non è nelle priorità ma ci penserò a tempo debito.
Quei triangoli non ho idea di cosa diavolo siano, li avevo notati ieri sera, provvederò anche a quelli...
Per la questione XHTML beh boh bah, francamente la mia ignoranza in materia non mi permette di usare altri linguaggi... Mi interessa più che altro che il sito sia piacevole (e mi sembra che esteticamente vi sia piaciuto) e che funzioni bene, quindi la prossima cosa che farò sarà validarlo!
La seconda sarà di correggere gli errori e le dimenticanze!

Tornerò alla carica nei prossimi giorni

Davvero ben fatto, molto bello soprattutto nella grafica e nell'impaginazione. Complimenti!
Ho dato uno sguardo veloce all'HTML, ma secondo me è inutile che perdi tempo a validarlo e correggere gli errori perché non ce ne sono... al massimo qualche <br> non chiuso con il formale </br>, ma sono "dimenticanze" che non incidono affatto sulla visualizzazione, secondo me sono solo sofismi

zenith ha scritto:al massimo qualche <br> non chiuso con il formale </br>

A dire il vero <br> è un cosiddetto "Tag Vuoto", poiché non necessita di un tag di chiusura (a differenza di <b>...</b> ad es.). L'errore di validazione è perché in XHTML tutti i tag vuoti vanno terminati come <br /> (quasi a sottolineare che non verranno chiusi altrove, in quanto tag vuoti).
[questa era solo una piccola nota al tuo messaggio comunque...]


Il sito è graficamente piacevole

M@ttia ha scritto:tutti i tag vuoti vanno terminati come <br />

esattamente quello che volevo dire... sorry

Graficamente molto bello, mi piace!
Niente da aggiungere sulla parte tecnica rispetto a quanto già detto dai precedenti.

M@ttia ha scritto:

zenith ha scritto:al massimo qualche <br> non chiuso con il formale </br>

A dire il vero <br> è un cosiddetto "Tag Vuoto", poiché non necessita di un tag di chiusura (a differenza di <b>...</b> ad es.). L'errore di validazione è perché in XHTML tutti i tag vuoti vanno terminati come <br /> (quasi a sottolineare che non verranno chiusi altrove, in quanto tag vuoti).
[questa era solo una piccola nota al tuo messaggio comunque...]


Il sito è graficamente piacevole

Dunque, giusto per capire ed imparare ancora qualcosa di nuovo, secondo voi è meglio usare

Codice: Seleziona tutto

<br/>

anziché

Codice: Seleziona tutto

<br>

Se tu lavori con un qualsiasi DOCTYPE di tipo XHTML è obbligatorio usare la / per chiudere qualunque tag vuoto.
Avrai quindi:

<br />
<meta .... />
<img />
<hr />

E così via.
Non chiudere i tag in questo modo quando si lavora in XHTML produce errori di validazione gravi, con probabili problemi di layout finale.

Andy94 ha scritto:Se tu lavori con un qualsiasi DOCTYPE di tipo XHTML è obbligatorio usare la / per chiudere qualunque tag vuoto.
Avrai quindi:

<br />
<meta .... />
<img />
<hr />

E così via.
Non chiudere i tag in questo modo quando si lavora in XHTML produce errori di validazione gravi, con probabili problemi di layout finale.

In effetti in altre pagine il programma di compilazione stesso (Coda che consiglio di provare agli amici Mac User ) mi segnala un sacco di errori in ogni pagina...
I br li ho corretti, ho corretto anche altri errori di digitazione, però ci sono delle cose che non capisco...

Più che altro si tratta di errori legati all'Highslide che tra l'altro non funziona proprio come dovrebbe...... Per esempio non permette di passare da una foto all'altra, e non fa apparire la "x" che fa chiudere l'immagine....

Mr.TFM ha scritto:Più che altro si tratta di errori legati all'Highslide che tra l'altro non funziona proprio come dovrebbe...... Per esempio non permette di passare da una foto all'altra, e non fa apparire la "x" che fa chiudere l'immagine....

E' vero... Che versione hai scaricato? L'hai modificata? Io lo uso per la mia photogallery locale, e funziona tutto bene.

Andiamo per ordine:
Validazione W3C
Ho corretto tutti gli errori trovati, tranne due:
Uno è nella pagina percorso ed è relativo all'iframe della mappa, che a quanto pare è in codice HTML, e non in XHTML...
L'altro è riferito a quell'elenco puntato a fondo del testo contenuto nel div entry nella pagina origini... Non riesco a capire perché ci sia l'errore, visto che i tag sono inseriti in maniera (credo) corretta.....
Per il resto credo di essere a posto.

Grafica
Ho corretto le varie ripetizioni di patch che risultavano sgradevoli, altre correzioni non ne ho fatte perché penso che vada bene così...
Riguardo alla segnalazione di Pacopas della homepage ho cercato di ridurre l'altezza minima del wrapper nel CSS, ma è un'operazione abbastanza inutile perché a seconda della risoluzione dello schermo la barra potrebbe apparire comunque... Di contro, riducendola troppo si ottiene un risultato esteticamente molto discutibile...
Forse potrei impostare un "100%" nell'altezza...
Se avete suggerimenti anche qui sono ben accetti....

Codice: Seleziona tutto

#wrapper, #bg1, #bg2 {
   height: 1000px;
   min-height: 914px;
}

html>body #wrapper, html>body #bg1, html>body #bg2 {
   height: auto;
}

Highslide
Ho installato la versione 4.0.10 ma forse ho dimenticato di inserire qualcosa nelle pagine....
Secondo voi manca qualcosa o semplicemente devo solo aggiornarlo?
Update: Higlside corretto, aggiornato e sostituito.

Mr.TFM ha scritto:Andiamo per ordine:
Validazione W3C
Per il resto credo di essere a posto.

ho verificato con il link di validazione a piè pagina e sembra che lo passi, forse li hai già corretti

Mr.TFM ha scritto:Grafica
Riguardo alla segnalazione di Pacopas della homepage ho cercato di ridurre l'altezza minima del wrapper nel CSS, ma è un'operazione abbastanza inutile perché a seconda della risoluzione dello schermo la barra potrebbe apparire comunque... Di contro, riducendola troppo si ottiene un risultato esteticamente molto discutibile...
Forse potrei impostare un "100%" nell'altezza...

Infatti questo dovrebbe essere la norma... non riesco a capire perché il layout ti richieda di impostare un'altezza minima e una massima.... non è più semplice impostare al 100% il contenitore più grande. come ripeto forse studiandolo più attentamente capirei ma così mi sembra che non ci sia l'obbligo di impostare una altezza minima...

Mr.TFM ha scritto:Highslide
Ho installato la versione 4.0.10 ma forse ho dimenticato di inserire qualcosa nelle pagine....
Secondo voi manca qualcosa o semplicemente devo solo aggiornarlo?
Update: Higlside corretto, aggiornato e sostituito.

a parte che l'ho usata una volta ma non riesco a capire che differenza ci sia tra le varie versioni, anche perché c'è una sola release aggiornata, parlate delle opzioni di configurazione? comunque hai risolto... quindi
comunque in generale non dovreste (anche ste se non ricordo male faceva così) utilizzare come thumb l'immagine compressa attraverso html ma una immagine più piccola effettivamente thumb della precedente. per la leggerezza della pagina. uno aspetta il caricamento delle immagini se è interessato a vederla ingrandita, non per leggere la pagina. in generale anche il risultato grafico ne risente

Uno è nella pagina percorso ed è relativo all'iframe della mappa, che a quanto pare è in codice HTML, e non in XHTML...
L'altro è riferito a quell'elenco puntato a fondo del testo contenuto nel div entry nella pagina origini... Non riesco a capire perché ci sia l'errore, visto che i tag sono inseriti in maniera (credo) corretta.....

Non li trovo, li hai già corretti?

Infatti questo dovrebbe essere la norma... non riesco a capire perché il layout ti richieda di impostare un'altezza minima e una massima.... non è più semplice impostare al 100% il contenitore più grande. come ripeto forse studiandolo più attentamente capirei ma così mi sembra che non ci sia l'obbligo di impostare una altezza minima...

Personalmente, non ho mai impostato l'altezza di un contenitore, lasciavo sempre che il contenuto se la riadattasse come voleva, poi con clear e float sistemavo il tutto.
Comunque mi pare di ricordare che in alcuni casi, altezze minime e massime servano per evitare problemi di layout e per far adattare i contenuti in base alla risoluzione come facciamo qui su MLI dove il wrapper ha una larghezza minima di 984 pixel e massima di 1200 pixel, in modo che il contenitore si adatti alla dimensione del monitor del visitatore.

Andy94 ha scritto:Comunque mi pare di ricordare che in alcuni casi, altezze minime e massime servano per evitare problemi di layout e per far adattare i contenuti in base alla risoluzione come facciamo qui su MLI dove il wrapper ha una larghezza minima di 984 pixel e massima di 1200 pixel, in modo che il contenitore si adatti alla dimensione del monitor del visitatore.

non confondiamo un hack che serve a risolvere un problema, con la norma. ripeto può essere che a me sfugga il motivo, ma di certo non c'è nessun bisogno in genere di impostare altezza minima per contenuti fluidi.

edit: ho trovato il tema originale seguendo ii link a fondo pagina del sito
e un problema che è generato da un vizio di struttura di chi ha fatto il codice css.
Per poter sfruttare vari sfondi da sovrapporre ha implementato una serie di div contenitori (solo estetici) sta di fatto che in questo risiede il problema. ora mr, detto tra noi... che sia il caso di rivedere il codice... è una cosa che dipende molto da quanto ti interessa correggere un problema esteticamente e obbiettivamente piccolo, anche se nasconde a livello di struttura in discorso più amplio
se ti va bene lascia così, o al limite, anche lasciando i vari div contenitori solo estetici, possiamo provare a ridare il fluidità all'altezza senza toccare la struttura (se si può)
fammi sapere

Sì ho risolto i problemi di validazione... (grazie ai suggerimenti di ste)
Quello della lista correggendo la posizione di un tag di chiusura paragrafo, e l'altro, in maniera più brutale rimuovendo lo strict iniziale...

riguardo al tema, beh, non so se vale la pena di sbattersi così tanto...
Dovrei riscrivere il css e non saprei quantificare il problema in fatto di "tempo"...

Ora sono alle prese con la gallery fotografica...
Sto cercando di ottenere un risultato più pulito possibile...
Spero di non morire di sonno nel copiaincollare codice...............

Mr.TFM ha scritto:riguardo al tema, beh, non so se vale la pena di sbattersi così tanto...
Dovrei riscrivere il css e non saprei quantificare il problema in fatto di "tempo"...

credo che sia la scelta più opportuna. ala fine gli effetti collaterali estetici sono davvero piccoli, rispetto al lavoro da svolgere

Mr.TFM ha scritto:Ora sono alle prese con la gallery fotografica...

non mi sembrava mal implementata, a parte il discorso thumbs

Spero di non morire di sonno nel copiaincollare codice...............

Mr.TFM ha scritto:Spero di non morire di sonno nel copiaincollare codice

Ma un ciclo PHP?