SlideShare uma empresa Scribd logo
1 de 11
El peso de una página no solamente engloba el archivo html
visible, sino también, todos los objetos que forman parte de él,
como ser imágenes, aplets, hojas de estilo, etc. Si tenemos en
cuenta que en Internet este factor esta asociado al tiempo de
respuesta según la conexión del usuario, significa que el tiempo
de descarga de la página aumenta aún más. Según estudios
hechos en laboratorios de usabilidad en casos de tiempos de
espera muy largos, también juega un papel en contra la
expectativa del usuario. Está comprobado que 1 segundo es el
tiempo de respuesta máximo que se requiere para que los
usuarios sientan que se mueven con libertad dentro de un
espacio de información y 10 segundos es el límite del tiempo de
respuesta de un sistema para mantener la atención del usuario en
una tarea. O sea que si pretendemos que nuestro usuario no
cierre el navegador, deberemos intentar ofrecerle la información
en un lapso no mayor a 10 segundos.
La siguiente tabla muestra el máximo permitido para el
peso de una página tomando en cuenta los estudios de
ergonomía realizados sobre los tiempos de respuestas,
arriba mencionados. Como para que te des una idea,
en 10 segundos
 • Con un modem bajarán 34 Kb
 • Con una conexión ISDN bajarán 150 Kb
 • y con una conexión tipo T1 bajarán 2 Mb
Los proyectos web que generan un resultado
de alta calidad se constituyen a partir de
“concepto creativo” que se compone de las
diferentes idas del cliente, la visión del
diseñador grafico y la intervención del
diseñador web.
La mayoría de las presentaciones "Flash" como
página inicial, impiden que las "arañas" que
utilizan los buscadores puedan entrar al sitio y
recorrerlo. Producto de esto, los usuarios que no
conozcan su dirección, nunca podrán ver sus
contenidos a partir de un buscador.
En los primeros sitios web los marcos o frames se
utilizaban con mucha frecuencia. Tenía más sentido
utilizarlos para reducir los tiempos de carga con
conexiones lentas.
Todavía siguen naciendo webs nuevas que utilizan esta
tecnología. Es muy típico un marco izquierdo con el
menú de las demás páginas, o una cabecera con el
logotipo y una presentación en un marco superior.
<frameset rows="*">
<frame name="principal"
src="http://www.delosprimeros.com">
<noframes>
<body>
<p>Esta página utiliza frames, pero su navegador no los
soporta</p>
</body>
</noframes>
</frameset>
Cada vez viene siendo más habitual situar las imágenes
que aparecen en una web en el archivo css. La
importancia de separar el contenido del diseño
adquiere más importancia si estamos trabajando en un
diseño accesible y posicionable. En el posicionamiento
en google u otros buscadores esta separación es
obligatoria.
Las etiquetas META TAG's son instrucciones HTML y
son utilizadas para la indexación de nuestros sitios
Webs en los buscadores y robots de búsqueda (boots)
en internet. No influyen en el diseño de una web, pero
su uso se hace imprescindible, si queremos que
nuestro sitio sea visitado con la ayuda de buscadores.
Estas nos revelan información tales como, su ubicación,
título, lugar de origen, idioma.... Por tanto, debemos tener
claro que las Meta Tags, son palabras clave que no varía el
diseño de nuestra web, pero que son importantísimas en la
estructura de la misma. La misión de estas, es dar
información sobre la descripción y las palabras clave de un
sitio Web, éstos datos serán requeridos por la mayoría de
los motores de búsqueda.
Las etiquetas META TAGs se deben colocar en la
cabecera (entre <HEAD> y </HEAD>) de la pagina web
índice de nuestro sitio web (index o default). Si nuestro
sitio hace uso de FRAMES, éstas meta tags, deben ir en la
página donde se configuran éstos. Para otros exploradores
que no soportan FRAMES, existe la instrucción
<Noframes> cuyo formato es:
<noframes><body><p>Esta página usa marcos, pero
su explorador no los admite.</p></body>

Mais conteúdo relacionado

Mais procurados

MICROSOFT ACCESS
MICROSOFT ACCESSMICROSOFT ACCESS
MICROSOFT ACCESSgabylety
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?nereasanchezz
 
Formularios e informes en access 2010
Formularios e informes en access 2010Formularios e informes en access 2010
Formularios e informes en access 2010Omarluis8
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLAmeer Khan
 
Introducción a Microsoft Access
Introducción a Microsoft AccessIntroducción a Microsoft Access
Introducción a Microsoft AccessZantiago Thrash
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje cssSimoney Llamas
 
Introduction to web technology
Introduction to web technologyIntroduction to web technology
Introduction to web technologyVARSHAKUMARI49
 
Diapositivas de aplicaciones ofimaticas
Diapositivas de aplicaciones ofimaticasDiapositivas de aplicaciones ofimaticas
Diapositivas de aplicaciones ofimaticaskeytorres18
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlDoraliza Hugo Vera
 
Ventajas y desventajas de los procesadores de textos
Ventajas y desventajas de los procesadores de textosVentajas y desventajas de los procesadores de textos
Ventajas y desventajas de los procesadores de textosaracelii_1
 
Presentacion hojas electronicas
Presentacion hojas electronicasPresentacion hojas electronicas
Presentacion hojas electronicasEduardo David
 
Presentation on html, css
Presentation on html, cssPresentation on html, css
Presentation on html, cssAamir Sohail
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasjennypalcio
 

Mais procurados (20)

Que es big data
Que es big dataQue es big data
Que es big data
 
MICROSOFT ACCESS
MICROSOFT ACCESSMICROSOFT ACCESS
MICROSOFT ACCESS
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Access vs excel
Access vs excelAccess vs excel
Access vs excel
 
Formularios e informes en access 2010
Formularios e informes en access 2010Formularios e informes en access 2010
Formularios e informes en access 2010
 
Html and css
Html and cssHtml and css
Html and css
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Introducción a Microsoft Access
Introducción a Microsoft AccessIntroducción a Microsoft Access
Introducción a Microsoft Access
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Introduction to web technology
Introduction to web technologyIntroduction to web technology
Introduction to web technology
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Diapositivas de aplicaciones ofimaticas
Diapositivas de aplicaciones ofimaticasDiapositivas de aplicaciones ofimaticas
Diapositivas de aplicaciones ofimaticas
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Ventajas y desventajas de los procesadores de textos
Ventajas y desventajas de los procesadores de textosVentajas y desventajas de los procesadores de textos
Ventajas y desventajas de los procesadores de textos
 
Generalidades e interfaz excel
Generalidades e interfaz excelGeneralidades e interfaz excel
Generalidades e interfaz excel
 
Presentacion hojas electronicas
Presentacion hojas electronicasPresentacion hojas electronicas
Presentacion hojas electronicas
 
Presentation on html, css
Presentation on html, cssPresentation on html, css
Presentation on html, css
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 

Semelhante a Identificación de las normas mínimas para facilitar

Semelhante a Identificación de las normas mínimas para facilitar (20)

Aprendizaje 1.2
Aprendizaje 1.2Aprendizaje 1.2
Aprendizaje 1.2
 
HTML 5
HTML 5HTML 5
HTML 5
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
Consultas profe
Consultas profe Consultas profe
Consultas profe
 
Estandarización de paginas web
Estandarización de paginas webEstandarización de paginas web
Estandarización de paginas web
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 
Sama ntha
Sama nthaSama ntha
Sama ntha
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
MOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEBMOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEB
 
Proyecto Fin Ciclo
Proyecto Fin CicloProyecto Fin Ciclo
Proyecto Fin Ciclo
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Seo
SeoSeo
Seo
 
Guia#1 info
Guia#1 infoGuia#1 info
Guia#1 info
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 

Mais de Xoch Flores

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en webXoch Flores
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascriptXoch Flores
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje cssXoch Flores
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónXoch Flores
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación webXoch Flores
 
Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegaciónXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñXoch Flores
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtmlXoch Flores
 

Mais de Xoch Flores (11)

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Box model
Box modelBox model
Box model
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporación
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegación
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñ
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtml
 

Identificación de las normas mínimas para facilitar

  • 1.
  • 2. El peso de una página no solamente engloba el archivo html visible, sino también, todos los objetos que forman parte de él, como ser imágenes, aplets, hojas de estilo, etc. Si tenemos en cuenta que en Internet este factor esta asociado al tiempo de respuesta según la conexión del usuario, significa que el tiempo de descarga de la página aumenta aún más. Según estudios hechos en laboratorios de usabilidad en casos de tiempos de espera muy largos, también juega un papel en contra la expectativa del usuario. Está comprobado que 1 segundo es el tiempo de respuesta máximo que se requiere para que los usuarios sientan que se mueven con libertad dentro de un espacio de información y 10 segundos es el límite del tiempo de respuesta de un sistema para mantener la atención del usuario en una tarea. O sea que si pretendemos que nuestro usuario no cierre el navegador, deberemos intentar ofrecerle la información en un lapso no mayor a 10 segundos.
  • 3. La siguiente tabla muestra el máximo permitido para el peso de una página tomando en cuenta los estudios de ergonomía realizados sobre los tiempos de respuestas, arriba mencionados. Como para que te des una idea, en 10 segundos  • Con un modem bajarán 34 Kb  • Con una conexión ISDN bajarán 150 Kb  • y con una conexión tipo T1 bajarán 2 Mb
  • 4. Los proyectos web que generan un resultado de alta calidad se constituyen a partir de “concepto creativo” que se compone de las diferentes idas del cliente, la visión del diseñador grafico y la intervención del diseñador web.
  • 5. La mayoría de las presentaciones "Flash" como página inicial, impiden que las "arañas" que utilizan los buscadores puedan entrar al sitio y recorrerlo. Producto de esto, los usuarios que no conozcan su dirección, nunca podrán ver sus contenidos a partir de un buscador.
  • 6. En los primeros sitios web los marcos o frames se utilizaban con mucha frecuencia. Tenía más sentido utilizarlos para reducir los tiempos de carga con conexiones lentas. Todavía siguen naciendo webs nuevas que utilizan esta tecnología. Es muy típico un marco izquierdo con el menú de las demás páginas, o una cabecera con el logotipo y una presentación en un marco superior.
  • 7. <frameset rows="*"> <frame name="principal" src="http://www.delosprimeros.com"> <noframes> <body> <p>Esta página utiliza frames, pero su navegador no los soporta</p> </body> </noframes> </frameset>
  • 8. Cada vez viene siendo más habitual situar las imágenes que aparecen en una web en el archivo css. La importancia de separar el contenido del diseño adquiere más importancia si estamos trabajando en un diseño accesible y posicionable. En el posicionamiento en google u otros buscadores esta separación es obligatoria.
  • 9. Las etiquetas META TAG's son instrucciones HTML y son utilizadas para la indexación de nuestros sitios Webs en los buscadores y robots de búsqueda (boots) en internet. No influyen en el diseño de una web, pero su uso se hace imprescindible, si queremos que nuestro sitio sea visitado con la ayuda de buscadores.
  • 10. Estas nos revelan información tales como, su ubicación, título, lugar de origen, idioma.... Por tanto, debemos tener claro que las Meta Tags, son palabras clave que no varía el diseño de nuestra web, pero que son importantísimas en la estructura de la misma. La misión de estas, es dar información sobre la descripción y las palabras clave de un sitio Web, éstos datos serán requeridos por la mayoría de los motores de búsqueda. Las etiquetas META TAGs se deben colocar en la cabecera (entre <HEAD> y </HEAD>) de la pagina web índice de nuestro sitio web (index o default). Si nuestro sitio hace uso de FRAMES, éstas meta tags, deben ir en la página donde se configuran éstos. Para otros exploradores que no soportan FRAMES, existe la instrucción <Noframes> cuyo formato es:
  • 11. <noframes><body><p>Esta página usa marcos, pero su explorador no los admite.</p></body>