Fabio Donatantonio.
Analista programmatore/Docente.
Cosa trovi nel mio sito:
- Script, programmi, esercizi e tutorial
- Componenti Web
- Risorse didattiche
- Pensieri, riflessioni e altro…
Per contatti puoi accedere all’apposita sezione presente in questo sito, accedi da qui.
Gli studenti iscritti all’Università degli Studi eCampus possono contattarmi tramite posta elettronica al seguente indirizzo: fabio.donatantonio[at]uniecampus.it
Html: bordi, margini e spaziatura
- Gennaio 29, 2013
- by
- Donatantonio
Esistono, come abbiamo già in parte visto, numerose proprietà legate agli elementi html. Alcune sono ad esempio necessarie per creare una spaziatura tra gli elementi o il loro contenuto (MARGIN e PADDING).
Scrivere:
<div style=‘margin:5px; padding:3px’>… Contenuto del blocco … </div>
ci permette di visualizzare un div che è distanziato di...
Html: dimensione degli elementi
- Gennaio 29, 2013
- by
- Donatantonio
Grazie alla proprietà width (larghezza), è possibile specificare in pixel o in percentuale la larghezza che un elemento dovrà occupare all’interno della finestra del browser.
La sintassi è molto semplice:
<div style=‘width:200px’>…Contenuto…</div>
Questa proprietà è molto utile quando si desidera realizzare menu, finestre o elementi che richiedano dimensioni ben precise.
Vediamo...
Html: i colori e gli sfondi
- Gennaio 29, 2013
- by
- Donatantonio
Tutti gli esempi proposti nelle lezioni precedenti, per esigenze puramente didattiche, hanno tenuto poco conto dell’aspetto grafico di una pagina html. Nonostante ciò è impensabile realizzare ipertesti o siti web che non utilizzino colori, immagini o particolari regole di formattazione.
Questa lezione introdurrà le regole di stile...
Finestra news con effetto fade (news ticker) – v 2.0 news da file esterno
- Ottobre 23, 2012
- by
- Donatantonio
In questo articolo vedremo una variante del News Ticker javascript descritto qui.
Molti utenti negli ultimi mesi mi hanno chiesto se era possibile reperire le news da un file esterno presente sul server (magari un semplice file txt) invece che scriverle direttamente nell’html della pagina principale, in modo tale da...
Html: altri campi di input
- Aprile 03, 2012
- by
- Donatantonio
Oltre che inviare dati in forma testuale, in base a scelte o stringhe digitate, spesso sorge l’esigenza di inviare dei file al server.
Immaginiamo ad esempio a quei siti che ci permettono di caricare le nostre foto preferite per farle visualizzare ai nostri amici, fornendo solitamente un modulo...
Html: checkbox e radio button
- Aprile 03, 2012
- by
- Donatantonio
In alternativa alle select multiple, è possibile utilizzare le checkbox per effettuare scelte multiple.
Una checkbox è da intendersi come un elenco di scelte ognuna contraddistinta da un box, ogni box spuntato equivale alla scelta della voce associata. In altre parole ogni casella di controllo (box) se spuntata...
Html: le select
- Aprile 03, 2012
- by
- Donatantonio
Spesso sarà capitato di compilare dei moduli html e trovarsi d’innanzi una serie di possibili scelte da un menu a tendina.
Per realizzare un menu di scelta è necessario il tag <select> che conterrà a sua volta ogni singola voce che compone il menu <option>. La sintassi quindi è la...
Html: ulteriori campi di testo
- Aprile 03, 2012
- by
- Donatantonio
Oltre ai classici campi di testo visti negli articoli precedenti, è possibile instanziare un campo che sostituisca ad ogni carattere un asterisco (*) o altro simbolo grafico, in modo tale da rendere non leggibile il testo immesso.
Solitamente tali campi sono utilizzati per inserire password o parole chiave, soprattutto...