[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 :D ) 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 :P

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 :D
  • 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: , ,
Archivado en HOW-TOs, Tutoriales, Web | 7 Comentarios »

7 Comments to “[How-To] ¿Cómo hacer una página web? (X)”

  1. Aprender Inglés OnlineNo Gravatar Says:

    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.

  2. PenguinoNo Gravatar Says:

    Es verdad, pero lo que pasa es que eso va “mas” adelante, asi que esperate un poco mas xD

  3. Aprender Inglés OnlineNo Gravatar Says:

    Sorry, es que soy un impaciente! :P

  4. ChistesNo Gravatar Says:

    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.

  5. wowNo Gravatar Says:

    Muchisima Gracias, esta muy bien explicado :)

  6. WarezNo Gravatar Says:

    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 :D

  7. SnakeNo Gravatar Says:

    Está muy claro, aunque faltan bastantes atributos de HTML :)

    Pero para recien iniciados está muy bien.

Comenta


Los enlaces en los comentarios pueden encontrarse libres de nofollow.
Feed RSS