Come creare un pagina portfolio in HTML 5

Oggi impariamo a costruire una pagina portfolio con i nostri lavori in anteprima, creando una griglia di immagini con qualche appetitoso effetto grafico. Tutto attraverso il codice HTML 5 e il CSS 3.

La griglia di immagini sarà responsive, cioè sarà in grado di adattarsi alle dimensioni dello schermo, e quindi sarà ottimizzata per i dispositivi mobili come tablet e smartphone.

La griglia

Impostiamo un file HTML 5 standard index.html (vedi qui come costruire una pagina) con una sezione  a tutto schermo e dei tag article con un id numerato.

Continua a leggere

Come creare un sito web in HTML 5

Oggi impareremo a costruire un piccolo sito web con i codici HTML 5 e CSS 3.

Per cominciare vediamo che cosa è il linguaggio HTML.

L’HyperText Markup Language è un linguaggio di markup per documenti ipertestuali. È un linguaggio di pubblico dominio, la cui sintassi è stabilita dal World Wide Web Consortium (W3C). E’ la struttura portante di ogni sito web che vediamo sui nostri browser. Oggi la versione standard è l’HTML 5.

Il linguaggio di struttura HTML, che è utile per costruire siti o applicazioni web, è costituito principalmente dei cosiddetti tag: elementi racchiusi tra i simoboli <> che hanno delle caratteristiche diverse sia per il nome, funzione e scopo semantico. Per scrivere una qualsiasi pagina in HTML possiamo utilizzare un qualsiasi editor di testo come il Blocco Note di Windows o il TextEdit per Mac.

Continua a leggere

%d blogger cliccano Mi Piace per questo: