SlideShare une entreprise Scribd logo
1  sur  9
ESTANDARESDECREACIÓNDEUNA
Páginaweb
REGLAS DE CREACIÓN DE UNA
PÁGINA WEB
1-Los archivos de sonido e imágenes deben llevar un texto que
explique su contenido.
2-Utilizar contrastes marcados que facilitan la legibilidad, por
ejemplo en el color de las fuentes respecto al fondo.
ser muy cuidadoso con la programación "HTML" ya que los
lectores para discapacitados lo leen de una forma más
minuciosa y algunos fallos serían mostrados por un navegador
estándar sí que pueden parecer al ser interpretados por un
navegador especial.
3-Si programamos con tablas debemos asegurarnos de que la
lectura del texto siguiendo el orden de las filas es totalmente
comprensible.
4-Dotar los bloques de títulos y subtítulos que clarifiquen su
contenido.
5-Usar las guías de W3C, que en 1999 empezó a ocuparse de
esta tarea cuando la primera normativa para la creación de
webs accesibles.
Beneficios del uso de estándares
web
 Un sitio basado en estándares web mostrará una mayor consistencia visual.
Gracias al uso de XHTML para el contenido y CSS para la apariencia, se
puede transformar rápidamente un sitio, sin importar que se trate de una
página web o miles, realizando cambios en un solo lugar. Los documentos
que separan apariencia de contenido usan menos código, además, CSS
permite conseguir efectos que antes requerían el uso de JavaScript e
imágenes, por lo que los sitios basados en estándares utilizan menos ancho
de banda y se muestran más rápido a los usuarios, mejorando
dramáticamente la experiencia de estos.
 Los documentos basados en XHTML válido son más relevantes para los
motores de búsqueda, contienen mayor información y menos código, por lo
que un sitio basado en estándares web tendrá una mejor posición. De igual
manera, la posición en directorios, editados por humanos, se verá
beneficiada pues el sitio será más usable. XHTML es una aplicación de
XML, por lo que el contenido puede ser procesado de muchas formas,
permitiendo la creación de sitios extensibles. El uso de validadores nos
permite crear XHTML bien formado. Un sitio basado en estándares web es
compatible con todos los navegadores actuales, y lo será con versiones
futuras.
Beneficios del uso de estándares
web
 Funcionará tan bien en un PC, un navegador aural y un
teléfono móvil dentro de diez años. Un sitio basado en
estándares web es más fácil de mantener y actualizar, el
código es más simple, de esta forma se elimina la
dependencia de un solo desarrollador. Un sitio basado en
estándares web es más accesible, permitiendo a personas
con discapacidades utilizar su contenido
¿Qué son estándares web?
 Son un conjunto de tecnologías orientadas a brindar
beneficios a la
mayor cantidad de usuarios, asegurando la vigencia de todo
documento publicado
en el Web.
 El objetivo es crear una Web que trabaje mejor para todos,
con sitios accesibles
a más personas y que funcionen en cualquier dispositivo de
acceso a
Internet
Reglas:
Para poder desarrollar sitios web es necesario
tener un conocimiento a fondo
de HTML (Hipertext Markup Language) para crear
documentos y CSS (Cascading
Style Sheets) para manejar su apariencia
Recomiendo aprender XHTML 1.1, el sucesor de
HTML 4. Una combinación
del clásico HTML y el muy potente XML.
*Luego debes aprender el uso de CSS, hojas de
estilo en cascada. Empieza con
cambios simples, modificar los fonts y colores de
textos, por ejemplo. Luego
entiende los conceptos de cascada y el modelo
de cajas (box model).
QUE SON FONTS
 las fonts son los estilos de letras que tiene la computadora a
la hora de escribir por ejemplo cuando abres el Word o
chateas por MSN puedes elegir la letra por ej:arial bueno las
fonts son estos archivos.
REGLAS
 Recuerda probar tus diseños en un navegador compatible
con estándares
web: Mozilla (especialmente el excelente Firefox), Opera o
Safari son los recomendables.
Es obvio, pero vale mencionarlo: Los navegadores 4.x
constituyen una minoría
y ninguno interpreta correctamente estándares web. Si tus
visitantes
usan navegadores de 1997, la sugerencia lógica es una
actualización
bibliografía
 http://karlayjenny.blogspot.com/2011/12/cerca-de-las-
paginas-web.html.
 http://web-gdl.com/servicios/diseno-de-paginas-
web/estandares-web/

Contenu connexe

Tendances (20)

Unidad educativa computer world pureba
Unidad educativa computer world purebaUnidad educativa computer world pureba
Unidad educativa computer world pureba
 
Elementos de una pagina web
Elementos de una pagina webElementos de una pagina web
Elementos de una pagina web
 
Editores de paginas web
Editores de paginas webEditores de paginas web
Editores de paginas web
 
Tabla comparativo
Tabla comparativoTabla comparativo
Tabla comparativo
 
Conceptos de dream weaver
Conceptos de dream weaverConceptos de dream weaver
Conceptos de dream weaver
 
03 HTML/CSS/JA Conceptos mínimos
03 HTML/CSS/JA Conceptos mínimos03 HTML/CSS/JA Conceptos mínimos
03 HTML/CSS/JA Conceptos mínimos
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Angelfv danielaf
Angelfv danielafAngelfv danielaf
Angelfv danielaf
 
Elementos de una pagina web 1002
Elementos de una  pagina web 1002Elementos de una  pagina web 1002
Elementos de una pagina web 1002
 
Comparacion
ComparacionComparacion
Comparacion
 
Presentación1
Presentación1Presentación1
Presentación1
 
Tec
TecTec
Tec
 
Pagina web
 Pagina web Pagina web
Pagina web
 
Introducción Base de datos mysql
Introducción Base de datos mysqlIntroducción Base de datos mysql
Introducción Base de datos mysql
 
Tecnología Web 2.0
Tecnología Web 2.0Tecnología Web 2.0
Tecnología Web 2.0
 
HTML Y HTML5
HTML Y HTML5HTML Y HTML5
HTML Y HTML5
 
Presentaciones
PresentacionesPresentaciones
Presentaciones
 
Producto 3 FR
Producto 3 FRProducto 3 FR
Producto 3 FR
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Xml
XmlXml
Xml
 

En vedette

historia de la World Wide web
 historia de la World Wide web historia de la World Wide web
historia de la World Wide webkhaterin1212
 
herramientas y servicios de internet
herramientas y servicios de internetherramientas y servicios de internet
herramientas y servicios de internetcinthiayess
 
Como organizar una mudanza económica
Como organizar una mudanza económicaComo organizar una mudanza económica
Como organizar una mudanza económicaEsLife
 
Creacion de una pagina web
Creacion de una pagina webCreacion de una pagina web
Creacion de una pagina webCecy Correa
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3cadita_cz
 
Proyecto para crear una pagina web
Proyecto para crear una pagina webProyecto para crear una pagina web
Proyecto para crear una pagina webNatalia Meneses
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto webmmsita79
 

En vedette (10)

historia de la World Wide web
 historia de la World Wide web historia de la World Wide web
historia de la World Wide web
 
herramientas y servicios de internet
herramientas y servicios de internetherramientas y servicios de internet
herramientas y servicios de internet
 
Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Como organizar una mudanza económica
Como organizar una mudanza económicaComo organizar una mudanza económica
Como organizar una mudanza económica
 
Creacion de una pagina web
Creacion de una pagina webCreacion de una pagina web
Creacion de una pagina web
 
Proyecto Página Web
Proyecto Página WebProyecto Página Web
Proyecto Página Web
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3c
 
Proyecto para crear una pagina web
Proyecto para crear una pagina webProyecto para crear una pagina web
Proyecto para crear una pagina web
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 

Similaire à Estandares de creación de una página web

Similaire à Estandares de creación de una página web (20)

introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
HTML 4
HTML 4HTML 4
HTML 4
 
Buenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y AccesibilidadBuenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y Accesibilidad
 
Html4
Html4Html4
Html4
 
Manulka3
Manulka3Manulka3
Manulka3
 
Pagina web
Pagina webPagina web
Pagina web
 
Html5 (ar)
Html5  (ar)Html5  (ar)
Html5 (ar)
 
Qué son estándares web
Qué son estándares webQué son estándares web
Qué son estándares web
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
 
Estandares para diseño web
Estandares para diseño webEstandares para diseño web
Estandares para diseño web
 
HTML 5
HTML 5HTML 5
HTML 5
 
Lenguajes de Marcas en EntornosWeb
Lenguajes de Marcas en EntornosWebLenguajes de Marcas en EntornosWeb
Lenguajes de Marcas en EntornosWeb
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Que es html
Que es htmlQue es html
Que es html
 
W3c
W3cW3c
W3c
 
Lenguajes de marcas
Lenguajes de marcasLenguajes de marcas
Lenguajes de marcas
 
Presentacion
PresentacionPresentacion
Presentacion
 
Alberto
AlbertoAlberto
Alberto
 

Estandares de creación de una página web

  • 2. REGLAS DE CREACIÓN DE UNA PÁGINA WEB 1-Los archivos de sonido e imágenes deben llevar un texto que explique su contenido. 2-Utilizar contrastes marcados que facilitan la legibilidad, por ejemplo en el color de las fuentes respecto al fondo. ser muy cuidadoso con la programación "HTML" ya que los lectores para discapacitados lo leen de una forma más minuciosa y algunos fallos serían mostrados por un navegador estándar sí que pueden parecer al ser interpretados por un navegador especial. 3-Si programamos con tablas debemos asegurarnos de que la lectura del texto siguiendo el orden de las filas es totalmente comprensible. 4-Dotar los bloques de títulos y subtítulos que clarifiquen su contenido. 5-Usar las guías de W3C, que en 1999 empezó a ocuparse de esta tarea cuando la primera normativa para la creación de webs accesibles.
  • 3. Beneficios del uso de estándares web  Un sitio basado en estándares web mostrará una mayor consistencia visual. Gracias al uso de XHTML para el contenido y CSS para la apariencia, se puede transformar rápidamente un sitio, sin importar que se trate de una página web o miles, realizando cambios en un solo lugar. Los documentos que separan apariencia de contenido usan menos código, además, CSS permite conseguir efectos que antes requerían el uso de JavaScript e imágenes, por lo que los sitios basados en estándares utilizan menos ancho de banda y se muestran más rápido a los usuarios, mejorando dramáticamente la experiencia de estos.  Los documentos basados en XHTML válido son más relevantes para los motores de búsqueda, contienen mayor información y menos código, por lo que un sitio basado en estándares web tendrá una mejor posición. De igual manera, la posición en directorios, editados por humanos, se verá beneficiada pues el sitio será más usable. XHTML es una aplicación de XML, por lo que el contenido puede ser procesado de muchas formas, permitiendo la creación de sitios extensibles. El uso de validadores nos permite crear XHTML bien formado. Un sitio basado en estándares web es compatible con todos los navegadores actuales, y lo será con versiones futuras.
  • 4. Beneficios del uso de estándares web  Funcionará tan bien en un PC, un navegador aural y un teléfono móvil dentro de diez años. Un sitio basado en estándares web es más fácil de mantener y actualizar, el código es más simple, de esta forma se elimina la dependencia de un solo desarrollador. Un sitio basado en estándares web es más accesible, permitiendo a personas con discapacidades utilizar su contenido
  • 5. ¿Qué son estándares web?  Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web.  El objetivo es crear una Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet
  • 6. Reglas: Para poder desarrollar sitios web es necesario tener un conocimiento a fondo de HTML (Hipertext Markup Language) para crear documentos y CSS (Cascading Style Sheets) para manejar su apariencia Recomiendo aprender XHTML 1.1, el sucesor de HTML 4. Una combinación del clásico HTML y el muy potente XML. *Luego debes aprender el uso de CSS, hojas de estilo en cascada. Empieza con cambios simples, modificar los fonts y colores de textos, por ejemplo. Luego entiende los conceptos de cascada y el modelo de cajas (box model).
  • 7. QUE SON FONTS  las fonts son los estilos de letras que tiene la computadora a la hora de escribir por ejemplo cuando abres el Word o chateas por MSN puedes elegir la letra por ej:arial bueno las fonts son estos archivos.
  • 8. REGLAS  Recuerda probar tus diseños en un navegador compatible con estándares web: Mozilla (especialmente el excelente Firefox), Opera o Safari son los recomendables. Es obvio, pero vale mencionarlo: Los navegadores 4.x constituyen una minoría y ninguno interpreta correctamente estándares web. Si tus visitantes usan navegadores de 1997, la sugerencia lógica es una actualización