imparare le varie regole

[tecinese]

Un passo alla volta lo capirai, fidati! Prova a fare qualcosa di tuo, parti dalle regole che hai indicato e aggiungi qualcosina.
Ad esempio:
CSS Box model
http://www.w3schools.com/css/css_boxmodel.asp

CSS Layout - The position Property
http://www.w3schools.com/css/css_positioning.asp

CSS Layout - float and clear
http://www.w3schools.com/css/css_float.asp

Solo con queste c'è tantissimo da imparare, qui ci sono le basi per costruire il layout di un sito. Vedrai che le utilizzerai tantissimo.

[Alfoxx]

ok, allora sai cosa faccio?: proprio per la filosofia un passo alla volta

-mi ricreo il sito che abbiamo fatto al corso
-piano piano cerco di aggiungerci tutte le regole che abbiamo utilizzato
-e con la stessa flemma ci metto anche queste ultime che mi hai indicato.

-dopo visto che succede, me ne creo uno del tutto nuovo e seguo la stessa procedura

Proprio ieri rileggendo quello che avevo preso come appunti dalla guida mi sono soffermato su queste tre che mi hai indicato, o forse perchè erano i paragrafi più lunghi

ciao e grazie mille

[Mich_]

Aggiungo i miei due cent ...

Le regole sono molte, ma non e` necessario usarle tutte, e comunque in molti layout non servono tutte.

Nel sito w3schools, gia` citato da qualcuno, trovi gli attributi CSS catalogati per materia.
Quindi se devi/vuoi fare una pagina semplice, userai <div>, <img>, <p>, <a> e pochi altri.
Poi magari vuoi evidenziare alcune parole o frasi, e allora puoi usare <span>, <em>, ...
Quando fai un menu, dovrai usare le liste: <ul>, <li>. Poi sai che esiste anche <ol>, e <dl>, ma non ti serve: mettili in un angolo della memoria e tirali fuori quando dovrai fare liste ordinate e di definizione.
Ecc.

Tieni presente che i manuali di riferimento stanno sempre li`, ad aiutarti quando ti serve. E` impossibile programmare senza un manuale sotto mano (puo` essere cartaceo, o elettronico; sul tuo PC o in rete, non importa: l'importante e` averlo e saperlo usare).
Poi la tua intelligenza/esperienza ti deve aiutare a capire quando un tag (HTML) o un attributo (HTML o CSS) sono usati in modo semanticamente corretto o no. Se stai usando un tag/attributo in modo non corretto, vai sul manuale a cercare il tag/attributo corretto.
Tieni presente che usare i tag/attributi in modo semanticamente sbagliato ti complica la vita (soprattutto poi), per cui val sempre la pena di "perdere" (io pero` lo chiamerei investire) qualche minuto a cercare la soluzione corretta (o chiederla nel forum).

[Alfoxx]

ciao Mich
scusa se non ti ho risposto prima, ma stavo appunto provando a terminare ciò che più o meno già sapevo, ed iniziare ad integrare qualcosa di nuovo.

Ti volevo chiedere: quando dici "isare i tag/attributi in modo semanticamente sbagliato complica la vita"... mi spieghi per favore cosa vuoi dire? come sbaglio semanticamente? mi potresti fare un esempio?

[Mich_]

SEMANTICA (da Wordreference.com)

1. La scienza dei significati, definiti da parole significanti quando si tratti di nozioni o azioni, e da segnali morfologici quando si tratti di rapporti sintattici.

quando dici "usare i tag/attributi in modo semanticamente sbagliato complica la vita"... mi spieghi per favore cosa vuoi dire? come sbaglio semanticamente? mi potresti fare un esempio?

Nota che non mi riferivo direttamente a quanto da te detto o programmato, ma a errori comuni che vedo nel forum.
Ad esempio usare i <div> per fare una lista e` un uso semanticamente sbagliato.
Usare le tabelle per formattare e` un uso semanticamente sbagliato.

Infatti i tag hanno un loro significato semantico: cioe` sono fatti per dare una struttura al contenuto. Ma tieni presente che i browser conoscono questi significati, e cercano di visualizzarli per trasmettere questo significato. E` chiaro che se vuoi forzare un tag ad esprimere qualcosa diverso da quello per cui e` stato inventato, devi poi forzare il browser a cambiare il modo di visualizzare.


E ci sono altri motivi:
Tu probabilmente conosci cosa fanno i browser visuali (i piu` comuni), ma ci sono browser non visuali (ad esempio uditivi), browser specifici per particolari categorie di utenti, che per agevolare i loro utenti interpretano i significati semantici nel modo che ritengono piu` adatto al loro scopo. Dato che tu non puoi conoscere tutti i browser speciali, metti in crisi i loro utilizzatori se usi i tag in modo errato.

[Alfoxx]

ciao Mich
grazie per la risposta

mi ha colpito una cosa che mi hai detto: per formattare una pagina non si usano le tabelle.
cosa si usa quindi?

Allora per fare una pagina con 3 colonne come si fa?

[Mich_]

Formattare con le tabelle e` cosa preistorica. Si usava con HTML1 e HTML2, perche` non esisteva altro modo.
Le tabelle servono per intabellare i dati (deve esserci riferimento a righe e colonne)

Adesso si usano i <div>, ed eventualmente la tecnica delle "false colonne".

Tra i "link utili" del forum ci sono alcuni riferimenti a siti di layout. Li` trovi le risposte a tutti i dubbi di formattazione.

[Alfoxx]

Formattare con le tabelle e` cosa preistorica. Si usava con HTML1 e HTML2, perche` non esisteva altro modo.
Le tabelle servono per intabellare i dati (deve esserci riferimento a righe e colonne)

Adesso si usano i <div>, ed eventualmente la tecnica delle "false colonne".

Tra i "link utili" del forum ci sono alcuni riferimenti a siti di layout. Li` trovi le risposte a tutti i dubbi di formattazione.

allora il prof del corso è della vecchia scuola.
Mi piacerebbe capire come fare a rendere con i div quello che abbiamo fatto al corso


L'attuale html è la versione 4, e poi c'è html5 che ancora non è utilizzato al massimo giusto?


i link utili li trovo in questa sezione css? o html?
EDIT: Forse l'ho trovato:http://forum.html.it/forum/showthrea...1#post25344238

[Mich_]

allora il prof del corso è della vecchia scuola.

Se formatta con le tabelle e` da licenziare in tronco. Sono almeno 15 anni che non si dovrebbero piu` usare per formattare

L'attuale html è la versione 4, e poi c'è html5 che ancora non è utilizzato al massimo giusto?

Forse ti manca qualche passaggio ...
HTML4 e` ormai superato.
HTML4 e` uscito in 2 versioni: Transitional (per adattarsi alle versioni precedenti - a quel tempo serviva per far funzionare Microsoft IE) e Strict (molto piu` ligio alle regole)
Poi c'e` stato XHTML Transitional e Strict; che pero` e` stato superato da HTML5, che ormai va per la maggiore.
(tutte le DTD le trovi nei manuali HTML, alla voce DOCTYPE)

Se io dovessi insegnare un linguaggio di programmazione e volessi far imparare qualcosa di divertente, userei XHTML Strict + CSS 3 (per abituare alla forma mentis della programmazione), con l'aggiunta di Javascript per far muovere gli oggetti sullo schermo.

In realta` oggi ci sono CMS che scrivono direttamente HTML5, per cui non e` strettamente necessario conoscere il linguaggio di marcatura, pero` se si vuole ottimizzare il tutto e` necessario conoscere il linguaggio (l'ottimizzazione umana e` spesso migliore dell'ottimizzazone automatica).

i link utili li trovo in questa sezione html?

(Quasi) ogni sezione del forum ha i suoi "link utili". Io mi riferivo a quelli di CSS. E` un thread in rilevo (le prime discussioni del forum)

[Alfoxx]

penso di avere l'idea ed il modo di ragionare per la programmazione ....per via della laurea.

PErò di web non ne so molto, ma mi sto cimentando da poco.

XHTML non l'ho proprio studiato così come pure il Javascript. Ma ho visto e preso appunti dalle guide HTML CSS ed HTML5 e CSS3 da questo sito.

Il problema è che mettere in pratica tutto è un po' difficile....poi mi si rompono quelle piccole certezze: come per esempio
-le tabelle non si usano più
-html4 è superato

puoi immaginare in che condizioni sto




Se mi puoi dare qualche consiglio sul da farsi è sempre ben accetto.
In questa settimana mi stavo focalizzando su cosa ci siamo detti con tecinese e quindi il riprodurre ciò che abbiamo fatto al corso ed aggiungere piano piano del css nuovo come quello dei tre link w3schools