SlideShare ist ein Scribd-Unternehmen logo
1 von 3
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.
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;
}
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).

Weitere ähnliche Inhalte

Was ist angesagt? (17)

Css.html(1)
Css.html(1)Css.html(1)
Css.html(1)
 
Html
HtmlHtml
Html
 
Introducción a csss
Introducción a csssIntroducción a csss
Introducción a csss
 
Microsft word
Microsft wordMicrosft word
Microsft word
 
Formato CSS
Formato CSSFormato CSS
Formato CSS
 
Htm lxmlcarlosguerra2 a3
Htm lxmlcarlosguerra2 a3Htm lxmlcarlosguerra2 a3
Htm lxmlcarlosguerra2 a3
 
Ajax
AjaxAjax
Ajax
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Qué es css
Qué es cssQué es css
Qué es css
 
Dn12 u3 a26_jsm
Dn12 u3 a26_jsmDn12 u3 a26_jsm
Dn12 u3 a26_jsm
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Web basico
Web basicoWeb basico
Web basico
 
Html5+css3 02
Html5+css3 02Html5+css3 02
Html5+css3 02
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
codigos Html y css
codigos Html y csscodigos Html y css
codigos Html y css
 
Hojas de calculo CSS
Hojas de calculo CSSHojas de calculo CSS
Hojas de calculo CSS
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 

Andere mochten auch

Herramientas de la wed 2.0 carol matta
Herramientas de la wed 2.0 carol mattaHerramientas de la wed 2.0 carol matta
Herramientas de la wed 2.0 carol mattakarolviviana1
 
16. distancia entre las unidades de información
16. distancia entre las unidades de información16. distancia entre las unidades de información
16. distancia entre las unidades de informaciónMario Aníbal Conde Rivera
 
Comunicación, información y lenguaje
Comunicación, información y lenguajeComunicación, información y lenguaje
Comunicación, información y lenguajelictsierra
 
Discriminación visual E. Etapa educación Infantil
Discriminación visual E. Etapa educación InfantilDiscriminación visual E. Etapa educación Infantil
Discriminación visual E. Etapa educación InfantilROCAEVA
 
Cómo almacenamos información en la memoria
Cómo almacenamos información en la memoria Cómo almacenamos información en la memoria
Cómo almacenamos información en la memoria María Isabel Bautista
 
Taller comandos para solucionar problemas en la red
Taller comandos para  solucionar problemas en la redTaller comandos para  solucionar problemas en la red
Taller comandos para solucionar problemas en la redguestf6e4f00
 
Capítulo 5 discriminación visual
Capítulo 5   discriminación visualCapítulo 5   discriminación visual
Capítulo 5 discriminación visualAnabel Cornago
 
Capítulo 4 figura fondo
Capítulo 4   figura fondoCapítulo 4   figura fondo
Capítulo 4 figura fondoAnabel Cornago
 
Sesión de Aprendizaje 04 de Unidad Didáctica 02 del Área de Ciencia y ambien...
Sesión de Aprendizaje 04  de Unidad Didáctica 02 del Área de Ciencia y ambien...Sesión de Aprendizaje 04  de Unidad Didáctica 02 del Área de Ciencia y ambien...
Sesión de Aprendizaje 04 de Unidad Didáctica 02 del Área de Ciencia y ambien...Teresa Clotilde Ojeda Sánchez
 
Proyecto sobre la confusion b y d sede la paramita
Proyecto sobre la confusion b y d  sede la paramitaProyecto sobre la confusion b y d  sede la paramita
Proyecto sobre la confusion b y d sede la paramitajesmaco2008
 
Presentacion
PresentacionPresentacion
PresentacionPATTYRARA
 

Andere mochten auch (18)

Herramientas de la wed 2.0 carol matta
Herramientas de la wed 2.0 carol mattaHerramientas de la wed 2.0 carol matta
Herramientas de la wed 2.0 carol matta
 
integradora herramientas
integradora herramientasintegradora herramientas
integradora herramientas
 
Tisc
TiscTisc
Tisc
 
16. distancia entre las unidades de información
16. distancia entre las unidades de información16. distancia entre las unidades de información
16. distancia entre las unidades de información
 
Visual2
Visual2Visual2
Visual2
 
Lenguaje SQL
Lenguaje SQLLenguaje SQL
Lenguaje SQL
 
Comunicación, información y lenguaje
Comunicación, información y lenguajeComunicación, información y lenguaje
Comunicación, información y lenguaje
 
Discriminación visual E. Etapa educación Infantil
Discriminación visual E. Etapa educación InfantilDiscriminación visual E. Etapa educación Infantil
Discriminación visual E. Etapa educación Infantil
 
Cómo almacenamos información en la memoria
Cómo almacenamos información en la memoria Cómo almacenamos información en la memoria
Cómo almacenamos información en la memoria
 
Taller comandos para solucionar problemas en la red
Taller comandos para  solucionar problemas en la redTaller comandos para  solucionar problemas en la red
Taller comandos para solucionar problemas en la red
 
Sliderchare
SliderchareSliderchare
Sliderchare
 
Capítulo 5 discriminación visual
Capítulo 5   discriminación visualCapítulo 5   discriminación visual
Capítulo 5 discriminación visual
 
Discriminación visual b d
Discriminación visual b dDiscriminación visual b d
Discriminación visual b d
 
Capítulo 4 figura fondo
Capítulo 4   figura fondoCapítulo 4   figura fondo
Capítulo 4 figura fondo
 
Sesión de Aprendizaje 04 de Unidad Didáctica 02 del Área de Ciencia y ambien...
Sesión de Aprendizaje 04  de Unidad Didáctica 02 del Área de Ciencia y ambien...Sesión de Aprendizaje 04  de Unidad Didáctica 02 del Área de Ciencia y ambien...
Sesión de Aprendizaje 04 de Unidad Didáctica 02 del Área de Ciencia y ambien...
 
Proyecto sobre la confusion b y d sede la paramita
Proyecto sobre la confusion b y d  sede la paramitaProyecto sobre la confusion b y d  sede la paramita
Proyecto sobre la confusion b y d sede la paramita
 
El Lenguaje Visual
El Lenguaje VisualEl Lenguaje Visual
El Lenguaje Visual
 
Presentacion
PresentacionPresentacion
Presentacion
 

Ähnlich wie Estándares que utilizamos en nuestra aplicación web

Ähnlich wie Estándares que utilizamos en nuestra aplicación web (20)

introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Semana 2 HTML y CSS
Semana 2   HTML y CSSSemana 2   HTML y CSS
Semana 2 HTML y CSS
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Consulta sobre acces, HMTL
Consulta sobre acces, HMTLConsulta sobre acces, HMTL
Consulta sobre acces, HMTL
 
Html
HtmlHtml
Html
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Css
CssCss
Css
 
Pagina web
Pagina webPagina web
Pagina web
 
04_Estilos CSS y modelos de caja.pptx
04_Estilos CSS y modelos de caja.pptx04_Estilos CSS y modelos de caja.pptx
04_Estilos CSS y modelos de caja.pptx
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web
 
Investigacion de pagina web
Investigacion de pagina webInvestigacion de pagina web
Investigacion de pagina web
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Manual de css
Manual de cssManual de css
Manual de css
 
Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Servicio internet
Servicio internetServicio internet
Servicio internet
 

Kürzlich hochgeladen

COMPETENCIAS PROFESIONALES para el empleo.pptx
COMPETENCIAS PROFESIONALES para el empleo.pptxCOMPETENCIAS PROFESIONALES para el empleo.pptx
COMPETENCIAS PROFESIONALES para el empleo.pptxespaciorientatriguer
 
Cirugía Oral…………………………………………………..……..pdf
Cirugía Oral…………………………………………………..……..pdfCirugía Oral…………………………………………………..……..pdf
Cirugía Oral…………………………………………………..……..pdfginpao14
 
119672964-Place-de-Infeccion-de-Vias-Urinarias.doc
119672964-Place-de-Infeccion-de-Vias-Urinarias.doc119672964-Place-de-Infeccion-de-Vias-Urinarias.doc
119672964-Place-de-Infeccion-de-Vias-Urinarias.docMarbellaLedsma
 
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.ppt
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.pptPREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.ppt
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.pptMontoyaCruzSofia
 
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdf
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdfPROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdf
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdfenritov17
 
Explora el boletin del 10 de abril de 2024
Explora el boletin del 10 de abril de 2024Explora el boletin del 10 de abril de 2024
Explora el boletin del 10 de abril de 2024Yes Europa
 
Descubre el boletín del 12 de Abril de 2024
Descubre el boletín del 12 de Abril de 2024Descubre el boletín del 12 de Abril de 2024
Descubre el boletín del 12 de Abril de 2024Yes Europa
 

Kürzlich hochgeladen (7)

COMPETENCIAS PROFESIONALES para el empleo.pptx
COMPETENCIAS PROFESIONALES para el empleo.pptxCOMPETENCIAS PROFESIONALES para el empleo.pptx
COMPETENCIAS PROFESIONALES para el empleo.pptx
 
Cirugía Oral…………………………………………………..……..pdf
Cirugía Oral…………………………………………………..……..pdfCirugía Oral…………………………………………………..……..pdf
Cirugía Oral…………………………………………………..……..pdf
 
119672964-Place-de-Infeccion-de-Vias-Urinarias.doc
119672964-Place-de-Infeccion-de-Vias-Urinarias.doc119672964-Place-de-Infeccion-de-Vias-Urinarias.doc
119672964-Place-de-Infeccion-de-Vias-Urinarias.doc
 
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.ppt
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.pptPREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.ppt
PREVENCION AL RIESGO LOCATIVO EN LOS LUGARES DE TRABAJO.ppt
 
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdf
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdfPROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdf
PROYECTO CAFETERÍA ÁRBOL DE PROBLEMAS.pdf
 
Explora el boletin del 10 de abril de 2024
Explora el boletin del 10 de abril de 2024Explora el boletin del 10 de abril de 2024
Explora el boletin del 10 de abril de 2024
 
Descubre el boletín del 12 de Abril de 2024
Descubre el boletín del 12 de Abril de 2024Descubre el boletín del 12 de Abril de 2024
Descubre el boletín del 12 de Abril de 2024
 

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