Dopo il post in cui ho riportato e spiegato il codice per creare un orologio sulle nostre pagine web (http://tinformatizzo.blogspot.com/2010/12/un-orologio-con-javascript-codice-utile.html), vediamo di divertirci un po' sempre con il tempo..cioè costruendo un cronometro!
Alcuni magari andranno via, non penso interessi a tutti avere un cronometro nella homepage o in altre pagine del sito, magari però qualcuno è curioso di sapere come si può fare oppure a qualcun altro magari serve per davvero!
Detto ciò, come al mio solito, vi riporto il codice javascript + html che potete utilizzare senza problemi (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!) e le spiegazioni del codice:
giovedì 30 dicembre 2010
Un orologio con javascript - Codice utile
Ciao a tutti, con questo post inauguro la sezione del codice utile che voi potete utilizzare senza alcun problema (se poi eventualmente vi va di inserire il link del mio blog sul vostro sito ve ne sarei immensamente grato :) )
Ovviamente non usatelo in altri blog.. post in bacheche di siti vari, o altri siti etc..! Mentre siete liberi di usarlo per i siti che costruite voi, e non per mostrare il codice!.. (questo vale anche per tutti gli altri post con codice utile che metto sul blog)
Bene, quante volte vi sarà capitato di voler inserire nelle pagine del vostro sito un orologio per far apparire l'orario aggiornato sempre in sovraimpressione? A me è successo più di una volta..
Per questo motivo vi riporto qui il mio orologio da sito che voi potete utilizzare copiando il codice o modificandolo come meglio vi aggrada. Vi mostro l'intera pagina html (l'essenziale) con il codice javascript (intero) e poi vi spiegherò il tutto riga per riga.
Ovviamente non usatelo in altri blog.. post in bacheche di siti vari, o altri siti etc..! Mentre siete liberi di usarlo per i siti che costruite voi, e non per mostrare il codice!.. (questo vale anche per tutti gli altri post con codice utile che metto sul blog)
Bene, quante volte vi sarà capitato di voler inserire nelle pagine del vostro sito un orologio per far apparire l'orario aggiornato sempre in sovraimpressione? A me è successo più di una volta..
Per questo motivo vi riporto qui il mio orologio da sito che voi potete utilizzare copiando il codice o modificandolo come meglio vi aggrada. Vi mostro l'intera pagina html (l'essenziale) con il codice javascript (intero) e poi vi spiegherò il tutto riga per riga.
I primi tag del body - Corso HTML di base
Lezione 3
Ci eravamo lasciati nella scorsa lezione http://tinformatizzo.blogspot.com/2010/12/la-prima-pagina-tag-principali-corso.html dopo aver creato la struttura di base della nostra pagina html.
Ora ci accingiamo a modificare il nostro file facendo uso di nuovi tag per dare un aspetto diverso alla nostra pagina.
Come già detto, tutto quello che possiamo visualizzare nel nostro browser è contenuto tra i tag <body> e </body> del nostro file, perciò è proprio in questa "zona" che andremo ad apportare le nostre modifiche.
Ci eravamo lasciati nella scorsa lezione http://tinformatizzo.blogspot.com/2010/12/la-prima-pagina-tag-principali-corso.html dopo aver creato la struttura di base della nostra pagina html.
Ora ci accingiamo a modificare il nostro file facendo uso di nuovi tag per dare un aspetto diverso alla nostra pagina.
Come già detto, tutto quello che possiamo visualizzare nel nostro browser è contenuto tra i tag <body> e </body> del nostro file, perciò è proprio in questa "zona" che andremo ad apportare le nostre modifiche.
mercoledì 29 dicembre 2010
La prima pagina - tag principali - Corso HTML di base
Lezione 2
Per chi avesse saltato l'introduzione al corso, eravamo arrivati a creare una cartella "Corso_HTML_base" e un documento di testo "Prova_html.txt" all'interno di quest'ultima.
A questo punto apriamo il file con il blocco note o un altro qualsiasi editor di testo e inseriamo le seguenti linee di codice:
Per chi avesse saltato l'introduzione al corso, eravamo arrivati a creare una cartella "Corso_HTML_base" e un documento di testo "Prova_html.txt" all'interno di quest'ultima.
A questo punto apriamo il file con il blocco note o un altro qualsiasi editor di testo e inseriamo le seguenti linee di codice:
<html>
<head>
<title></title>
</head>
<body>
ciao mondo!
</body>
</html>
Introduzione al corso - Corso HTML di base
Lezione 1
Bene.. mi permetto solo questa volta di aggiungere questo commento: questo è il primo articolo che scrivo sul sito.. benvenuti a tutti
Questa è la prima lezione del corso html di base e quindi, essendo di base, presenterà l'essenziale per creare una pagina html passo dopo passo senza dover per forza utilizzare software appositi. Per capire è sufficiente creare un semplice file di testo e iniziare a scriverci dentro man mano che leggerete le nozioni in questa semplice guida.
Suppongo che molti di voi non vogliano perdere tempo nel leggere la storia dell'html o cosa significhi html o quali siano i funzionamenti nascosti o cose di questo genere che molto probabilmente avrete già letto altrove. Perciò tralasciando grandi introduzioni sull'html (Magari più in là aggiungerò qualcosa di più tecnico) vi basti sapere che se ora state leggendo questa guida è grazie all'html (in verità non solo grazie all'html).
Grazie all'html potete visualizzare i contenuti dei siti con qualsiasi browser (Internet explorer, Mozilla, Chrome..).
Ma allora come si fa per creare una pagina html?
Bene.. se siete decisi a imparare le cose essenziali per ottenere la vostra prima paginetta html, seguite le lezioni di questa guida.
INTANTO le prime cose che dovete fare sono le seguenti:
1. Create una cartella di lavoro sul vostro harddisk.. io la chiamo Corso_HTML_base
2. Nella cartella create un nuovo documento di testo.. io lo chiamo Prova_html
In questo modo siamo pronti per iniziare a imparare lavorando (o a lavorare imparando).
Alla prossima (prima vera) lezione..
Prossima lezione:La prima pagina - tag principali - Corso HTML di base
Bene.. mi permetto solo questa volta di aggiungere questo commento: questo è il primo articolo che scrivo sul sito.. benvenuti a tutti
Questa è la prima lezione del corso html di base e quindi, essendo di base, presenterà l'essenziale per creare una pagina html passo dopo passo senza dover per forza utilizzare software appositi. Per capire è sufficiente creare un semplice file di testo e iniziare a scriverci dentro man mano che leggerete le nozioni in questa semplice guida.
Suppongo che molti di voi non vogliano perdere tempo nel leggere la storia dell'html o cosa significhi html o quali siano i funzionamenti nascosti o cose di questo genere che molto probabilmente avrete già letto altrove. Perciò tralasciando grandi introduzioni sull'html (Magari più in là aggiungerò qualcosa di più tecnico) vi basti sapere che se ora state leggendo questa guida è grazie all'html (in verità non solo grazie all'html).
Grazie all'html potete visualizzare i contenuti dei siti con qualsiasi browser (Internet explorer, Mozilla, Chrome..).
Ma allora come si fa per creare una pagina html?
Bene.. se siete decisi a imparare le cose essenziali per ottenere la vostra prima paginetta html, seguite le lezioni di questa guida.
INTANTO le prime cose che dovete fare sono le seguenti:
1. Create una cartella di lavoro sul vostro harddisk.. io la chiamo Corso_HTML_base
2. Nella cartella create un nuovo documento di testo.. io lo chiamo Prova_html
In questo modo siamo pronti per iniziare a imparare lavorando (o a lavorare imparando).
Alla prossima (prima vera) lezione..
Prossima lezione:La prima pagina - tag principali - Corso HTML di base
Iscriviti a:
Post (Atom)