Estándares que utilizamos en nuestra aplicación web
- 1. Estándares que utilizamos en nuestra Aplicación web. HTML. CSS. Java Script. PHP. ¿Qué son los Estándares Web? Un estándar es un conjunto de reglas normalizadas que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o software que lo utilicen, sean compatibles entre sí. El W3C, organización independiente y neutral, desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas. HTML El beneficio de la utilización de estándares se puede observar con la creación y evolución del lenguaje HTML, para la Web. En 1994, el W3C comenzó el proceso de estandarización del HTML para representar el contenido en la Web. Esto se ha debido a la facilidad de creación de documentos y a que todos comparten el mismo lenguaje para la representación de la información. Al usar el mismo formato para el desarrollo se consigue que cualquier agente de usuario que interprete dicho lenguaje represente el documento de la Web de la misma forma. Al ser independiente de cualquier plataforma (y de cualquier fabricante) permite que cualquiera lo pueda usar, independientemente del sistema operativo, navegador, etc. Si hubiesen existido fabricantes que pretendieran imponer lenguajes alternativos al HTML, tendrían un público restringido a la cantidad de clientes que usasen su tecnología. CSS Son hojas de estilo en cascada, permiten un control preciso sobre el formato y la disposición del documento. Podes cambiar o añadir colores, fondo, tipo de letra, tamaños y estilos de tipo de letra, e incluso la posición de elementos de nuestra página web en diferentes lugares. Hay tres maneras básicas de aplicar estilos mediante CSS: redefinición de un elemento, aplicación de un estilo a una ID o aplicación de un estilo a una clase.
- 2. Redefinición de un elemento. Podes cambiar la forma en la que cualquier elemento de (X) HTML se muestra mediante la definición de una regla de estilo. Si queréis que todos los párrafos sean a doble espacio y en verde, podéis añadir esta declaración en CSS: p { line-height: 2; color: green; } Definición de una ID. Podes darle a un elemento un atributo id para identificarlo de manera única en una página (cada ID se puede utilizar sólo una vez por página), por ejemplo id="navigation_menu". Esto nos permite un control más preciso sobre el formato de una página. Si sólo quieres que un párrafo determinado sea a doble espacio y destacado con texto verde, asignad una ID. <p id="highlight">Contenido del párrafo</p> Y entonces aplicadle una regla CSS, tal como se indica a continuación: #highlight { line-height: 2; color: green; } Definición de una clase. Las clases son como las ID, excepto que se puede tener más de un elemento de la misma clase en cada página. Siguiendo con nuestro ejemplo de doble espacio, si queréis que los dos primeros párrafos de una página sean a doble espacio y estén destacados, les habríais de añadir clases como: <p class="highlight">Contenido del párrafo</p> <p class="highlight">El contenido del segundo párrafo</p> Y entonces aplicadles una regla CSS como se indica a continuación: .highlight { line-height: 2; color: green; }
- 3. JavaScript. Se puede utilizar para validar los datos que se introducen en un formulario (discriminar si están en el formato correcto o no), para ofrecernos la funcionalidad de arrastrar y soltar, para cambiar estilos sobre la marcha, para animar elementos de las páginas como los menús, para tratar las funciones de los botones y un millón de cosas más. La mayoría del JavaScript moderno funciona localizando un elemento HTML de destino y después haciéndole algo, igual que el CSS, pero la manera de funcionamiento, la sintaxis, etc., es bastante diferente. Es un tema más complicado y extenso que el HTML y el CSS, de modo que para poner las cosas simples y evitar confusiones. PHP Es un lenguaje de código abierto muy popular, adecuado para desarrollo web y que puede ser incrustado en HTML. Es popular porque un gran número de páginas y portales web están creadas con PHP. Código abierto significa que es de uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado en HTML significa que en un mismo archivo vamos a poder combinar código PHP con código HTML, siguiendo unas reglas. ¿Cómo trabaja PHP? El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un software y hardware especial. Cuando se escribe una dirección tipo http://www.jlomat.webatu.com/index.php en un navegador web como Internet Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la solicitud al servidor que los procesa, reúne los datos (por eso decimos que es un proceso dinámico) y el servidor lo que devuelve es una página HTML como si fuera estática. El esquema es: Petición de página web al servidor --> El servidor recibe la petición, reúne la información necesaria consultando a bases de datos o a otras páginas webs, otros servidores, etc --> El servidor responde enviando una página web “normal” (estática) pero cuya creación ha sido dinámica (realizando procesos de modo que la página web devuelta no siempre es igual).