HTML5 & CSS3

HTML5 & CSS3 (13)

Giovedì, 12 Dicembre 2019 11:03

Proprietà CSS3 più usate

Scritto da

Non è facile fare un riassunto delle centinaia di proprietà usate nei fogli di stile CSS. Certo è che ce ne sono alcune decisamente più usate e che è quasi irrinunciabile non conoscerle o che, con esercizi ripetuti, ci entrano in testa in modo automatico.

Lunedì, 25 Novembre 2019 15:15

Le tabelle con DIV e CSS3

Scritto da

Negli ultimi anni si è sempre più imposto nel mondo web, la realizzazione di pagine web senza tabelle o i pessimi frame per determinare la disposizione degli oggetti. Abbiamo già parlato anche dei tag semantici che vanno decisamente verso questa direzione.

Mercoledì, 20 Novembre 2019 10:11

Esercizio 03 - pagina HTML/CSS

Scritto da

Un esempio cumulativo di tutte le caratteristiche HTML5/CSS3 viste nei precedenti esempi. Un esempio anche visivamente un po' più carino e realistico di sito web, rispetto ai precedenti ma senza troppe aspettative! Cerchiamo di analizzare le sue singole parti. Come sempre, trovate il codice cumulativo in allegato.

Lunedì, 28 Ottobre 2019 09:09

Esercizio 00 - pagina HTML/CSS

Scritto da

Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressata con la struttura esemplificativa ma realistica del nostro sito con la/le pagine web nel livello più basso, una cartella css per i fogli di stile, una js per gli script javascript ed una img per contenere le immagini. I link all'interno del codice delle pagine devono tener conto di tali percorsi. Quindi il codice è estratto e pubblicato. Le soluzioni proposte non necessariamente sono le uniche valide, possono esistere diversi modi di realizzare una specifica con selettori e fogli di stile differenti. Le soluzioni proposte sono testate su W3C Validator

Mercoledì, 09 Ottobre 2019 21:36

Esercizio tag base 02

Scritto da

Un altro esercizio per focalizzare l'attenzione sulla creazione di semplicissime pagine web. Le istruzioni guidano a creare una struttura di cartelle e di file, ad inserire i vari elementi di formattazione.

Lunedì, 07 Ottobre 2019 22:00

Esercizio tag base 01

Scritto da

Un semplice esercizio per focalizzarci sulla creazione di cartelle e pagine web, con struttura di base, i principali tag per la formattazione, immagini, link, liste e tabelle. In allegato il codice, istruzioni e immagine col risultato atteso.

Mercoledì, 02 Ottobre 2019 23:01

Esercizio tag base 00

Scritto da

Un esercizio che sfrutta i tag base per la formattazione, una tabella, un elenco numerato, link a pagine interne, immagini. Il tema è la città di Teramo.

Lunedì, 16 Settembre 2019 08:13

Esercizio 02 - pagina HTML/CSS

Scritto da

Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressata con la struttura esemplificativa ma realistica del nostro sito con la/le pagine web nel livello più basso, una cartella css per i fogli di stile, una js per gli script javascript ed una img per contenere le immagini. I link all'interno del codice delle pagine devono tener conto di tali percorsi. Quindi il codice è estratto e pubblicato. Le soluzioni proposte non necessariamente sono le uniche valide, possono esistere diversi modi di realizzare una specifica con selettori e fogli di stile differenti. Le soluzioni proposte sono testate su W3C Validator

Venerdì, 13 Settembre 2019 13:38

Esercizio 01 - pagina HTML/CSS

Scritto da

 Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressata con la struttura esemplificativa ma realistica del nostro sito con la/le pagine web nel livello più basso, una cartella css per i fogli di stile, una js per gli script javascript ed una img per contenere le immagini. I link all'interno del codice delle pagine devono tener conto di tali percorsi. Quindi il codice è estratto e pubblicato. Le soluzioni proposte non necessariamente sono le uniche valide, possono esistere diversi modi di realizzare una specifica con selettori e fogli di stile differenti. Le soluzioni proposte sono testate su W3C Validator

Domenica, 01 Dicembre 2019 16:25

Form HTML/CSS (intermedio) - Esempio 01

Scritto da

Una lista di esercizi con form HTML5 e CSS3. Gli esercizi contengono CSS esterni e l'uso dei tag DIV per una formattazione più complessa ma una resa grafica più piacevole ed in linea con la realtà che troviamo sul web. Qui una forma di login con input senza bordi e un bordo blu quando si fa focus/clicca dentro la casella stessa.