HTML & CSS

Esercizi e guide su HTML 5 e fogli di stile CSS 3

Creare automaticamente strutture per progetti HTML e PHP con script Bash, Batch e Python (Tkinter)

di
informatica-logo

Realizzare progetti web in HTML o PHP scolastici può risultare relativamente semplice semplice, ma ripetere la creazione manuale della struttura di file e cartelle può essere tedioso. Progetti più articolati con Laravel ad eempio prevedono gia uno script automatico per la creazione del necessario. In questo articolo vediamo come automatizzare il processo utilizzando semplici script … Leggi tutto

La struttura di una pagina web

di

HTML 5 introduce una novità particolare alle versioni precedenti. Già dalle versioni XHTML, gli sviluppatori si sono abituati a creare strutture delle pagine attraverso un uso massiccio dei tag <div> che hanno preso il posto di tabelle e frame, con benefici ineguagliabili per la manutenzione e leggibilità del codice. Il sito risulta così diviso in … Leggi tutto

Pagine HTML con CSS Responsive

di

In questo articolo vediamo alcune tecniche per rendere le nostre pagine web “responsive”, ovvero capaci di adattarsi allo schermo/dispositivo su cui vengono visualizzate per consentire una fruizione più comoda, mantenendo inalterata l’esperienza utente, che si usi ad esempio un pc con schermo grande, un tablet con uno schermo medio o uno smartphone con schermo piccolo. Vediamo come.

Leggi tutto

Visite: 1.302

Cheatsheet CSS, le proprietà più usate

di
html-css

Non è facile fare un riassunto delle centinaia di proprietà CSS 3 usate nei fogli di stile. Certo è che ce ne sono alcune decisamente più usate e che è quasi irrinunciabile non conoscerle. Lo studente spaesato, con esercizi ripetuti, potrà certamente memorizzarle in modo semplice. Vediamo un prontuario, un cheat sheet suggerito per le … Leggi tutto

Esercizio 00 – pagina HTML/CSS

di
html-css

Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressa 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

Leggi tutto

Visite: 618

Esercizio 01 – pagina HTML/CSS

di

Andiamo a vedere un esercizio con HTML e CSS per realizzare una vera pagina con un layout strutturato. Oltre al codice commentato, è presente un file zip con la struttura delle cartelle e il codice completo. Come ogni esercizio la struttura delle nostre cartelle è: Una cartella radice, le tre cartelle img, css, js, il … Leggi tutto

Esercizio 02 – pagina HTML/CSS

di

Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressa 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

Leggi tutto

Visite: 398