SlideShare ist ein Scribd-Unternehmen logo
1 von 6
ESTÁNDARES DE CREACIÓN DE PÁGINAS 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.
Cómo funcionan?
La creación de un estándar Web requiere un proceso controlado, que consta de
varias etapas que aseguran la calidad de la especificación. Este proceso permite
la intervención de todos los usuarios de las tecnologías, con el objetivo de que
puedan aportar su conocimiento y opiniones para la mejora de los documentos.
Tras este proceso, elaborado por especialistas en la materia, se obtienen unos
estándares de calidad, y al estar disponible para todo el mundo, las
especificaciones se depuran exhaustivamente antes de ser consideradas como
Recomendación.
Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean
utilizados libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las
máquinas se entienden entre sí y cualquier usuario puede interactuar con el resto.
Diseñando estructuralmente
Hasta ahora gran parte de los diseñadores web creaban sus documentos
desde una perspectiva visual.
Luego de crear nuestro boceto, cortamos y decidimos cuantas tablas crear
y en que celda insertaremos tal o cual parte del diseño. ¿Necesito
un borde de color rojo?, no hay problema, ¡crearé una tabla dentro
de otra y listo!
Cuando se diseña utilizando estándares web se empieza con la
estructura de un documento.
¿Cuales son las piezas de información?, este texto es un título,
estos serán párrafos, aquí tengo una lista ordenada, la
frase siguiente es una cita y aquí insertaré un subtítulo.
Primero se crea la estructura y luego el estilo, o apariencia.
En otras palabras, empezamos con la estructura del contenido y luego vamos
trabajando el diseño visual, en vez de hacerlo al revés.
Esta forma de trabajo puede resultar extraña para todos aquellos acostumbrados
a “dibujar” sus páginas web, puedo escuchar a algunos usuarios gritando
“blasfemo!,
hereje!”. Las ventajas de diseñar con estándares web compensarán
con creces el tiempo invertido en aprender el nuevo método, creanme.
Consideremos el siguiente ejemplo:
Hemos creado un diseño en el cual tenemos un bloque de contenido,
compuesto por texto e imágenes. Ese diseño se utiliza en veinte
páginas diferentes del sitio. Nuestro cliente está de acuerdo
en todo salvo que desea que el fondo del bloque no sea azul sino verde, que
los textos empiecen un poco más a la derecha y… “Ah!, ¿Podríamos
ver como queda con un borde fino marrón?”.
Si trabajamos de la forma “tradicional” deberiamos abrir cada una de las
veinte páginas, encontrar el código de las tablas y celdas correspondientes
a la sección por modificar, cambiar algunos bgcolor, modificar el cell
padding (quien pensó en modificar el ancho está peor de lo que
pensaba!) y, tristemente, crear una tabla dentro de otra si queremos “simular” un
borde de un pixel.
Este cambio, repito, se debe realizar en cada una de las veinte páginas.
Cuando volvemos a visitar a nuestro cliente este nos dice: “Perfecto, pero
podríamos probar con rojo en vez de verde y el borde en negro?”. Suele
pasar, lo he vivido cientos de veces.
Creo que va quedando clara la idea.
Si hubieramos diseñado de acuerdo a estándares
web no deberiamos tocar el código HTML, bastaría con cambiar
tres líneas
en nuestro archivo CSS, algo como esto:
#contenido {
background-color: #336699;
padding-left: 5px;
border: 1px solid #336699;
}
El cambio se notaría automáticamente en todas las páginas
usando ese estilo, sean veinte o mil, y no habría necesidad de una
segunda
reunión con nuestro cliente (todos sabemos que este proceso de revisión
y reuniones puede ser, a veces, interminable), los cambios se pueden
hacer
al instante.
VRML
VRML (sigla del inglés Virtual RealityModelingLanguage. "Lenguaje para
Modelado de Realidad Virtual") - formato de archivo normalizado que tiene
como objetivo la representación de escenas u objetos interactivos
tridimensionales; diseñado particularmente para su empleo en la web. Se usa por
medio de comandos en inglés, los cuales agregan y determinan las características
El lenguaje VRML posibilita la descripción de una escena compuesta por objetos
3D a partir de prototipos basados en formas geométricas básicas o de estructuras
en las que se especifican los vértices y las aristas de cada polígono tridimensional
y el color de su superficie. VRML permite también definir objetos 3D
multimedia, a los cuales se puede asociar un enlace de manera que el usuario
pueda acceder a una página web, imágenes, vídeos u otro fichero VRML
de Internet cada vez que haga click en el componente gráfico en cuestión.
El Consorcio Web3D fue creado para desarrollar este formato. Su primera
especificación fue publicada en 1995; la versión actual funcionalmente completa
es la VRML 97 (ISO/IEC DIS 14772-1).
VRML, es la base en la que se ha desarrollado X3D - Extensible 3D.

Weitere ähnliche Inhalte

Was ist angesagt? (11)

Introducción a ASP.NET MVC
Introducción a ASP.NET MVCIntroducción a ASP.NET MVC
Introducción a ASP.NET MVC
 
318847501 paginas-web
318847501 paginas-web318847501 paginas-web
318847501 paginas-web
 
Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
Karennnn
KarennnnKarennnn
Karennnn
 
HTML Article Configurar Wordpress Android (14)
HTML Article   Configurar Wordpress Android (14)HTML Article   Configurar Wordpress Android (14)
HTML Article Configurar Wordpress Android (14)
 
Conceptos generales
Conceptos generalesConceptos generales
Conceptos generales
 
Actividad 1 - WordPress
Actividad 1 - WordPressActividad 1 - WordPress
Actividad 1 - WordPress
 
Dyn
DynDyn
Dyn
 
Paginas web y blogs
Paginas web y blogsPaginas web y blogs
Paginas web y blogs
 
Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress Whitepaper - Cómo crear un menú desplegable en WordPress
Whitepaper - Cómo crear un menú desplegable en WordPress
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 

Andere mochten auch

Situer dans l'espace
Situer dans l'espaceSituer dans l'espace
Situer dans l'espace
DianaM2010
 
Joseph A. Tetlow. Ejercicios espirituales en la vida corriente
Joseph A. Tetlow. Ejercicios espirituales en la vida corrienteJoseph A. Tetlow. Ejercicios espirituales en la vida corriente
Joseph A. Tetlow. Ejercicios espirituales en la vida corriente
infocatolicos
 
Transformer une photo en photo humoristique
Transformer une photo en photo humoristiqueTransformer une photo en photo humoristique
Transformer une photo en photo humoristique
EPN Gouvy
 
passe compose karen chavez UCE
passe compose karen chavez UCEpasse compose karen chavez UCE
passe compose karen chavez UCE
karitalexa
 
Power lmv
Power lmvPower lmv
Power lmv
jubro
 
Consultant Entrepreneur
Consultant EntrepreneurConsultant Entrepreneur
Consultant Entrepreneur
gaetanbourge
 
Paneuropa Bewegung und Briand Plan
Paneuropa Bewegung und Briand PlanPaneuropa Bewegung und Briand Plan
Paneuropa Bewegung und Briand Plan
Austrian Red Cross
 
Présentation web fact 1.2
Présentation web fact 1.2Présentation web fact 1.2
Présentation web fact 1.2
IT-LOESUNGEN
 
Planeacion de español de la primera jornada de practica
Planeacion de español de la primera jornada de practicaPlaneacion de español de la primera jornada de practica
Planeacion de español de la primera jornada de practica
jose enrique tellez pacheco
 

Andere mochten auch (20)

Situer dans l'espace
Situer dans l'espaceSituer dans l'espace
Situer dans l'espace
 
Joseph A. Tetlow. Ejercicios espirituales en la vida corriente
Joseph A. Tetlow. Ejercicios espirituales en la vida corrienteJoseph A. Tetlow. Ejercicios espirituales en la vida corriente
Joseph A. Tetlow. Ejercicios espirituales en la vida corriente
 
test
testtest
test
 
Transformer une photo en photo humoristique
Transformer une photo en photo humoristiqueTransformer une photo en photo humoristique
Transformer une photo en photo humoristique
 
passe compose karen chavez UCE
passe compose karen chavez UCEpasse compose karen chavez UCE
passe compose karen chavez UCE
 
Power lmv
Power lmvPower lmv
Power lmv
 
Description du projet 2 logos
Description du projet 2 logosDescription du projet 2 logos
Description du projet 2 logos
 
Configuration d'un connecteur Facebook
Configuration d'un connecteur FacebookConfiguration d'un connecteur Facebook
Configuration d'un connecteur Facebook
 
Christine
ChristineChristine
Christine
 
Test
TestTest
Test
 
Consultant Entrepreneur
Consultant EntrepreneurConsultant Entrepreneur
Consultant Entrepreneur
 
El autismo
El autismoEl autismo
El autismo
 
Paneuropa Bewegung und Briand Plan
Paneuropa Bewegung und Briand PlanPaneuropa Bewegung und Briand Plan
Paneuropa Bewegung und Briand Plan
 
Contaminación del aire
Contaminación del aireContaminación del aire
Contaminación del aire
 
Présentation web fact 1.2
Présentation web fact 1.2Présentation web fact 1.2
Présentation web fact 1.2
 
Planeacion de español de la primera jornada de practica
Planeacion de español de la primera jornada de practicaPlaneacion de español de la primera jornada de practica
Planeacion de español de la primera jornada de practica
 
eLectures im Hochschulunterricht
eLectures im HochschulunterrichteLectures im Hochschulunterricht
eLectures im Hochschulunterricht
 
Die Schulbibliothek - Klassenzimmer des 21. Jahrhunderts. Praesentation fuer ...
Die Schulbibliothek - Klassenzimmer des 21. Jahrhunderts. Praesentation fuer ...Die Schulbibliothek - Klassenzimmer des 21. Jahrhunderts. Praesentation fuer ...
Die Schulbibliothek - Klassenzimmer des 21. Jahrhunderts. Praesentation fuer ...
 
Ge Guide
Ge GuideGe Guide
Ge Guide
 
Zeit und Raum
Zeit und RaumZeit und Raum
Zeit und Raum
 

Ähnlich wie Estandares de creacion de paginas web

Estándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación webEstándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación web
luis20132014
 
Manual css
Manual cssManual css
Manual css
Jennifer
 
Estandares de creación de una página web
Estandares de creación de una página webEstandares de creación de una página web
Estandares de creación de una página web
khaterin1212
 

Ähnlich wie Estandares de creacion de paginas web (20)

Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveLas 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
 
Framework de programacion de paginas web
Framework de programacion de paginas webFramework de programacion de paginas web
Framework de programacion de paginas web
 
Front
FrontFront
Front
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)Articulo (Responsive Web Desing)
Articulo (Responsive Web Desing)
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Estándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación webEstándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación web
 
LA WEB
LA WEBLA WEB
LA WEB
 
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Estandares para diseño web
Estandares para diseño webEstandares para diseño web
Estandares para diseño web
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
 
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
 
Manual css
Manual cssManual css
Manual css
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
U2_Aplicaciones Web.pdf
U2_Aplicaciones Web.pdfU2_Aplicaciones Web.pdf
U2_Aplicaciones Web.pdf
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
Estandares de creación de una página web
Estandares de creación de una página webEstandares de creación de una página web
Estandares de creación de una página web
 

Estandares de creacion de paginas web

  • 1.
  • 2.
  • 3. ESTÁNDARES DE CREACIÓN DE PÁGINAS 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. Cómo funcionan? La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación. Este proceso permite la intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos. Tras este proceso, elaborado por especialistas en la materia, se obtienen unos estándares de calidad, y al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como Recomendación. Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las máquinas se entienden entre sí y cualquier usuario puede interactuar con el resto.
  • 4. Diseñando estructuralmente Hasta ahora gran parte de los diseñadores web creaban sus documentos desde una perspectiva visual. Luego de crear nuestro boceto, cortamos y decidimos cuantas tablas crear y en que celda insertaremos tal o cual parte del diseño. ¿Necesito un borde de color rojo?, no hay problema, ¡crearé una tabla dentro de otra y listo! Cuando se diseña utilizando estándares web se empieza con la estructura de un documento. ¿Cuales son las piezas de información?, este texto es un título, estos serán párrafos, aquí tengo una lista ordenada, la frase siguiente es una cita y aquí insertaré un subtítulo. Primero se crea la estructura y luego el estilo, o apariencia. En otras palabras, empezamos con la estructura del contenido y luego vamos trabajando el diseño visual, en vez de hacerlo al revés. Esta forma de trabajo puede resultar extraña para todos aquellos acostumbrados a “dibujar” sus páginas web, puedo escuchar a algunos usuarios gritando “blasfemo!, hereje!”. Las ventajas de diseñar con estándares web compensarán con creces el tiempo invertido en aprender el nuevo método, creanme. Consideremos el siguiente ejemplo: Hemos creado un diseño en el cual tenemos un bloque de contenido, compuesto por texto e imágenes. Ese diseño se utiliza en veinte páginas diferentes del sitio. Nuestro cliente está de acuerdo en todo salvo que desea que el fondo del bloque no sea azul sino verde, que los textos empiecen un poco más a la derecha y… “Ah!, ¿Podríamos ver como queda con un borde fino marrón?”. Si trabajamos de la forma “tradicional” deberiamos abrir cada una de las veinte páginas, encontrar el código de las tablas y celdas correspondientes a la sección por modificar, cambiar algunos bgcolor, modificar el cell padding (quien pensó en modificar el ancho está peor de lo que pensaba!) y, tristemente, crear una tabla dentro de otra si queremos “simular” un borde de un pixel. Este cambio, repito, se debe realizar en cada una de las veinte páginas. Cuando volvemos a visitar a nuestro cliente este nos dice: “Perfecto, pero podríamos probar con rojo en vez de verde y el borde en negro?”. Suele pasar, lo he vivido cientos de veces. Creo que va quedando clara la idea. Si hubieramos diseñado de acuerdo a estándares web no deberiamos tocar el código HTML, bastaría con cambiar tres líneas en nuestro archivo CSS, algo como esto: #contenido { background-color: #336699; padding-left: 5px; border: 1px solid #336699;
  • 5. } El cambio se notaría automáticamente en todas las páginas usando ese estilo, sean veinte o mil, y no habría necesidad de una segunda reunión con nuestro cliente (todos sabemos que este proceso de revisión y reuniones puede ser, a veces, interminable), los cambios se pueden hacer al instante.
  • 6. VRML VRML (sigla del inglés Virtual RealityModelingLanguage. "Lenguaje para Modelado de Realidad Virtual") - formato de archivo normalizado que tiene como objetivo la representación de escenas u objetos interactivos tridimensionales; diseñado particularmente para su empleo en la web. Se usa por medio de comandos en inglés, los cuales agregan y determinan las características El lenguaje VRML posibilita la descripción de una escena compuesta por objetos 3D a partir de prototipos basados en formas geométricas básicas o de estructuras en las que se especifican los vértices y las aristas de cada polígono tridimensional y el color de su superficie. VRML permite también definir objetos 3D multimedia, a los cuales se puede asociar un enlace de manera que el usuario pueda acceder a una página web, imágenes, vídeos u otro fichero VRML de Internet cada vez que haga click en el componente gráfico en cuestión. El Consorcio Web3D fue creado para desarrollar este formato. Su primera especificación fue publicada en 1995; la versión actual funcionalmente completa es la VRML 97 (ISO/IEC DIS 14772-1). VRML, es la base en la que se ha desarrollado X3D - Extensible 3D.