per principiante: da html a css?

[Giuseppone]

Visto che mi hanno chiuso (min**** che formalità ) questo post, cambio il titolo ma non la sostanza!

Mi sono creato, inizialmente, una pagina html di 48 righe a 4 colonne con il classico codice

<table width="730" border="0">
  <tr>
    <td><div align="center">MATTINA</div></td>
  </tr>
</table>
<table width="730" border="0">
  <tr>
    <td width="92"><div align="center">[img]replica.jpg[/img]</div></td>
    <td width="196"><div align="center">06.00 - 06.30</div></td>
    <td width="351"><div align="center">TRASMISSIONE</div></td>
    <td width="75"><div align="center">[img]no-air.jpg[/img]</div></td>
  </tr>

per far diventare tutto

<div class="ts_0">
<div class="ts_1"> <div align="center">MATTINA</div>
</div>
</div>

<div class="ts_2">
<div class="ts_3"><div align="center">[img]replica.jpg[/img]</div></div>
<div class="ts_4"><div align="center">06.00 - 06.30</div></div>
<div class=" ts_5"> etc etc etc

ed applicare il css

@charset "utf-8";
/* CSS Document */

.ts_0 {
	border: 0px outset black;
	height: 25px;
	position: relative;
	text-align: left;
	width: 730px;
}

.ts_1 {
	height: 19px;
	left: 2px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 724px;
	text-align: center;
	font-weight: bold;
}

.ts_2 {
	border: 0px outset black;
	height: 290px;
	position: relative;
	text-align: left;
	width: 730px;

(tutto tratto con Table2CSS)
devo ricominciare tutto dall'inizio o c'è un modo più veloce?

[Giuseppone]

Confermando che ho fatto tutto a "manina", riga per riga, cella per cella, colonna per colonna, rimane comunque la curiosità di un principiante: c'è un modo meno certosino per fare ciò?
Cioè una volta fatto lo schema in HTML, per fare la conversione si deve ricominciare dall'inizio o c'è un modo più veloce?

[P.aolo83]

Il tuo sistema mi sembra un po' strano, non capisco come hai creato tutte quelle tabelle e poi trasformate in div (con qualche programma? dreamweaver per caso?), comunque non è il classico modo (o almeno non più per creare una pagina), visto che l'uso delle tabelle è oramai deprecato.

Quindi... ti consiglierei di ricominciare tutto da capo, studiare bene HTML e CSS, e poi riprovare. Ti consiglio questo sito: http://htmldog.com/ in inglese, ma il migliore per iniziare secondo me.

[Giuseppone]

Sì, esatto, essendo, appunto, alle prime armi prima ho fatto tutto in HTML classico....poi ho scoperto che dovevo fare i CSS e, certosinamente, ho lavorato con dreamweaver......in italiano non c'è nulla?


Comunque intanto grazie per avermi risposto

[gengix]

http://css.html.it/guide/leggi/2/guida-css-di-base/

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

[salasir]

Secondo me c'è anche una questione di mentalità da impostare. Fare un layout a tabelle e poi cercare di trasformarlo in <div> con i CSS, ma sostanzialmente mantenendo la stessa struttura, è sbagliato.

Prova a leggere questo; forse può aiutarti a capire da dove iniziare a progettare un sito.
La nuova filosofia di progettazione web

[P.aolo83]

Aggiungo solo una cosa: quello che tu chiami "HTML classico" è in realtà HTML deprecato, o almeno qualcosa che non dovrebbe più essere imparato da chi inizia adesso con il webdesign (e sarebbe meglio che anche i vecchi webdesign se lo dimenticassero).

Quindi ti consiglio di far finta di dimenticare tutto quello che riguarda la costruzione con le tabelle e ripartire con div, css, etc... all'iniizo può sembrare difficile, ma visto che la tecnologia avanza bisogna avanzare (diciamo che sarebbe come usare ancora Windows 3.1 oggigiorno... funziona ma non ha senso)

[Giuseppone]

fantastici....trovo tutto molto interessante......con i vostri consigli spero di imparare molto....e più ne arrivano meglio è!
Grazie