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).