a prima vista non è male e sembrano assenti errori rilevanti
per l'ombra potresti creare l'immagine in photoshop, con l'ombra e poi richiamarla tramite css
Ci ho provato e visivamente mi sembra anche riuscito, ma non so se l'ho fatto nel migliore dei modi. Sono partita da uno di quei modelli che dà dreamweaver ma l'ho modificato parecchio. Questo è il risultato, c'è una sola pagina.
Ora chiedo a voi esperti, potete dare un occhio al codice e dirmi se può andare? E magari controllatelo anche con window, che io ho solo mac :-P (ho provato a guardare con adobe Browser Lab e mi sembra ok, ma meglio un ulteriore controllo).
Ovviamente si accettano anche commenti sulla grafica.
Ah un'ultima cosa, nel mio progettino iniziale sotto al bianco ci dovrebbe ssere anche l'ombra, ma non so come farla... con qualche background? Consigli?
a prima vista non è male e sembrano assenti errori rilevanti
per l'ombra potresti creare l'immagine in photoshop, con l'ombra e poi richiamarla tramite css
non ho trovato problemi importanti con ie , firefox e chrome dando un'occhiata veloce , il sito risulta molto leggero ( magari una compressione alle immagini) , ricorda di mettere i meta per l'indicizzazione .
Graficamente è un pò povero però allo stesso tempo pulito , metterei uno sfondo di colore diverso , anche perchè se metterai l'ombra non si vedrà molto
Aggiunta l'ombra.
So che graficamente è un po' povero ma gli elementi non sono molti e preferisco una cosa chiara che aggiungere elementi grafici superflui. Cmq nelle altre pagine ci saranno delle gallery e delle schede di prodotto che arricchiranno il sito.
Per lo sfondo non saprei, ho provato altri colori ma non mi soddisfano molto, ci vuole un colore neutro e questo richiama il grigio verdastro del serpentino (la roccia delle cave appunto), forse potrei provare a schiarirlo.
Personalmente credo che il testo abbia un carattere troppo piccolo... potrebbe essere un problema per utenti non più giovani. Vista la tipologia di materiali trattati potrebbe esserci visitatori over50... ma anche per me a volte risulta dispersiva la lettura.
Per il codice... ricordati l'ALT per le immagini... e poi prova a validare il codice... qualche sistematina bisgona darla.
Noi chiudemmo tuttee le USCITE, ma LEI scappò dall'ENTRATA principale. By Andanet*69
Si in effetti è un po' piccolo, lo ingrandisco un po' (è meglio usare gli em invece dei pixel? .. non li ho mai usati però)
aiuto... che vuol dire validare? ho detto che è la mia prova senza usare le tabelle ma solo i css quindi ogni consiglio in merito è ben accetto.
Validare vuol dire che devi collegarti al sito della W3C e validare il tuo sito, questo sito gestiste le regole che tutti coloro che realizzano un sito devono rispettare per poter avere un codice pulito, ordinato e regolare in base agli standart che la W3C conferma!
![]()
Cmq a parere mio il tuo sito è semplice e pulito, se ti posso dare delle indicazioni che ti potrebbero servire per indicizzarlo, il LOGO o il nome della Ditta meglio se li gestisci con un H1, a Google piace molto questo modo di gestire
![]()
ex...
<h1>Marmi Mauro</h1> e sopra fai in modo che ci sia l immagine che copra il contenuto puro, ovvero il testo! Spiegare come farlo è lunghetto, magari il sito offre qualche guida pratica, pero saresti avvantaggiato![]()
Poi i testi cerca sempre di gestirli con <p></p> che è il paragrafonon serve inscatolarli in tanti div!
<div id="footer">
<div class="verde"></div>
</div>
</div>
<div id="ombra2">MARMI MAURI - Italy - 23020 - Lanzada (SO) Via Bernina, 1270 - Loc. Le Prese - Tel.: +39 0342 451866 - Fax: +39 0342452121</div>
io lo risolverei cosi
<div id="footer" >
<p>MARMI MAURI - Italy - 23020 - Lanzada (SO) Via Bernina, 1270 - Loc. Le Prese - Tel.: +39 0342 451866 - Fax: +39 0342452121</p></div>
Nel CSS al Footer dai larghezza 100%, altezza a piacere in px :P dai bordo superiore verde di 5 px se non sbaglio,,,
seconda regolaper gestire il testo fai
#footer p { a tuo piacere dai
size
color
font
}
etc![]()
risparmi tempo e riduci le regole che gestiscono il sito, a volte semplificare aiuta molto!
Ultima idea che mi è venuta in mente è studiarti un po quale CSM![]()
HIHIHI... una cosa alla volta va!!!! Già mi fuma il cervello così. Cmq sì, mi piacerebbe molto!
Il problema maggiore è il tempo... magari inizi a studiare, poi arriva altro lavoro da fare e devi smettere e ora che riprendi ti sei già dimenticato tutto! Non posso nemmeno farlo la sera o nei weekend... ho 2 pargoletti che mi reclamano (giustamente) :-P
Cmq grazie x i consigli, ora cerco di metterli all'opera, appena fatto vi avviso così magari vedete se può andare ;-)
Scusate, ho modificato qualcosa per fare il bordo verde sopra e sotto, ma non lo vedo! Perchè?
Un'altra cosa, per fare le 2 colonne con le immagini e il testo di lato, va bene con i 2 div in questo modo o c'è un modo + semplice?
Grazie
per fare in modo che tu possa avere 1 immagine e il testo a lato devi usare il Float! è una regola molto utile nei CSS ... Float: Sinistro o Destro!
Ti faccio un esempio per capire,,,,
l immagine ha il tag IMG e il testo <P>. Supponiamo di averli inscatolati in un div di nome PARAGRAFO! Questo paragrafo puo avere una larghezza di 500px e al suo interno attribuiremo la regola Float a Img, il testo P che si trovava sotto l immagine, ora si e spostato a lato, a sinistra!
qui è spiegato molto benePropriet
Bookmarks