November 23
Utilizzando JavaScript nel sito vi permette di renderlo dinamico e interattivo. Anche se non si ha molta conoscenza di programmazione o esperienza, la creazione di un sito con JavaScript è spesso facile. Così come costruire il proprio funzioni JavaScript, ci sono molte librerie liberamente disponibili JavaScript e estratti di codice che aiutano a ottenere effetti sofisticati rapidamente e facilmente. Non è necessario imparare concetti complessi in modo da utilizzare JavaScript in modo efficace, per voi può iniziare con piccole sezioni di codice e sviluppare la vostra conoscenza in modo incrementale. Come per ogni tecnologia interattiva, deve essere utilizzato solo JavaScript in cui si aggiunge davvero valore al tuo sito.
1 Crea le pagine del sito in HTML e costruire in JavaScript di valorizzarlo. Include funzioni JavaScript all'interno della sezione capo delle pagine o in file separati, legati alla all'interno della sezione di testa:
< 'Text / javascript' script type = src = 'functions.js'> <script />
Le funzioni JavaScript possono essere chiamati quando innescato da interazione dell'utente con la pagina, o da altri eventi, come il caricamento della pagina:
<Body onload = "my_function ();">
In questo esempio, una funzione JavaScript denominata "my_function" sarebbe stato eseguito non appena il caricamento della pagina. Questo tipo di funzione viene spesso utilizzato per modificare il modello di pagina per i vari browser.
2 Utilizzare JavaScript per migliorare lo stile e l'interattività all'interno del tuo sito. Uno degli usi più comuni di JavaScript è di modificare le proprietà di stile come un utente interagisce con una pagina. Ad esempio, i menu e vari altri elementi della pagina possono avere JavaScript ad essi connessi che determina ciò che dovrebbe accadere quando un utente fa clic o rotoli il mouse sopra la zona. Il seguente esempio semplice cambia il colore di un punto quando il mouse si sposta su di esso. Nel codice JavaScript:
Funzione onPara (para_id)
{Document.getElementById (para_id) .style.color = "# ff0000"; }
Funzione offPara (para_id)
{Document.getElementById (para_id) .style.color = "# 000000"; }
Nel codice HTML all'interno della pagina:
<P id = "P1" onmouseover = "onPara (this.id);" onmouseout = "offPara (this.id);"!> Ciao </ p>
3 Utilizzare librerie JavaScript esterni per creare effetti avanzati. Ci sono molti campioni gratuiti JavaScript e librerie disponibili per il download. Risorse come jQuery e aiuto Google Code per dare ai visitatori un ricco livello di interattività con il tuo sito. Ci sono risorse JavaScript disponibili per una vasta gamma di funzioni, tra cui lo stile, effetti animati, gallerie di visualizzazione delle immagini, la navigazione, le forme e molto altro ancora. Queste risorse sono state spesso create da esperti e sono estremamente facili da usare, in molti casi, con le istruzioni normalmente inclusi.
4 Utilizzare JavaScript per facilitare la comunicazione Server. Tecniche come AJAX possono migliorare notevolmente l'efficacia di un sito web. AJAX consente di richiedere ulteriori dati dal server e presentare questo all'interno della vostra pagina corrente, senza dover ricaricare la pagina o individuare uno nuovo. Questo è comunemente utilizzato per funzioni come sondaggi e aggiornamento automatico feed di notizie. AJAX utilizza JavaScript in combinazione con tecnologie lato server, tra cui gli script PHP e database Web.
5 Prova il tuo sito a fondo in diversi browser. JavaScript spesso può comportarsi in modi molto diversi in diversi browser Web. Potreste scoprire che alcune delle tue funzioni non funzionerà come previsto in alcuni browser a meno che non si fanno modifiche a loro. Inoltre, la vasta gamma di dispositivi che le persone attualmente utilizzano per accedere a Internet significa che in molti casi non può essere abilitato JavaScript. Fare attenzione a garantire che il contenuto del tuo sito sarà ancora disponibile senza funzionalità JavaScript.