[How-To] ¿Cómo hacer una página web? (X)
Escrito por Penguino - January 26, 2009 – 6:19 pm -¡Terminamos con la parte del código estructural! Hoy empezaremos con OTRO lenguaje, que se llama JavaScript. Puedo explicarles este y otro que se llama PHP (que es muy potente, la verdad), pero pensaré eso, ya que el PHP es algo complicado, y mi intención no es aburrirlos con el tema. Bueno, ¿qué rayos es el JavaScript? Es un lenguaje de scripts diseñado para su uso en navegadores web, que sirve para darle cierta forma de comportamiento y dinamismo a nuestra web. Me refiero a guardar datos del visitante como el navegador o el sistema operativo, alertar al usuario sobre algún evento y reaccionar a ellos, validar formularios… el mejor ejemplo que les puedo dar es Ikariam, un juego hecho totalmente en JavaScript.
Empezar a usar JavaScript
JavaScript es un lenguaje client-side, que quiere decir que es el cliente (tú, yo, nosotros
) el que realiza las operaciones entre la relación servidor-cliente, que va dentro del documento HTML, como el CSS. Se inserta de la siguiente forma:
<html>
<head>
…
</head>
<body>
<script type=”text/javascript”>
document.write(”Hola Mundo”);
</script>
</body>
</html>
En la que podemos ver que el contenido va dentro de la etiqueta <script>, que a su vez va dentro de la etiqueta <body>. Explicaré el contenido:
- Las etiquetas <html>, <head> y <body> ya las he explicado en anteriores partes del tutorial.
- La etiqueta <script> dice que un script será ejecutado.
- El atributo type=javascript dice al navegador que el script será escrito en el lenguaje JavaScript. Es necesario, porque hay varios lenguajes de scripting.
- document.write es un comando de JavaScript que sirve para enviar de salida algún texto. O escribir algo
Bueno, este script fue ubicado en la etiqueta <body>, pero no debe ser obligatoriamente insertado aquí. Hay tres formas de insertar un script:
- En el <head>: Puedes hacerlo cuando sea necesario cargar el script antes que todo el documento, el caso de los scripts que reaccionan a los eventos, como los que alertan cuando va a ser cerrada la página o esas cosas
- En el <body>: Insertar en el body significa cargar el script junto con el documento. Se hace de esta forma cuando el script tiene que ver con el contenido, el caso del anterior. El script de arriba escribe en el cuerpo del documento HTML.
- Como script externo en el <head>: Así como con los CSS se insertan de forma externa, los scripts pueden ser insertados en el head de la forma <script src=”http://web.com/lugar/donde/esta/el/script.js”></script>, donde script.js es el script que se escribió. Una cosa importante es que el archivo .js NO debe contener las etiqueta <script>, ya que arriba ya la especificamos.
Bueno, esto es todo por hoy. ¡Hasta el fin de semana!
Tags: HOW-TOs, Tutoriales, Web
Archivado en HOW-TOs, Tutoriales, Web | 7 Comentarios »


January 28th, 2009 at 4:54 pm
JavaScript también ha permitido el desarrollo de AJAX (un conjunto de tecnologías) con las que se ha montado toda la nueva “Web 2.0″ y los excelentes servicios y aplicaciones Web que hay por Internet.
Buen tuto, yo prefiero usar JavaScript utilizando alguna de las potentes librerías gratuitas que abundan por Internet. Mi preferida: jQuery, la lista de plugins y funcionalidad es sencillamente sorprendente.
January 28th, 2009 at 6:17 pm
Es verdad, pero lo que pasa es que eso va “mas” adelante, asi que esperate un poco mas xD
January 29th, 2009 at 2:48 pm
Sorry, es que soy un impaciente!
February 3rd, 2009 at 4:43 pm
Php no creo que sea tan complicado, depende de la persona que lo aprenda. Mas que nada si viene de algun lenguaje de programacion parecido como es C++.
Muy bueno los tutoriales, saludos.
July 23rd, 2009 at 3:22 pm
Muchisima Gracias, esta muy bien explicado
January 9th, 2010 at 2:04 pm
Mejor explicado imposible xD, aunque creo que el javascript se usa menos, sin embargo se entiende muy bien y esta muy claro…
Gracias por compartir el How-to
February 2nd, 2010 at 5:17 pm
Está muy claro, aunque faltan bastantes atributos de HTML
Pero para recien iniciados está muy bien.