Está en la página 1de 5

NOMBRE DEL APRENDIZ: Mario David parrado

No FICHA: 1832626
IDENTIFICACIÓN:1000786596
PROGRAMA DE FORMACÍON: TÉCNICO PROGRAMACION DE SOFTWARE
REGIONAL: DISTRITO CAPITAL
FECHA:
CENTRO DE FORMACION: CENTRO DE GESTION DE MERCADOS, LOGÍSTICA Y TECNOLOGÍAS DE LA
INFORMACIÓN
GUÍA: 3

- ¿Qué elementos se pueden visualizar en una página web?

- ¿Cómo se crea una página web?

SOLUCION

- ¿Qué elementos se pueden visualizar en una página web?

1) Contenido.
Una página web debe ser atractiva… Pero no solo a la vista, sino también en el
contenido.
Eso significa que debe tener contenido interesante que atraiga (y atrape) al público
objetivo.
De hecho, ninguna página puede considerarse exitosa si no cuenta con un
contenido atractivo y actualizado con cierta frecuencia.
2) Tipografía.
Es importante usar fuentes llamativas pero sencillas de leer.
También es importante variar el tamaño de una misma fuente para resaltar
secciones interesantes del contenido y del texto.
3) Imágenes.
En el diseño web es muy importante las buenas imágenes y fotografías,
preferentemente tomadas por un profesional y con una buena camara.
Es importante que no estén pixeladas o desenfocadas, ya que puede causar una
mala imagen del sitio en general.
4) Animaciones y movimiento.
Para generar una sensación de dinamismo es bueno utilizar elementos animados.
Pero atención: no abuses de ellos, ya que pueden sobrecargar la página.
Lo ideal es que no sobrepasen el 20% del total de la página ya que de otra forma
pueden causar saturación, distraer la atención de cosas importantes que se
quieren decir y por último sacar al usuario del sitio.
5) Botones e iconos.
GC-F -005 V. 01
NOMBRE DEL APRENDIZ: Mario David parrado
No FICHA: 1832626
IDENTIFICACIÓN:1000786596
PROGRAMA DE FORMACÍON: TÉCNICO PROGRAMACION DE SOFTWARE
REGIONAL: DISTRITO CAPITAL
FECHA:
CENTRO DE FORMACION: CENTRO DE GESTION DE MERCADOS, LOGÍSTICA Y TECNOLOGÍAS DE LA
INFORMACIÓN
GUÍA: 3

Utilizar botones prácticos y representativos, así como iconos grandes y vistosos


aumenta la facilidad de navegación en la página.
Pero no es necesario colocar accesorios que no brinden un valor real, por ejemplo
un reloj para clientes que se encuentran en el mismo uso horario.
6) Fondos claros y sencillos.
Los fondos claros o totalmente blancos o azules facilitan la visualización, pero
también dan un aspecto despejado a la página resaltando las imágenes.
Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al
lector con la luz del monitor.
7) Enlaces a redes.
Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las
cuales interactúan con facilidad. Esto ayuda además a crear comunidad.
8) Sobriedad.
Una página debe permitir una fácil visualización de los contenidos (vídeos,
imágenes, textos).
Saturar al cibernauta es contraproducente.
Si la información o contenido tarda en cargarse, error: eso supone una visita
menos y un potencial cliente que no conoció la oferta.
Tener en cuenta todo eso a la hora de optar por el diseño web es garantía de
éxito.

GC-F -005 V. 01
NOMBRE DEL APRENDIZ: Mario David parrado
No FICHA: 1832626
IDENTIFICACIÓN:1000786596
PROGRAMA DE FORMACÍON: TÉCNICO PROGRAMACION DE SOFTWARE
REGIONAL: DISTRITO CAPITAL
FECHA:
CENTRO DE FORMACION: CENTRO DE GESTION DE MERCADOS, LOGÍSTICA Y TECNOLOGÍAS DE LA
INFORMACIÓN
GUÍA: 3

- ¿Cómo se crea una página web?

Estructura y Composición de un Sitio Web

La página web y su constitución Lo que define el diseño de una página web es la forma de

organizar los elementos que la componen. Hay miles de formas diferentes, pero son pocas

las que funcionan y adquieren el sentido que necesitamos para nuestro trabajo.

Podemos recurrir a estructuras como Bootstrap o 960grid para tener un apoyo importante.

Hoy en día hay muchos frameworks con los cuales podemos basarnos a la hora de diseñar

un nuevo proyecto.

GC-F -005 V. 01
NOMBRE DEL APRENDIZ: Mario David parrado
No FICHA: 1832626
IDENTIFICACIÓN:1000786596
PROGRAMA DE FORMACÍON: TÉCNICO PROGRAMACION DE SOFTWARE
REGIONAL: DISTRITO CAPITAL
FECHA:
CENTRO DE FORMACION: CENTRO DE GESTION DE MERCADOS, LOGÍSTICA Y TECNOLOGÍAS DE LA
INFORMACIÓN
GUÍA: 3

Contenedor

Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de

este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc.

Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores

y dispositivos, o uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web

responsive, podemos manejarlo con CSS sin problemas.

Logotipo

Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el

sitio. Puede ser el logotipo de la empresa o el nombre. Al estar arriba acompañara la

navegación por todo el sitio ayudando al reconocimiento de la marca.

Navegación

Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil,

es el menú horizontal, que siempre tiene a mano lo más importante del sitio web.

Los menús verticales pueden usarse como complementos o sub menús, de los horizontales,

y siempre cerca de la línea horizontal del menú principal y deben ser visibles en el primer

pantallazo, al entrar.

Contenido

Lo más importante y fundamental de una buena página. Lo que mantiene al visitante

cautivo e interesado. Si el contenido es malo o poco interesante, abandonará la página en

pocos segundos. Para eso, debe estar centralizado y enfocado y a la primera vista. El mejor

lugar debe ser para los contenidos. Para Google, el contenido es el rey.
GC-F -005 V. 01
NOMBRE DEL APRENDIZ: Mario David parrado
No FICHA: 1832626
IDENTIFICACIÓN:1000786596
PROGRAMA DE FORMACÍON: TÉCNICO PROGRAMACION DE SOFTWARE
REGIONAL: DISTRITO CAPITAL
FECHA:
CENTRO DE FORMACION: CENTRO DE GESTION DE MERCADOS, LOGÍSTICA Y TECNOLOGÍAS DE LA
INFORMACIÓN
GUÍA: 3

Footer

Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y

legales o menús secundarios. Aunque en los últimos años, se usa mucho para incluir

información de redes sociales, direcciones, noticias.

Espacio Negativo

Esto es tan importante como el espacio positivo. También llamado espacio blanco, es todo

lo que no tiene información de ningún tipo, pero que cumple un rol importantísimo para la

web; nos ayuda a tener espacios de respiración, a equilibrar y dar balance a todo el diseño.

Si eres novato, o tu cliente es ignorante en la materia, tratará de llenar esos espacios, con

la consiguiente saturación de contenidos, dejando una web ilegible e innavegable.

URL: http://www.mipaginaweb.com Son las siglas en inglés de uniform resource locator (en

español, localizador uniforme de recursos), que sirve para nombrar recursos en Internet.

Esta denominación tiene un formato estándar y su propósito es asignar una dirección única

a cada uno de los recursos disponibles en Internet, como por ejemplo páginas, imágenes,

vídeos, etc.

No se debe confundir con URI, que significa uniform resource identifier (identificador de

recursos uniforme, en español).

Una URL ciertamente puede ser una URI, pero no al revés, ya que URL es un subconjunto de
url

GC-F -005 V. 01