Come creare un sito web utilizzando MooTools

July 17

Come creare un sito web utilizzando MooTools


MooTools è una libreria JavaScript popolare che, come altre librerie come jQuery e Prototype, fornisce una piattaforma per il raggiungimento di molti effetti comuni e creativi JavaScript senza dover scrivere il codice. Mentre ci si può comunque utilizzare HTML come il fondamento della struttura del sito web, è possibile integrare MooTools su di esso di modificare gli elementi HTML e creare effetti come drag and drop, allo scolorimento e il ridimensionamento.

istruzione

1 Insegnare a te stesso le basi di sviluppo web, vale a dire HTML, CSS e JavaScript. HTML, o Hypertext Markup Language, agisce come un modo di etichettare il contenuto di pagine web per i browser per capire e visualizzazione. CSS (fogli di stile CSS) è un linguaggio complementare che permette di elementi HTML "stile" e di creare qualsiasi tipo di visual design che si desidera. Infine, JavaScript è il linguaggio di scripting che MooTools è costruita su, quindi avrai bisogno di conoscere i suoi fondamenti al fine di utilizzare con successo MooTools.

Tutte queste lingue sono liberi di usare, e finché si dispone di un browser web installato sul computer, è possibile scrivere codice per nessuno di loro, anche se non si dispone di una connessione a Internet. Esistono molti tutorial gratuiti on-line che può aiutare nel vostro cammino (vedi Risorse).

2 Progetta il tuo sito con codice HTML. MooTools viene caricato direttamente nei file HTML del tuo sito web, quindi è necessario un insieme di file HTML per lavorare con prima di fare qualsiasi cosa per loro con MooTools.

3 Includere la seguente riga di codice nella sezione <head> di uno dei tuoi file HTML per caricare MooTools:

<Script type = "text / javascript" o qualcosa di simile, a seconda della versione che hai scaricato) è in una directory diversa dal file HTML, dovrete modificare il valore "src" di conseguenza. Ad esempio, se si inserisce MooTools in una sottocartella denominata "libreria", la linea sarebbe simile a questa:

<Script type = "text / javascript" linea, un "Errore!" avviso pop-up.

Per ulteriori informazioni sulla sintassi e usi MooTools ', vedere i riferimenti di seguito.