-
Cómo crear un sitio web usando MooTools
-
MooTools es una biblioteca JavaScript popular que, al igual que otras bibliotecas como jQuery y Prototype, proporciona una plataforma para lograr muchos efectos comunes y creativas de JavaScript sin tener que escribir el código usted mismo. Si bien todavía se va a utilizar HTML como la base de la estructura de su sitio web, puede integrar MooTools en la parte superior de la misma para alterar los elementos HTML y crear efectos como arrastrar y soltar, la decoloración y el cambio de tamaño.Instrucciones
1 Aprender por su cuenta los conceptos básicos de desarrollo web, es decir, HTML, CSS y JavaScript. HTML, o el HyperText Markup Language, actúa como una forma de etiquetar el contenido de sus páginas web para los navegadores de entender y de visualización. CSS (hojas de estilo en cascada) es una lengua complementaria que permite a los elementos HTML "estilo" y crear cualquier tipo de diseño visual que desea. Por último, JavaScript es el lenguaje de scripting que MooTools se basa en, por lo que necesita saber sus fundamentos con el fin de utilizar con éxito MooTools.
Todas estas lenguas son de uso gratuito, y siempre y cuando usted tiene un navegador web instalado en su ordenador, puede escribir código para cualquiera de ellos, incluso si usted no tiene una conexión a Internet. Existen muchos tutoriales gratuitos en línea que pueden ayudarle en su camino (ver Recursos más adelante).
2 El diseño de su sitio con HTML. MooTools se carga directamente en los archivos HTML de su sitio web, por lo que necesita un conjunto de archivos HTML para trabajar con antes de hacer nada a ellos con MooTools.
3 Incluir la siguiente línea de código en la sección <head> de uno de los archivos HTML para cargar MooTools:
<Script type = "text / javascript" o algo similar, dependiendo de la versión que ha descargado) está en un directorio diferente de su archivo HTML, que tendrán que alterar el valor "src" en consecuencia. Por ejemplo, si coloca MooTools en una subcarpeta llamada "biblioteca", la línea se vería así:
<Script type = "/ texto javascript" línea, un "Error!" alerta pop-up.
Para obtener más información sobre la sintaxis y los usos MooTools ', consulte las referencias al final.
