| Creare orologi e datari web con html e script |
HTML and web pages tutorials: Creare Orologi e datari web con html e script Una volta che avete seguito il tutorial per la creazione del vostro gadget, non dimenticate di concludere seguendo anche il tutorial per la creazione del frame... che è molto importante Fase 1: preparazione dell'immagineSiccome la prima parte del procedimento è uguale per tutti e tre, questo tutorial è la preparazione di base da seguire sia per calendari, che datari, che orologini, cambiera' solo l'inserimento del codice. Apri front page e posizionati su "normale", fai "inserisci--->livello"... vai ora in "codice", clicca col mouse prima del tag </div> e fai, dalla barra in alto "inserisci--->immagine---da file", cerca nel tuo pc l'immagine da inserire e clicca ok. Ora vai su "normale", clicca sul bordino dell'immagine in modo che il livello dell'immagine sia selezionato (facendo modo,quindi, che il nuovo livello che ora creeremo resti inglobato a quello creato prima) e fai nuovamente "inserisci--->livello"  Ti ritroverai un quadratino dai bordini azzurri nel riquadro del programma è il nuovo livello creato). Premi il tasto del mouse sul riquadro in alto a sinistra, dove vedi sritto "livello 1" per spostarlo nella posizione dove piu' ti piace sull'immagine, cosi'  Ora torna su "codice" e sei pronta per inserire il codice. Per poter essere visualizzato in linea, l'immagine deve essere hostata su un servizio di hosting free, carica quindi l'immagine che hai usato direttamente nel tuo spazio web, oppure usa servizi come "imageshack", in modo da avere l'url da inserire al posto del percorso interno al tuo pc messo dal programma al momento dell'inserimento immagine 
Fase 2: inserimento del codice [calendario web]
Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurro Clicca con il mouse subito prima del tag di chiusura </div> ora scarica questo codice in formato .zip SCARICA CODICE ...scompatta il file, salvalo in blocco note, cosi' lo avrai ogni volta che ti servira', copialo ed incollalo dove avevi cliccato prima, prima del tag </div> L'unica parte che puoi modificare, per pesonalizzare ed adattare alla tua immagine, è quella relativa al font, che vedrai, in front page, colorata di verde chiaro  Se ora vai su anteprima potrai vedere il tuo calendario in funzione, se la posizione non è perfetta, torna su "normale" e sposta il livello. Quando è tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page) Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione Per ora vediamo solo il risultato del mio, finito, come lo dovreste vedere andando su "anteprima"
Fase 2: inserimento del codice [orologio web]
Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurroClicca con il mouse subito prima del tag di chiusura </div> Ora copia tutto questo codice
ed incollalo dove avevi cliccato prima, prima del tag </div> L'unica parte che puoi modificare, per pesonalizzare ed adattare alla tua immagine, e' quella relativa al font
puoi quindi, rispettivamente, variare la grandezza, il colore e tipo di font Se ora vai su anteprima potrai vedere il tuo orologio in funzione, se la posizione non e' perfetta, torna su "normale" e sposta il livello.  Quando e' tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page) Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione Per ora vediamo il mio, finito, come dovreste vederlo andando su "anteprima
Fase 2: inserimento del codice [datario web]
Vai in "codice" e ti ritroverai il <div> appena creato sottolineato di azzurro Clicca con il mouse subito prima del tag di chiusura </div> ora copia questo codice
Poi copia anche questo codice
Se ora vai su anteprima potrai vedere il tuo datario in funzione, se la posizione non e' perfetta, torna su "normale" e sposta il livello. Quando e' tutto a posto copia il codice e incollalo in una nuova pagina web (o al massimo in un foglio del blocco note, non salvare MAI direttamente da front page) Per l'inserimento in spazi web come blog o pagine internet bisognera' creare il frame, lo faremo nell'ultima lezione Per ora vediamo solo il risultato del mio, finito, come lo dovreste vedere andando su "anteprima" Per lo script si rigrazia il sito http://www.web-link.it
|
Creare orologi e datari web con html e script
| Scritto da Administrator | |||
| Lunedì 09 Giugno 2008 08:33 | |||
|
|||
| Ultimo aggiornamento Lunedì 09 Giugno 2008 11:28 |
