Renovando nuestra Homepage...!

Hola a todos

Como ya dijimos la semana pasada, la Home Page o página de inicio es lo primero que se
encuentra un navegante que visita nuestro sitio en internet.
Por eso, es importante definir qué vamos a mostrar allí. También es crucial pensar en el
visitante y en los tiempos de los navegantes de Internet: un video institucional puede ser muy
relevante para la comunidad, pero si eso obliga a quien entra al sitio a quedarse frente a una
pantalla que dice “cargando...” durante tres minutos, es muy probable que elija rápidamente
pasar a otra página...

Lo mismo se aplica al estilo de un sitio web: lo mejor es lograr un ambiente visual mas o menos
homogéneo, y esto se consigue con pequeños detalles: las líneas de separación, los dibujitos
de las viñetas, el estilo de las imágenes, por citar algunos.

Así que manos a la obra, vamos a remozar nuestra Home Page!

Examinando el Logo del instituto

Lo primero que haremos es verificar si el logo del instituto está bien, vale decir: a escala, si se
lee, si no se ve deformado, o algo que merezca el cambio. Si hay que cambiar, lo cambiamos:

Recuerden que para cambiar el logo, tienen que ir a la Administración general.

Les muestro algunos ejemplos de los errores más comunes que vemos en los logos.

Logo estirado: La imagen del logotipo debe medir 140 x 70 pixeles o

por lo menos tener una relación de de 1 de alto por 2 de ancho, sino
quedará estirada. Pueden diseñar una imagen de ese tamaño con el
logo de su instituto o "pegar" el logo sobre la imagen base.

Logo poco legible: Traten de no poner muchos datos en el logo, vean

este ejemplo que tiene cierta elaboración, pero no se entiende mucho.
En el espacio del logo va, si tienen, el escudo del instituto o las siglas,
nada más.
 Logo poco legible: Si colocan las siglas del instituto como logo, traten
de seleccionar un tamaño de texto acorde. No como este caso.

Armando nuestra galería de imágenes

Fotos del Instituto

Ahora es el momento de usar las fotos que les pedimos recopilaran la semana anterior.
Verifiquen que todas estén en tamaños adecuados para estas web: un ancho máximo de 480
píxeles, así no debemos enfrentar luego el problema de tener que achicarlas a mano, que no
siempre queda bien.
Si hay fotos más grandes, es el momento de usar el programa VSO, o cualquier otro que uds
manejen para el ajuste.
Las subimos a todas a la sección Imágenes, para tenerlas disponibles e insertarlas en donde
creamos apropiado. Si les parece más ordenado, creen una categoría llamada “Fotos del
Instituto” (o un nombre del estilo).

Imágenes Accesorias

Paso siguiente, crear una nueva categoría dentro de la sección Imágenes, que se puede
llamar “Imágenes Accesorias” donde subiremos una serie de iconos. Les damos un paquete,
pero lo mejor es que cada uno de ustedes elija o genere las imágenes propias, para
personalizar mejor el espacio institucional.
Esa galería de imágenes las podremos utilizar en todo el sitio web, no sólo en la página de
inicio,claro está!

En la sección archivos de la clase 2, pueden encontrar algunos paquetes de iconos.

Anímense con las viñetas, para empezar...

Para crear las viñetas, directamente hay que incrustar las imágenes desde la sección
Imágenes, antes del texto.

Seguimos...?

Ya que tenemos esas fotos preciosamente adaptadas, vamos a reutilizarlas, somos muy
ecológicos ;)
Las subiremos a un sitio web (www.slide.com) que genera un pase de diapositivas, al que se le
puede añadir efectos y sonido (bueno, bueno, pero no se entusiasmen!!)
El producto de ese trabajo es una secuencia animada de fotos, pero la buena noticia es que
solo necesitamos copiar y pegar el código producido.

Tutorial de Slide (Hagan clic en Full para verlo en detalle)

Ver tutorial en http://www.slideshare.net/infdtic/tutorial-de-slide-3369808?from=ss_embed

Recuerden que para insertar código HTML, tienen que posicionar el cursor en donde
quieren que aparezca el Slide y hacen clic en el botón "Inserta texto HTML" de la
barra de herramientas del editor Web.

Un consejo, traten de utilizar la menor cantidad de efectos posibles en el slide, si lo cargan

mucho les puede llegar a quedar un cambalache.

Como ven, el pase de diapositivas le añade “vida” a una página. Pero ustedes ponderen si vale
la pena ponerlo aqui, o en otras páginas interiores. A veces una buena foto que se carga rápído
es igualmente un convite a seguir leyendo...

Seguimos la charla en el foro

Mariano

TAREAS DE ESTA SEMANA:

1. Actualizar el logo del Instituto

2. Subir las fotos a la sección Upload de la administración del sitio
3. Subir una serie de iconos básicos, líneas, separadores a Upload
4. Generar un slide con esas fotos (u otras...)
5. Utilizar una de las fotos (o un slide) para actualizar la página de inicio del sitio