Le Liste

Abbiamo visto nella lezione precedente, come inserire del testo e formattarlo a seconda delle proprie esigenze; un testo però a volte necessita di elenchi o liste più o meno ordinate e xhtml, grazie ai css, offre diverse possibilità per gestire e personalizzare queste liste, vediamone alcune, quelle maggiormente adoperate. Tutte le liste possono essere nidificate fra loro, all'interno di queste liste ci...

Il testo

Abbiamo visto nella lezione precedente, come creare la nostra prima pagina web usando una struttura base e mettendo al suo interno una qualunque scritta generica, allo stesso identico modo avremo potuto scrivere un intero libro se solo avessimo voluto farlo. Ma un testo ha bisogno di essere formattato per essere più facilmente leggibile; ed è proprio di questo che ci occuperemo...

Regole, struttura base e DOCTYPE

Dopo aver visto quali sono gli strumenti necessari possiamo iniziare a fare qualcosa di veramente concreto, creiamo nel nostro PC una nuova cartella dove andremo a salvare tutti i nostri files ed assegnamogli un nome, quello che volete, magari xhtml. I TAGS, o elementi, che compongono XHTML devono essere racchiusi fra parentesi angolari: < queste > Si tratta di parole chiave, termini riservati in lingua inglese, da...

Gli Strumenti 

Dopo la prefazione rivolta a chi conosce già HTML possiamo ora rivolgere particolare attenzione al principiante che non sa praticamente nulla e che vuole iniziare da zero a costruire la sua prima pagina web nel pieno rispetto delle regole di quelli che sono gli attuali standard. Non è assolutamente necessario aver letto Primi passi HTML mentre diventa obbligatorio leggere la Guida CSS entrambe presenti sul menù...

Guida XHTML: introduzione

Muovere i primi passi in XHTML con Style. Benvenuti su questa guida. Se siete arrivati fin qui e non per caso, significa che siete interessati a fare pagine web usando XHTML (Extensible Hyper Text Markup Language) ovvero una evoluzione del linguaggio html, basata sulla sua organizzazione, che fa uso di regole decisamente più rigide e di conseguenza meno tolleranti del...

Conclusioni

Conclusioni: HTML5 ha introdotto nel web anche molto altro ancora ma come è mia abitudine fare, al momento ho trattato soltanto gli argomenti che personalmente considero realmente utili ai fini pratici. Non è presunzione, considerando anche che la rete è piena di siti che trattano HTML5 in maniera molto esaustiva. Lo stesso sito del W3C dal quale ho attinto molte delle info contenute...

Metodi e Proprietà Javascript per disegnare testo canvas

Nella lezione introduttiva abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per scrivere al suo interno del testo, dando per scontato che abbiate letto e compreso la lezionesul disegno delle forme.   font La proprietà font serve per impostare gli attributi del testo, è possibile specificare lo style del font, la sua dimensione e la...

Metodi e Proprietà Javascript per disegnare immagini canvas

Nella lezione introduttiva abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per disegnare al suo interno delle immagini dando per scontato che abbiate letto e compreso la lezione precedente sul disegno delle forme.   createLinearGradient(x,y iniziali, x,y finali) Il metodo createLinearGradient() serve per creare una sfumatura di colore lineare. Una volta dichiarato il rettangolo e creato...

Metodi e Proprietà Javascript per disegnare forme nel canvas

Nella lezione precedente abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per disegnare al suo interno una linea retta che lo attraversa in diagonale, per farlo ci posizioniamo in alto a sinistra moveTo(0,0) e tracciamo una linea fino al punto (250,150) praticamente le dimensioni max del nostro canvas e...

Canvas: il nuovo elemento per disegno 2d in HTML5

Una delle maggiori novità introdotte da HTML5 è la possibilità di disegnare "al volo" sulla pagina web facendo uso di un linguaggio di scriptting come ad esempio JavaScript. Si tratta di definire una porzione della pagina web sulla quale poter disegnare (in 2d) forme geometriche, font di caratteri e persino immagini grafiche. Questa possibilità prende il nome di canvas...