Select language: 
/ 
/
- PROGRAMMAZIONE -
..:: HTML / JavaScript ::..
Sezione dedicata al linguaggio html e javascript. Molti non considerano l'html un vero linguaggio di programmazione, ma la sua conoscenza è fondamentale per poter sviluppare qualunque cosa sul web. In questa sezione sono presentati dei piccoli esempi soprattutto di html misto a javascript, il linguaggio lato client derivato da java che aiuta a dare un po' di dinamicità alle pagine html di base. Oltre ai sorgenti di html e javascript, sono presenti le migliori guide che si trovano sul web e una breve storia dei linguaggi.
Html JavaScript Sorgenti Programmi Esempi Guide Html JavaScript Sorgenti Programmi Esempi Guide Html JavaScript Sorgenti Programmi Esempi Guide Html JavaScript Sorgenti Programmi Esempi Guide Html JavaScript Sorgenti Programmi Esempi Guide
Breve Storia Programmi esempio da scaricare Guide nel web
Breve storia dell 'HTML
HTML (acronimo per Hyper Text Mark-Up Language) è un linguaggio usato per descrivere i documenti ipertestuali disponibili nel Web. Non è un linguaggio di programmazione, ma un linguaggio di markup, ossia descrive il contenuto, testuale e non, di una pagina web. Punto HTML (.html) o punto HTM (.htm) è anche l'estensione comune dei documenti HTML.
È stato sviluppato da Tim Berners-Lee al CERN di Ginevra.
HTML è un linguaggio di pubblico dominio la cui sintassi è stabilita dal World Wide Web Consortium (W3C), e che è basato su un altro linguaggio avente scopi più generici, l'SGML. Durante gli anni l'HTML ha subito molte revisioni e miglioramenti, che sono stati indicati secondo la classica numerazione usata per descrivere le versioni dei softwares. Attualmente l'ultima versione disponibile è la versione 4.01, resa pubblica il 24 dicembre 1999. Da allora, da parte del W3C non è stata manifestata alcuna intenzione di apportare ulteriori modifiche all'HTML, poiché verrà presto sostituito dai nuovi linguaggi XHTML ed XML.
Ogni documento ipertestuale scritto in HTML deve essere contenuto in un file, la cui estensione deve essere .htm o .html. L'atomo principale della sintassi di questo linguaggio è l'elemento. Gli elementi sono le strutture del linguaggio a cui è delegata la funzione di formattare i dati o indicare al Web browser delle informazioni. Ogni elemento è racchiuso all'interno di tag, uno di apertura ed uno di chiusura. Quest'ultimo, per certi elementi, è opzionale. I tag sono dei segnalini (markup) costituiti da una sequenza di caratteri racchiusa da due parentesi angolari, cioè i segni minore e maggiore (Esempio: <br>; il tag di questo esempio serve per indicare un ritorno a capo). Spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag di apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo la parentesi angolare aperta (Esempio:<b> testo testo testo</b>. In questo caso, il testo compreso tra questi due tag verrà visualizzato in grassetto dal browser.
Un documento HTML comincia con l'indicazione della DTD, la quale dice al browser l'URL delle specifiche html che stiamo utilizzando per il nostro documento (indicando quindi, implicitamente, quali elementi, attributi ed entità possiamo utilizzare). Tutte le informazioni contenute nel documento devono essere indicate tra i tag <HTML> e </HTML>. All'interno di questi due tag la sintassi HTML permette due sezioni: una racchiusa tra i tag <HEAD> e </HEAD>, ed una racchiusa tra i tag <BODY> e </BODY>. All'interno della prima sezione sono indicate delle informazioni generali riguardanti l'intero documento e che non vengono visualizzate dal browser. All'interno della sezione BODY sono indicate tutte le informazioni effettivamente presenti nel documento.
Un altro esempio di sintassi evidenziata.Il tag principale dell'HTML è probabilmente il tag <A>, che descrive un collegamento (o link) ad un altro documento ipertestuale. Sui browsers grafici è possibile chiedere al computer di passare alla risorsa indicata dal link semplicemente facendo un clic con il mouse.
L'HTML prevede tag specifici per far fronte a molte necessità di formattazione e per fornire molte funzionalità, come ad esempio la visualizzazione di immagini e filmati, o l'accompagnamento audio della pagina, la visualizzazione di tabelle, la visualizzazione di liste, la gestione delle informazioni da passare ai motori di ricerca o ancora l'aspetto grafico del documento.
Un ulteriore ed importante caratteristica di HTML è che esso è stato concepito per definire il contenuto logico e non l'aspetto finale del documento. I dispositivi che possono accedere ad un documento HTML sono molteplici e non sempre dotati di potenti capacità grafiche. Proprio per questo gli sviluppatori di HTML hanno optato per un linguaggio che descrivesse dal punto di vista logico, piuttosto che grafico il contenuto dei documenti. Questo significa che non esiste alcuna garanzia che uno stesso documento venga visualizzato in ugual modo su due dispositivi. Se da una parte questo ha imposto in passato dei forti limiti agli sviluppatori di pagine Web, ha dall'altro garantito la massima diffusione di Internet ed evitato che essa diventasse un medium di élite.
Al giorno d'oggi pochi sviluppatori si occupano di scrivere una pagina web direttamente nel linguaggio HTML. Questo compito è invece spesso delegato ad un software detto editor WYSIWYG, che permette allo sviluppatore di occuparsi dell'aspetto grafico finale della pagina.
I documenti HTML vengono immagazzinati di solito sui dischi rigidi di macchine costantemente collegate ad Internet. Su queste macchine vi è installato un software detto web server, che si occupa di produrre e inviare i documenti ai browsers che ne fanno richiesta. Spesso il documento HTML viene generato da un software residente sul server Internet, che può così inviare al browser una pagina adattata a particolari situazioni. È il caso di software scritti nei linguaggi come ASP, PHP o Perl. Questi linguaggi permettono la realizzazione delle cosiddette pagine dinamiche.
Attualmente i documenti HTML incorporano molte tecnologie, che offrono la possibilità di aggiungere al documento ipertestuale delle animazioni interattive o degli effetti particolari. Si tratta di linguaggi come CSS, JavaScript o Java, o di altre applicazioni multimediali di animazione vettoriale o di streaming audio.
Ben presto HTML verrà molto probabilmente soppiantato dai suoi successori XHTML e XML, che rendono il codice estensibile.
Fonte: Wikipedia
Breve Storia Programmi esempio da scaricare Guide nel web
Pagine di esempio in HTML / JavaScript da visualizzare e scaricare
Qui sotto sono proposte delle pagine html con contenuti di javascript fatti da me come compiti o esercitazioni per la classe 3° di un istituto tecnico industriale specilizzazione informatica.
Tutti i programmi con source code proposti sono liberamente scaricabili e liberamente utilizzabili, non essendo sottoposti ad alcuna licenza commerciale. Tuttavia se per caso utilizzate i codici presi da qui vi chiedo (se ripublicati) un link a questo sito... Grazie.
| Guarda! | Scarica! | Titolo - Autore - Descrizione programma |
 Visualizza |
 Download |
|
| Gioco Pacchi - Vettolani Alberto | ||
| Un piccolo gioco in html fatto grazie al JavaScript | ||
Visualizza |
Download |
|
| Date - Vettolani Alberto | ||
| Controllo date in JavaScript | ||
Visualizza |
Download |
|
| Indivina il numero - Vettolani Alberto | ||
| Indovina un numero compreso tra 0 e 1000. Utilizzo del prompt sempre tramite JavaScript | ||
Visualizza |
Download |
|
| Mappa - Vettolani Alberto | ||
| Utilizzo della mappa su una parte di foto e gestione del tempo in JavaScript | ||
Visualizza |
Download |
|
| Controllo sul form - Vettolani Alberto | ||
| Controllo in JavaScript che non si introducano simboli proibiti nei campi di testo | ||
Visualizza |
Download |
|
| Entra - Vettolani Alberto | ||
| Inserisci una password per aprire l'altra pagina fatto in JavaScript (la psw è ciao) | ||
Visualizza |
Download |
|
| Form - Vettolani Alberto | ||
| Prova di un form in html con campi testo, password, textarea, select, checkbox e radio |
Breve Storia Programmi esempio da scaricare Guide nel web
Le migliori guide di html e javascript presenti nel web
Qui sotto sono riportati i LINK alle migliori guide di html e javascript che sono presenti sul web.
Queste guide sono state scritte dai proprietari dei vari siti e non da me! Per chiarimenti o spiegazioni riguardanti queste guide, non contattare me, ma i proprietari dei siti.
| Vai! | Le migliori guide all'HTML sono: |
 Vai |
Html.it - 12 capitoli |
Vai |
TutorialPC.it - 9 capitoli |
Vai |
Risorse.net - 18 capitoli |
Vai |
WebMasterPoint.org - 4 capitoli |
Vai |
GiorgioTave.it - 12 capitoli |
| Vai! | Le migliori guide al javascript sono: |
Vai |
Html.it - 4 capitoli |
Vai |
Html.it - 9 capitoli |
Vai |
WebMasterPoint.org - 18 capitoli |
Vai |
MrWebmaster.it - 16 capitoli |
Vai |
TeLoSpiego.it - 11 capitoli |
Vai |
Esempi Javascript su w3schools.com |
Copyright © 2006-2007 digilander.libero.it/vettolani. Tutti i diritti sono riservati.
E-mail webmaster: a.vetto89@hotmail.it