Presentación

Para poder usar una web, esta debe presentar una estructura amigable, el
usuario debe comprender sin mucha experiencia donde esta cada cosa o al menos ser
guiado en una pequeña exploración donde poco a poco vaya adaptándose al sitio y así
acceder a la información que requiere.
Para que esta experiencia sea familiar y amena, las empresas de desarrollo
web, han generado unas reglas y han creado una variedad de elementos que por sí
solos se explican y actúan como señales para alertar al visitante de que rol realizan y
los resultados que se pueden obtener.
La experiencia de usuarios que han manifestado a favor de ideas o en contra de
otras, ayudo a los desarrolladores a perfeccionar todos los elementos que interactúan
con el visitante y así se ha logrado establecer una presentación casi obligatoria para
todos los sitios web.
En esta breve investigación, se definirán exactamente cada elemento, sus
características y función.
 Páginas web y sus elementos
Definición
Una maqueta web, es una representación informativa de una serie de datos
que interesan a un buscador web y que muestran una serie de informaciones que son
relevantes para el mismo, colocadas estratégicamente, para brindar respuesta
inmediata a cada visitante.
Estos tienen una representación distinta y una jerarquía web que le asigna una
función determinada y que conducen al cibernauta hasta un contenido textual o visual
inmediato. A continuación se explican los de mayor importancia.

Texto en la web:
Es información pura, define nombres de las secciones, explica detalladamente
el contenido que busca enseñar, mostrar o dirigir a un visitante. Este puede
distribuirse en varios idiomas y es de gran necesidad porque su función descriptiva
apenas es secundada por las imágenes, videos y audios.

Características:
 Existen muchos modelos de letras para páginas web
 Generalmente se usan las fuentes Tahoma y Verdana Siguen
rigiéndose Como norma principal se usan estos tres atributos:
Negrita, Itálica y Subrayado.

Función:
Informa en su totalidad, todo contenido de importancia básicamente necesita
un nombre una descripción y detalles, el cubre todas estas áreas.

Imágenes:
Una sola de ellas ahorra mucho texto a los escritores o copywriters de la web,
una imagen incluso explica de que trata el tema y muchos visitantes que no cultivan el
habito de leer títulos para localizar lo que buscan, las imágenes bien posicionadas le
dan una idea de que lo que busca exactamente esta allí.
 Características:
 Sus formatos principales son svg, png, jpeg, gif.
 Pueden variar sus tamaños, se le pueden aplicar muchas reglas que le
dan aspectos llamativos.
 Su función no solo es explicativa, pueden utilizarse para enlazar otros
destinos dentro y fuera de la web, con acciones llamadas hipervínculos.
 Pueden ser banners, flyrs o animaciones.

Función:
Explicar, Llamar la atención o demostrar exactamente que contenido presenta
una determinada sección web.

Nombre de Dominio web:

Es una dirección única que recibe una página, que se codifica usando números
pero que se traduce a lenguaje humano mediante un navegador aplicando nombres
sencillos como www.google.com.

Características:
 Es el nombre de la página web
 Todos tienen una extensión, esta representa su utilidad .com para el
comercio, .net para servicios, .org para organizaciones entre otros.
 Ellos pueden tener pequeños seudónimos o subdominios que redirigen
a otras secciones del sitio original.

Hipervínculos:
Son enlaces, al hacer click sobre ellos el navegador nos abre nuevas ventanas
dentro o fuera del sitio original, sirven para enriquecer las referencias, dirigirnos a
páginas de ventas, videos, música, entre otros.

Características:
 Pueden usarse imágenes y texto para enlazar con otros sitios.
  Estos sitios pueden estar dentro del mismo sitio y a su vez pueden
llevarte a nuevas páginas, donde puede adquirir más información del
tema estudiado.
 Son notables en el texto, su color es diferente y presentan
características que reaccionan al posicionarte sobre ellos.

Función:
Llevar a cada usuario hasta nuevos lugares donde pueda ampliar información o
encontrar nuevos temas.

Vídeos:
Son informativos, demostrativos, no superan el efecto e importancia del texto,
pero son la opción más utilizada para ahorrar mucho tiempo de redacción.

Características:
 Algunos videos están inmersos dentro del servidor que hospeda la web
es decir son nativos, pero otros pueden venir de otras opciones como
YouTube, Vimeo, entre otros.
 Su calidad de reproducción cambia según la velocidad de internet.
 Tienen diferentes extensiones como .mov .mp4 entre otros.

Función:
Captar la atención, educar y mantener al usuario más tiempo en la web,
además de ayudar a los desarrolladores del sitio a reducir horas de redacción.

Animaciones:
Son cortas imágenes cargadas de movimiento que transmiten un breve
mensaje pero que termina siendo definitivo.
 Características:
 Los formatos más usados son flash que está en desuso, pero algunos
insisten en usarlo y otros en Gif que goza de mayor aceptación y menos
peso de carga.
 Pueden ser graciosos, aterradores, o sugestivos.
 Su peso es mínimo y afecta poco la carga web.

Función:
Llamar la atención, transmitir un breve mensaje.

Audios o Sonidos en la web:

Son una modalidad muy aceptada, oyendo también se aprende y su carga no
suma peso excesivo a la web, con la nueva modalidad de podcast, se puede transmitir
información que no necesita ser vista para ser asimilada.

Características:
 Al igual que el video pueden estar en el mismo servidor de la página o
en servidores externos.
 Sus extensiones pueden desde mp3 hasta ogg y más.
 Se usan diferentes reproductores para presentarlos al usuario.

Función:
Son educativos y también se usan para áreas de entretenimiento (Musica,
chistes, Novelas, entre otros)

Banners:
la palabra banner traducida al español tiene como significado “pancarta” o
“banderola” Puede funcionar además para darle personalidad a determinada web.

Características:
 Un banner puede estar en muchos sitios, e la cabecera de la web o parte
superior, en los laterales o en pie de página o parte inferior de la web.
  Específicamente se usan para insertar publicidad y captar más
seguidores de la web.

Función:
Su función más poderosa es la de generar ventas o captura más seguidores.

Formularios web:
Capturan información personal, siempre que el usuario esté dispuesto a
compartirla, pero son una maravillosa opción para que los desarrolladores conozcan
más a su público e interactuar con ellos.

Características:
 Registran o capturan datos de nombres, teléfonos, email, contraseñas y
más.
 Se usan mucho con una dirección llamada Newsletter, que es una forma
de mantener a un lector interesado siempre en el contenido de una web
específica.

Función:
Construir una lista de usuarios y obtener bases de datos para hacer estudios
geográficos, demográficos y psicológicos, así como crear listas de subscriptores para
brindar ofertas.

Barra de Menú:
Detalla y dice donde cada visitante puede encontrar un objetivo específico
dentro de la estructura de la web.

Características:
 Se ubica generalmente en la cabecera y pies de página.
 Engloba vínculos internos donde se puede apreciar información de la
web sus servicios y formas de contactar.
Función:
Llevar al visitante a zonas específicas de la web
 Webgrafía

Banners como se usan

Elementos de una web
¿Qué es un Hipervínculo?
Archivos multimedia web
 Conclusión
Como estén colocados los elementos de una web en la interfaz del sitio
realmente tiene relevancia. La correcta ubicación y el aspecto especifico brindan al
usuario un contexto preciso donde es fácil moverse para él.
Las imágenes, textos, botones, menús, audios, entre otros, son las partes del
cuerpo de una web que tienen la poderosa particularidad de explicar y orientar al
visitante más experto hasta el más inexperto en funcionamiento correcto de una
página web.
La idea de estos elementos es que sean intuitivos, que su sola presencia
funcione como un mapa al tesoro para cada visitante, y que de esta manera se pueda
entender la búsqueda requerida y ampliar la información y obtener mucho más de lo
esperado.