Contacto Trabajos

Tecnologías

HTML, CSS, PHP, MySQL, Javascript... ¿Qué son? ¿Para qué sirven? ¿Cuándo usarlos?

 

No hago aquí un detalle profundo de estas tecnologías, sino una visión general de ellas para ayudarle a resolver una pregunta fundamental ¿Debe usarlos o no?

 

HTML

HTML es acrónimo de Hyper-text Markup Language, “Lenguaje de Marcado de Hipertexto”.

HTML es el lenguaje en que se contruyen las páginas Web. Este le dice al navegador qué información —imágenes, texto, etc.— contiene la página. El navegador presenta en pantalla su interpetación de ese lenguaje.

HTML es un lenguaje de marcado porque “marca” el texto, señalando dónde va el formato. Establece las marcas para decir “esto es un título”, “esto va en negrita”, “esto es un link“, etc. No es un lenguaje de programación pues no sirve para “procesar cosas”, sólo para mostrarlas.

¿Cuándo usar HTML?

Siempre. Este idioma es la lengua fundamental para estructurar una página Web. Provee los elementos y la funcionalidad básica para hacerlo, y los navegadores Web —gratuitos todos ellos— están habilitados para interpretarla de forma similar.

CSS

CSS es acrónimo de Cascading Style Sheets, “Hojas de Estilo en Cascada”.

El lenguaje CSS controla la presentación de los elementos HTML, o sea, la apariencia visual de estos. Se puede usar para modificar los elementos HTML, diciendo “todos los títulos irán en letra Verdana y color azul” o “los links del encabezado de la página irán con un borde gris debajo”.

El código CSS puede ir anotado dentro de la página HTML, en una sección especial de la página o al lado de cada elemento que se quiera modificar. Existe además la opción de guardarlo en una página independiente, la cual es “llamada” desde una o más páginas HTML. Esto último tiene sus ventajas, pues al estar todo el código en un solo lugar, las modificaciones que se hagan se aplicarán de una vez a todas las páginas que la referencian, ahorrando tiempo y ancho de banda.

¿Cuándo usar CSS?

Siempre que sea posible. Si bien no es esencial para mostrar una página Web, el CSS ayuda mucho a presentarlo con mucho control sobre los detalles.

Javascript

La palabra “Javascript” no tiene significado propio. Proviene del nombre del lenguaje Java, de los tiempos de auge inicial de este, pero no tiene nada que ver con él.

Javascript es un lenguaje de programación que trabaja “dentro” de una página Web. El intérprete de este lenguaje es el mismo navegador que interpreta el HTML y el CSS. Javascript puede modificar algunos elementos de la página, o reaccionar ante lo que el visitante haga, dándole así un cierto “dinamismo” a la página que se está visitando. Por ejemplo, la animación de mi página de inicio está hecha con javascript. Un uso más serio de esta tecnología es la validación de formularios, como el comportamiento que ocurre al presionar “Enviar” con todos los datos en blanco en mi página de Contacto.

La principal ventaja de Javascript es que se ejecuta en el navegador, por lo que puede actuar sin necesidad de “recargar” la página. La desventaja es que los navegadores interpretan el Javascript de forma diferente uno de otro, por lo que la programación que funciona en un navegador pudiera no funcionar correctamente en otro, lo que obliga a hacer muchas comprobaciones al momento de programar. Esto último se puede enfrentar mediante el uso de “bibliotecas javascript” que resuelven las diferencias para generar código ampliamente compatible.

¿Cuándo usar Javascript?

Cuando se requiera interacción con el usuario, es decir, para mostrar en pantalla una reacción (un mensaje, un movimiento, etc.) a algo que el usuario hizo (cargó una página, envió un formulario, etc). Se puede usar para algunos “efectos especiales” sin necesidad de emplear tecnologías adicionales (como Flash o Java).

PHP

PHP es acrónimo de Pre Hiper-text Processor, “Pre procesador de hipertexto”.

PHP es un lenguaje que sirve —entre otras cosas— para generar código HTML a partir de otras fuentes de información. Se ejecuta en el servidor (donde están guardadas las páginas HTML), por lo que el visitante “no se da cuenta” de que lo está utilizando.

PHP sí es un lenguaje de programación. Una utilización elemental de este es en los formularios (como el de mi página de Contacto), donde puede revisar, evaluar, procesar, etc., los datos introducidos por los visitantes y a continuación generar una respuesta en pantalla, o enviar un correo electrónico, o guardarlo en una base de datos, etc.

PHP está instalado en los servidores más económicos pues es un lenguaje gratuito, habiendo muchísima documentación (manuales, ayudas, problemas resueltos, etc.) en internet. El que sea gratuito no quiere decir sea poco funcional. Grandes sitios web, como Amazon, Yahoo o Digg, lo emplean.

¿Cuándo usar PHP?

Cuando se requiera procesar datos: recibirlos desde un formulario, leerlos de una base de datos o guardarlos en ella, etc.

MySQL

SQL es el nombre de un lenguaje de programación Simple Query Language, “Lenguaje de Consultas Sencillo”. MySQL es una de las muchas implementaciones (es decir, versiones) que tiene SQL.

MySQL es un motor de base de datos, un conjunto de herramientas que se ejecutan en el servidor Web y que permiten administrar una base de datos.

Una base de datos es un depósito de información, organizadas en tablas (o “planillas”, como las de Excel). Estas tablas pueden vincular sus datos con los de otras tablas. Si se modifica una de ellas, los cambios se reflejarán an las tablas que la vinculan.

Se puede hacer consultas a la base de datos, por ejemplo: “mostrar todos los productos de la categoría Herramientas que cuesten entre $2000 y $6000”. El resultado de esa consulta puede procesarse mediante PHP y generar una página HTML con esos datos.

MySQL es gratuito, pero es muy poderoso. Es el servidor de base de datos que ocupa Google, entre otros muchos miles de sitios web. Está implementado en la mayoría de los hosting más económicos.

¿Cuándo usar MySQL?

Cuando en su sitio web se manejan muchos datos, o cuando estos son frecuentemente modificados o actualizados. Frecuentemente el uso de una base de datos requiere una herramienta de administración para agregar, modificar o eliminar datos.

©2008 Javier Tapia Donoso.