Consigli progettazione nuovo sito

[sator75]

Ciao a tutti,

sto progettando un sito e lo vorrei fare come questo:

http://de.guildwars.com/

Premetto che non uso flash per cui la parte del menu
la devo rifare in html (usando dreamweaver).
Allora ho usato, per il menu, una tabella (1x8) in cui inserire
i gif dei singoli pulsanti (con rollover) avendo uno sfondo di
pagina che sfuma man man che scende.
Secondo voi è una soluzione buona?
Ve lo chiedo perchè con le tabelle sto avendo difficoltà a centrarle
nella pagina in quanto vorrei che a qualsiasi risoluzione il sito
rimanga sempre centrato.
Grazie.

[Myaku]

Originariamente inviato da sator75
Allora ho usato, per il menu, una tabella (1x8) in cui inserire
i gif dei singoli pulsanti (con rollover) avendo uno sfondo di
pagina che sfuma man man che scende.
Secondo voi è una soluzione buona?

ti direi di no. I menu andrebbero gestiti con le liste, non con le tabelle

[sator75]

Ma quali vantaggi avrei con l'uso delle liste?

[Myaku]

Originariamente inviato da sator75
Ma quali vantaggi avrei con l'uso delle liste?

c'è una cosa che si chiama "semantica".
Le tabelle hanno una funzione, che non è quella di gestire i menu nè tantomeno il layout della pagina.
Implicazioni dell'usare i tag giusti al posto giusto? Accessibilità, pagine web meglio strutturate, ad esempio.
Vantaggi dell'usare le tabelle solo per la funzione a loro assegnata? separi presentazione da informazioni -> pagine dal caricamento più rapido (usando css esterni), fai prima ad aggiornare un domani che vuoi cambiare la grafica.

[sator75]

So bene il significato del termine "semantica", ma poichè non sono molto esperto
di creazione siti web, non ho esattamente le idee chiare su come operare.
Non avrei chiesto informazioni a riguardo se non fosse così.
Per cui se ho capito bene, le tabelle le uso solo per fare la parte sottostante al banner grande centrale del sito che ho inserito all'inizio del post.
Eventulmente sai darmi qualche link utile dove posso trovare buone guide per creare correttamente e con gli strumenti giusti, un sito? Grazie.

[stamaser]

Originariamente inviato da sator75
qualche link utile dove posso trovare buone guide per creare correttamente e con gli strumenti giusti, un sito? Grazie.

Ciao, spero ti possano aiutare le pagine in questo link

Clicca qui.

Ad ogni modo sono penso che possano servire solo da riferimento, in bocca al lupo!

[sator75]

Qualcuno sa darmi altri pareri sulla mia richiesta?

[sator75]

Ciao a tutti,

qualcuno sa come posso riprodurre l'effetto sul banner grande
presente sul sito che ho postato ad inizio topic?
In particolare il jpg è contornato da una cornice grigia che però non è
un'immagine?
Penso che questo effetto sia stato usato anche per fare i bordi laterali
nella sezione sottostante ovvero quella della news in cui la testata è
un png ma i bordi laterali sono fatti in altro modo.
Grazie.

[designandc]

Originariamente inviato da sator75
Ciao a tutti,

qualcuno sa come posso riprodurre l'effetto sul banner grande
presente sul sito che ho postato ad inizio topic?
In particolare il jpg è contornato da una cornice grigia che però non è
un'immagine?
Penso che questo effetto sia stato usato anche per fare i bordi laterali
nella sezione sottostante ovvero quella della news in cui la testata è
un png ma i bordi laterali sono fatti in altro modo.
Grazie.

Ho guardato il foglio di stile del sito che menzioni, ho visto che l'immagine del banner grande è contenuta da 2 div con classe "majorpromo" e "majorpromo-content".
La cornice stondata di cui parli non può non essere che un'immagine posta come sfondo di quel div, idem i bordi laterali delle news infatti i 2 div sono compilati in questo modo:

.majorpromo {
position: relative;
top: 0;
left: 0;
width: 974px;
height: auto;
margin-bottom: 15px;
background-image: url(/images/structure/section_bg/majorpromo_top.png);
background-repeat: no-repeat;
background-position: top left;
}

.majorpromo-content {
padding: 5px;
background-image: url(/images/structure/section_bg/majorpromo_base.png);
background-repeat: no-repeat;
background-position: bottom left;
}

[sator75]

Quindi dovrei usare tutti div? Perchè io sto facendo tutto con tabelle perchè non sono molto esperto.
L'unica cosa che non riesco ancor a capire è la struttura dei div delle news, perchè si usa il wrappere che contiene a sua volta content e pannelli laterali?
E soprattutto quali sono i vantaggi rispetto alle tabelle.