IDENTIFICACIÓN DE LAS NORMAS
MÍNIMAS PARA FACILITAR EL
ACCESO.
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.
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
construyen a partir de un ”concepto creativo” que se compone de
las diferentes ideas del cliente, la visión del diseñador gráfico y la
intervención del diseñador (o diagramador) web.
El objetivo fundamental de la diagramación web es lograr la
facilidad de navegación en el sitio, lo que permite al usuario
conseguir la información que le interesa de una manera rápida y
eficiente.
El proceso de diagramar una página web, consiste en decidir: ¿Donde
colocar sus elementos y por qué?, al ejecutar este paso con los objetivos
básicos de crear vínculos para que la navegación sea intuitiva y crear una
estructura adecuada de código de programación, se ha empezado por el
buen camino.
Diagramar y programar un sitio web partiendo de los objetivos ya
mencionados garantiza la funcionalidad del mismo.
Una página web visualmente atractiva que además sea altamente
funcional son los ingredientes básicos de un proyecto de calidad y con un
alcance tan grande como la misma red.
Flash es una tecnología propietaria, nacida a finales de los 90, que permite insertar en
una página web efectos visuales, de animación, sonido, video, y otros elementos
dinámicos.
Flash tiene las siguientes limitaciones:
relentiza la navegación: antes de visualizar su contenido, tiene que esperar a que se
descarge
dificulta el posicionamiento en buscadores: ya que los buscadores no pueden
acceder fácilmente al texto y contenidos insertados dentro de una animación flash
necesita un complemento en el navegador: para poder ver un flash hace falta tener
instalado un "plugin" o complemento en el navegador. La mayoría lo suelen traer
instalado, pero hay que actualizarlo cada cierto tiempo
Flash tiene las siguientes ventajas:
audio y video: es la mejor forma de incorporar audio y video a una página web
presentación con efectos y animaciones: hace atractiva la presentación de
contenidos
Los marcos o "frames" son una característica central de algunos
sitios web, pero presentan muchos problemas de usabilidad y
accesibilidad. En las páginas con marcos el atributo TARGET de
los hipervínculos debe estar bien definido para lograr el efecto
deseado. Hay que evitar mostrar una página externa al sitio web
dentro de un marco. Existen alternativas para lograr el mismo
efecto que los marcos evitando sus inconvenientes.
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. En el
posicionamiento en google u otros buscadores esta separación
es obligatoria. Google no entiende de diseños sólo interpreta el
texto que lee.
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. Por ello es importante que estén
bien estructuradas y contengan información de interés, para atraer más
visitantes a nuestro sitio y mejorar la posición de nuestro sitio web en 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>

Aprendizaje 1.2

  • 1.
    IDENTIFICACIÓN DE LASNORMAS MÍNIMAS PARA FACILITAR EL ACCESO.
  • 2.
    El peso deuna 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.
  • 3.
    La siguiente tablamuestra 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 webque generan un resultado de alta calidad se construyen a partir de un ”concepto creativo” que se compone de las diferentes ideas del cliente, la visión del diseñador gráfico y la intervención del diseñador (o diagramador) web. El objetivo fundamental de la diagramación web es lograr la facilidad de navegación en el sitio, lo que permite al usuario conseguir la información que le interesa de una manera rápida y eficiente.
  • 5.
    El proceso dediagramar una página web, consiste en decidir: ¿Donde colocar sus elementos y por qué?, al ejecutar este paso con los objetivos básicos de crear vínculos para que la navegación sea intuitiva y crear una estructura adecuada de código de programación, se ha empezado por el buen camino. Diagramar y programar un sitio web partiendo de los objetivos ya mencionados garantiza la funcionalidad del mismo. Una página web visualmente atractiva que además sea altamente funcional son los ingredientes básicos de un proyecto de calidad y con un alcance tan grande como la misma red.
  • 6.
    Flash es unatecnología propietaria, nacida a finales de los 90, que permite insertar en una página web efectos visuales, de animación, sonido, video, y otros elementos dinámicos. Flash tiene las siguientes limitaciones: relentiza la navegación: antes de visualizar su contenido, tiene que esperar a que se descarge dificulta el posicionamiento en buscadores: ya que los buscadores no pueden acceder fácilmente al texto y contenidos insertados dentro de una animación flash necesita un complemento en el navegador: para poder ver un flash hace falta tener instalado un "plugin" o complemento en el navegador. La mayoría lo suelen traer instalado, pero hay que actualizarlo cada cierto tiempo Flash tiene las siguientes ventajas: audio y video: es la mejor forma de incorporar audio y video a una página web presentación con efectos y animaciones: hace atractiva la presentación de contenidos
  • 7.
    Los marcos o"frames" son una característica central de algunos sitios web, pero presentan muchos problemas de usabilidad y accesibilidad. En las páginas con marcos el atributo TARGET de los hipervínculos debe estar bien definido para lograr el efecto deseado. Hay que evitar mostrar una página externa al sitio web dentro de un marco. Existen alternativas para lograr el mismo efecto que los marcos evitando sus inconvenientes.
  • 8.
    Cada vez vienesiendo 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. En el posicionamiento en google u otros buscadores esta separación es obligatoria. Google no entiende de diseños sólo interpreta el texto que lee.
  • 9.
    Las etiquetas METATAG'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 revelaninformació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. Por ello es importante que estén bien estructuradas y contengan información de interés, para atraer más visitantes a nuestro sitio y mejorar la posición de nuestro sitio web en los motores de Búsqueda.
  • 11.
    Las etiquetas METATAGs 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>