Actividad

1.  Realizar un resumen de la siguiente lectura.

2.  Responder las siguientes preguntas:

     a.  ¿Que me gustaría publicar?

     b.  ¿A quien iría dirigida mi página?

     c.  ¿Con que material puedo contar?

     d.  ¿Que necesitaría?

3.  Realiza un mapa mental indicando las partes mas importantes del texto.
Puedes usar las siguientes paginas para la elaboración de este y compartirlo al siguiente correo electronico:  infotecn13@gmail.com

MINDMAPS. Mapas mentales (online y gratis; también se puede descargar)

GOCONQR:  Mapas mentales y otros recursos (nline y gratis)

BUBBLS. Sencillo editor de mapas mentales (online y gratis)

Sugerencias para realizar una página Web ¿qué va en mi sitio?

Debes tener muy claro lo que vas a publicar y cual es la finalidad de tu sitio: ¿es una web de negocios? ¿o tu web es por afición?. Quizás este detalle te parezca algo tonto, pero si alguien que busca un cierto archivo mp3 llega a una página donde se hable de gatos, música y trucos del PC ¿qué pensará? Esta es una página personal de uno que cuenta su vida. Y se irá a algún sitio con un aire más profesional, o al menos más serio. Es preferibe que crees tres sitios: uno para los gatos, otro para la música y otro para los trucos de PC. Sea cual sea la finalidad de tu web se supone que quieres hacer un buen sitio, interesante y atractivo para quien lo visite. Hola me llamo Pepe y me gusta el cine, el futbol y las pibas. Además tengo pecas. Ahondando en los mismo asegúrate de que tienes algo interesante que publicar, por que sólo a ti te interesa que tu perro se llame Toby y sepa ladrar en Do mayor. Ya hay suficientes páginas publicadas para no decir nada. Tu quieres hacer un sitio de aspecto profesional. Puede ser divertido, informal, serio, alegre... pero ante todo debe ser atractivo. Si quieres publicar algo como mínimo es porque quieres que la gente lo lea. Asegúrate de tener suficiente material para llenar tu web Las típicas páginas con el icono de Página en construcción frustran a quien va buscando algo en nuestro sitio y por tanto sólo consiguen ahuyentar a las visitas. Realmente una web nunca está completa y habitualmente siempre le irás añadiendo cosas, y eliminando otras ya obsoletas, pero para empezar debes tener contenido suficiente. ¿Cuánto es un contenido suficiente? No hay reglas, pero ponte en el lugar del visitante. Piensa que a nadie le gusta llegar a un sitio que promete tener por ejemplo mil biografías de actores y sólo encuentra la fotografía de Brad Pitt o un magnífico cartel de sitio en construcción. Si vas a publicar un sitio de recetas de cocina, una buena idea sería tener unas páginas dedicadas a técnicas generales de la cocina y recetas suficientes para preparar los menús de un mes. Luego cada semana puedes añadir nuevos platos y nuevas secciones. Pero debes comenzar con un digamos esqueleto atractivo y completito, sobre el cual levantarás el resto de tu web. Si estas preparando una web para una librería en la red, publica un catálogo inicial que incluya los títulos más vendidos y algún sistema para que los visitante puedan pedir los que no aparezcan en ese catálogo. También es conveniente que preveas a quien va dirigida tu web. Volviendo al ejemplo de una web de cocina, piensa que el ordenador no está en la cocina luego tu sitio deberá prever que el visitante pueda imprimir fácilmente las recetas. Si tu web trata sobre un tema atractivo para jóvenes ten en cuenta que este tipo de visitante se siente muy atraído por los chats, sería buena idea que colocaras un chat en tu sitio. Y si va dirigida a niños olvídate de largos textos y barras de navegación complicadas: todo muy colorista, con animaciones y botones de navegación muy, muy intuitivos. En los casos de webs comerciales el destinatario de la web es el destinatario del producto, ¿una peroguyada?, pues no: el cliente del producto que vendes tendrá un perfil que debes conocer, usa esos datos cuando construyas la web, y no sólo el artículo que vendas. Por ejemplo: vendes artículos relacionados con la informática destinado a un pesonal técnico, acostumbrado a leer tablas de datos y características de productos. Tu web deberá tener un aspecto sobrio, práctico, colores claros, con pocos elementos que distraigan al visitante y con tablas de datos y características bien visibles y accesibles, tablas comparativas no estarán de más, y por supuesto listas de precios. Si vendes literatura de misterio casi seguro que estás pensando en una estética muy diferente: colores oscuros, figuras y adornos relativos a vampiros y otros símbolos relativos a ese mundillo. Quien va a comprar estos artículos seguro que le gusta recibir algún susto desde la pantalla de su ordenador y moverse entre tinieblas.

Imágenes en la web
Bien sea para ilustrar la información contenida en nuestras páginas o para integrar un largo texto o, por que no, por cuestiones estéticas, es prácticamente imposible evitar colocar alguna que otra imagen en nuestras páginas. Al emplear las imágenes debemos guiarnos por unas cuantas reglas básicas: Procurar que las imágenes sirvan para algo, que den información. Esta es una de las razones por las que debemos usar los atributos ALT. No pasarnos. La página no debe pesar demasiado. Un visitante que ve como la página tarda en cargarse más de 15 o 20 seg lo más probable es que se vaya y, lo que es peor, que no vuelva. Procurar un equilibrio entre tamaño del archivo de imagen y calidad de ésta. A veces una imagen muy grande requiere una compresión tal que al final tenemos una calidad pésima. En estos casos debemos plantearnos el tipo de imagen a usar.
Tipos de imágenes
Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están formadas por unos puntos muy pequeños llamados pixels. Si tu monitor fuera de aquellos en blanco y negro utilizados en la época de los pioneros, cada pixel podía estar encendido (color blanco) o apagado (color negro). En los monitores de color actuales cada pixel o punto de pantalla no representa esos dos únicos colores, como sabes pueden mostrar millones de colores y tonalidades. Pero la idea es la misma. La imagen está formada por puntos y el ordenador los maneja como bits. A la hora de codificar esta imagen para poder guardarla en un archivo existen dos técnicas básicas: los mapas de bits y las imágenes vectoriales
Mapas de bits
Volvamos al monitor en blanco y negro. Cada punto de la pantalla es o blanco o negro, almacenar esa imagen en un archivo es sumamente fácil: cada punto (blanco o negro) es un bit (1 o 0). Si la imagen tiene 240 puntos ocupa 240 bits (240:8 = 30 bytes). Pero en realidad cada punto representa más de dos colores, 16 millones (si usamos 24 bits para cada pixel). En este caso la imagen anterior ocupará algo más: 240 puntos x 24 bits : 8 son 720 bytes. Ten en cuenta que 240 puntos es una imagen pequeñita, de 15 pixels de alto por 16 pixels de ancho por ejemplo. En este método se basan los formatos JPG, PNG o GIF utilizados en las páginas web y que usan diferentes algoritmos para comprimir los archivos y ocupar así menos espacio. Si estas imágenes se escalan (se se les varía el tamaño) la calidad se ve degradada.
	Imágenes JPG
		Usando este formato pueden almacenarse imágenes de hasta 24 bits de color. Es recomendable para fotografías o imágenes con degradados. Cualquier programa editor de gráficos permite guardar una imagen en este formato con diferentes grados de compresión. Lógicamente cuanto más comprimamos la imagen menor es su calidad. Si queremos imágenes de alta calidad debemos soportar archivos de tamaños elevados. Recientemente ha aparecido una variación de este formato denominada JP2 o JPG2000, especialmente destinado a la red. Pero aún no es admitido por todos los exploradores.
	Imágenes GIF
		Este otro formato se usa para imágenes con hasta 256 colores ( 8 bits de color). Frente a esta limitación nos ofrece la posibilidad de definir zonas transparentes y además existe una variante que permite imágenes animadas, muy útil para llamar la atención sobre algo en concreto como puedan ser las novedades de nuestro sitio o un anuncio de algún servicio. Pero conviene no abusar de las animaciones, son archivos muy grandes y pueden llegar a resultar pesados. En nuestro sitio Gifsanimados tienes una excelente colección para elegir
	Imágenes PNG
		El formato PNG es el gran desconocido de internet, pese a su magnífico comportamiento. Realmente existen varios formatos PNG: PNG8, que almacena imágenes de hasta 256 colores, PNG24 para imágenes de 24 bits y PNG32 para imágenes de 32 bits. Permite transparencias como los GIF y transparencia graduada (colores cuya opacidad van desde el 0% hasta el 100%), aunque los exploradores no aprovechan esta utilísima propiedad. Por contra no admiten animaciones.
Imágenes vectoriales
Ese otro método de almacenar imágenes se basa en encontrar funciones matemáticas para representar la imagen completa. Este método no sólo se usa para figuras regulares (rectángulos, cuadrados, círculos) también se puede usar para imágenes tipo fotografía. Si alguno de los que leéis estas líneas ha oído hablar de una cosa llamada figuras de Mandelbrot sabrá que es eso de encontrar una función matemática para representar la formas tan poco regulares como un paisaje de montaña y similares. Estas imágenes dan una calidad excelente y permiten ser escaladas (modificar su tamaño) sin pérdida de calidad. Un ejemplo son los archivos DXF y otros usados en programas CAD. Estos formatos no se usan en las páginas web.

Comparando formatos
Ante todo advertiros que esta página es muy pesada y tardará en cargarse bastante tiempo. Y es que contiene varias imágenes, algunas de ellas no optimizadas, imprescindibles para ilustrar lo que te contamos acerca, precisamente de la importancia de colocar imágenes optimizadas en tus páginas.
Imagen JPG (5,91 KB)	La misma en formato GIF (16,4 KB)	Y ahora en PNG8 (13,9 KB)
Como vemos en los ejemplos la imagen JPG ofrece una muy buena calidad para un tamaño nada excesivo. Los formatos GIF y PNG8 dan archivos muy grandes y con una calidad muy regular, solo usan 256 colores. Claro que estamos con una fotografía con degradados, es decir, con muchos tonos de color.
JPG (6,18 KB)	GIF (2,82 KB)	PNG8 (2,51 KB)
Este otro ejemplo vemos que las imágenes con formatos GIF y PNG8 proporcionan una mayor calidad con menor tamaño que la imagen JPG, en este último puedes ver si te fijas que los colores de las letras no son uniformes como debieran. Además los archivos GIF y PNG permiten el uso de zonas transparentes. El siguiente gráfico está en formato PNG de 24 bits (equivalente a un JPG por número de colores). Es un archivo que con menos de 5 KB logra una excelente calidad.
¿Qué formato es el mejor?
Ya has podido comparar los diferentes formatos de los que vas a disponer a la hora de colocar gráficos en tus páginas. ¿Que formato elegir? La respuesta va a depender del tipo de gráfico, de la calidad que desees. En principio las fotografías quedan mejor en formato JPG, mientras que las imágenes con colores muy definidos y sin degradados puedes colocarlas en formato GIF o PNG. Evidentemente si lo que necesitas son imágenes animadas estas obligado a usar archivos GIF. Pero en general lo mejor es que pruebes las distintas posibilidades. En general los programas de edición de gráficos te ayudarán a la hora de exportar tus imágenes par la web.
Y ojo no pongas imágenes por ponerlas, sin más motivo que el hecho de que quedan bonitas. Procura que sirvan para algo, para atraer la atención sobre algo en concreto (un enlace, una novedad) o que den información, pues a fin de cuentas es lo que buscan quienes viajan por la red. En este sentido no olvides nunca rellenar el atributo ALT de los elementos img usados en HTML para colocar las imágenes. Este detalle también te ayudará a situarte en los buscadores.