trasformare un idea in html

[iaiasole]

Ciao a tutti, sono ilaria e mi occupo di design e grafica.
Mi hanno chiesto di progettare un sito, però il mio approccio è da grafica.
Sto studiando html e css. In particolare mi interessa imparare un modo intelligente per fare "tabelle" con un css. QUelli che ho visto su dreamweaver e simili sono troppo rigide e brutte.
vi do il link dell'immagine dell'idea che vorrei realizzare.
grazie
ilaria
http://iaiahtml.blogspot.com/

[miki003]

Si! Può fare, naturalmente con l'ausiglio di un background per la tabella e un immagine con parti semitrasparenti che faccia da sfondo alle celle

[wand332]

Dovrebbe bastare una tabella in html con finestre trasparenti

[miki003]

Originariamente inviato da wand332
Dovrebbe bastare una tabella in html con finestre trasparenti

No! Perchè le celle hanno gli angoli arrotondati

[wand332]

Originariamente inviato da miki003
No! Perchè le celle hanno gli angoli arrotondati

Non basta associare alle celle (con contorno invisibile) figure con angoli arrotondati preparate in photoshop? (parlo da semi profano)

[miki003]

Originariamente inviato da wand332
Non basta associare alle celle (con contorno invisibile) figure con angoli arrotondati preparate in photoshop? (parlo da semi profano)

Ed è quello che avevo detto subito io!

Originariamente inviato da miki003
Si! Può fare, naturalmente con l'ausiglio di un background per la tabella e un immagine con parti semitrasparenti che faccia da sfondo alle celle

Ma quando tu dici

Originariamente inviato da wand332
Dovrebbe bastare una tabella in html con finestre trasparenti

Si intende trasparenti senza immagini

[iaiasole]

Grazie a tutti per aver risposto così velocemente.
Ho altre domande per te:
Quindi posso inserire un immagine di background alla tabella?dico un immagine grossa che stia sotto le mie 8 celle? (2righe e 4colonne)
Che intendi con"un immagine con parti semitrasparenti che faccia da sfondo alle celle"?
io poi i quadratoni bianchi in trasparenza volev
o imparare metterli sul CSS.
C'è un modo per dare trasparenza al fondo di una cella? e per stondare gli angoli? ho letto che ci sono delle nuove "regole"( nn so come chiamarle) del CSS3 che però volte danno problemi con alcuni browser.

Stondare le foto invece?c'è tipo una maschera alla photoshop?però questo è secondario potrei imparare a farlo quando sarò più brava.

Ho postato il nuovo schema che ho fatto della pagina, dopo aver studiato un pò

http://iaiahtml.blogspot.com/

in verde è la tabella coplessiva dove voglio inserire i dati, e che è contenuta dentro div content
ma la tabella la posso impostare nel foglio CSS o c'è qualche altro modo?

[miki003]

Originariamente inviato da iaiasole
Quindi posso inserire un immagine di background alla tabella?dico un immagine grossa che stia sotto le mie 8 celle? (2righe e 4colonne)

Si!
CSS

table {background: url(immagine.jpg);}

Originariamente inviato da iaiasole
Che intendi con"un immagine con parti semitrasparenti che faccia da sfondo alle celle"?

Vedendo che tu hai fatto una cella semitrasparente con angoli arrotondati che lascia intravvedere lo sfondo della tabella, ho inteso mettere un'immagine di background alle celle con gli angoli arrotondati e resa semitrasparente via css, o con una png con il canale alpha a circa 50% e sopra puoi mettere i contenuti.

Originariamente inviato da iaiasole
io poi i quadratoni bianchi in trasparenza volev
o imparare metterli sul CSS.

Si si può fare come ho detto sopra, ma se hai come vedo uno sfondo cella che è composto da una parte trasparente e una no, con i css non lo puoi fare perchè renderesti trasparente tutte le parti dell'immagine

Originariamente inviato da iaiasole
C'è un modo per dare trasparenza al fondo di una cella? e per stondare gli angoli? ho letto che ci sono delle nuove "regole"( nn so come chiamarle) del CSS3 che però volte danno problemi con alcuni browser.

La risposta a questa domanda è compresa nelle risposte sopra. I CSS3 non sono ancora compatibili con tutti i browser e neanche completamente

Originariamente inviato da iaiasole
Stondare le foto invece?c'è tipo una maschera alla photoshop?però questo è secondario potrei imparare a farlo quando sarò più brava.

Si! Farlo con un programma di grafica è il modo più veloce e più pulito.

Originariamente inviato da iaiasole
ma la tabella la posso impostare nel foglio CSS o c'è qualche altro modo?

Tutte le formattazioni vanno fatte da foglio di stile.