PÁGINAS WEB (2ª ENTRADA)

Bueno, después de que habéis hecho la primera página sobre un deporte, tenéis que hacer una segunda página sobre otro deporte, el que elijáis. Esta segunda página la guardaréis con otro nombre distinto. Ya sabéis que utilizaréis el programa NVU de creación y edición de páginas web.

A continuación haréis una tercera página, utilizando tablas, que será la futura página principal de nuestra web. En esta tercera página haréis una columna a la izquierda en la que haréis una relación de los deportes sobre los que váis a dar información. La idea es que pinchando en cada deporte saltaremos a la página correspondiente de ese deporte. En la parte derecha de la página tendréis que explicar la razón de hacer esa página, el tema de que trata y cualquier otra información que creáis que sea interesante para una persona que viera vuestra página. Por último, como siempre tendréis que guardar esta tercera página con otro nombre, el que os parezca oportuno.

El último paso será enlazar las tres páginas que hasta ahora habéis creado. Para ello se utilizan hipervínculos. Consultad el libro donde se os explica la forma de realizar esos hipervínculos o consultad con el profesor.

Cuando hayáis hecho todo esto, se puede decir que ya sabéis como hacer una página web.

CREAR NUESTRA PROPIA PÁGINA WEB

Bueno, entrando ya en la tercera evaluación, vamos a comenzar por la creación de páginas web. Como ya sabéis, cuando nos conectamos a Internet lo que vemos son las informaciones de personas que se han encargado de diseñar esas páginas, darle forma, insertar imágenes, enlazar unas páginas con otras, etc. Existen muchas herramientas para hacer estos diseños: Dreamweaver, NVU, FrontPage ... Nosotros vamos a comenzar con una aplicación sencilla que es de los denominados "software libre", se trata del programa NVU. Su utilización la tenéis explicada paso a paso en las páginas 138 y siguientes de vuestro libro de texto y en el CD-ROM del mismo está la aplicación comprimida. Sólo tenéis que descomprimirla en vuestro ordenador y después ejecuta el programa haciendo clic sobre el archivo ejecutable "nvu" existente en la carpeta.
Ya podéis poneros manos a la obra, tenéis que realizar las actividades que vienen en el libro e ir pensando el tema del que queréis hacer vuestra propia página web. Más tarde colgaremos algunas en Internet.

FINAL DEL TRIMESTRE

Se aproxima el final del segundo trimestre. Para terminar este periodo váis a hacer una recapitulación de todo lo aprendido. Debéis insertar una entrada en vuestro blog en la que váis a explicar todo lo que habéis hecho.

La entrada tiene que ser extensa, nada de limitarse a escribir una frase sin más. Váis a describir las actividades que habéis aprendido, cuidando la expresión y la ortografía. Explicad con el mayor detalle posible cada uno de los procedimientos que habéis utilizado esta evaluación y podéis hacer uso también de algunas de esas herramientas que ya conocéis.

Al final de esa entrada tenéis que atreveros incluso a daros una puntuación a vosotros mismos para el trimestre, intentad ser lo más sinceros posible. Vamos allá.

CUARTO EJERCICIO GIMP

Ahora vamos a transformar el cuadro Las Meninas que está también como imagen en nuestro servidor. Le vamos a aplicar varias transformaciones y cada una de ellas la vamos a guardar con un nombre distinto en nuestro servidor:

a) Primero, vamos a "voltear horizontalmente" el cuadro de forma que lo que hay a la izquierda aparezca a la derecha y viceversa. También vamos a "recortarlo" hasta eliminar al pintor y el techo de la habitación. Después lo guardas con el nombre "Recortar y Voltear las Meninas". Aquí ves el resultado:

b) Segundo, vamos a utilizar la herramienta de "clonación" que tienes que utilizar con la tecla Ctrl y Shift para quitar el perro de la escena y simular el contenido que habría en su posición. La guardarás con el nombre "Perro fuera de Meninas".

c)Tercero, cambiaremos de estilo pictórico aplicando un "Filtro" artístico. Por ejemplo, lo convertiremos en un cuadro cubista, impresionista u otro filtro que tú elijas.

d)Y por último, dibuja tú algún detalle que quieras: añade personajes, cambia colores, inserta texto, lo que tú elijas.

No te olvides, como siempre, de subir los cambios que has hecho a tu blog.

TERCER EJERCICIO GIMP

Vamos a realizar un cartel publicitario de nuestro viaje de estudios. Utilizaremos, como es natural, el programa GIMP.
Busca fotos de paisajes, monumentos, esculturas, etc., de los lugares que váis a visitar en el viaje de estudios y guárdalas en tu carpeta del servidor. Realiza después un collage con partes de las fotografías utilizando GIMP. Recorta partes de las fotografías seleccionadas e inserta rótulos explicativos. Tienes que trabajar con capas, utilizando un fondo sobre el que vayas colocando los recortes y las explicaciones. Guárdalo en tu carpeta del servidor y, por último, haz una entrada en tu blog en la que coloques el cartel una vez terminado.

SEGUNDO EJERCICIO DE GIMP

En la página 78 del libro de texto tenéis un ejercicio completo con este programa de retoque fotográfico. Utilizando las dos fotografías, la de las cabritas y la del paisaje, haz el fotomontaje que se explica, recortando la persona y las cabras y colocándolas con el fondo del paisaje. Puedes colocar otro rótulo distinto al que aparece en el libro de texto o hacer el montaje de otra forma, eso queda a tu elección.

Finalmente, coloca el resultado en tu blog para que lo podamos ver todos como una imagen en una entrada.

PRIMER EJERCICIO GIMP

En la página 76 del libro de texto tenéis un ejercicio con Adobe Photoshop, pero que se puede hacer igualmente con Gimp. Se trata de eliminar el efecto de ojos rojos que aparece en algunas fotografías cuando hacemos un retrato a una persona.

Utilizando la fotografía que está en el CD que está guardada con el nombre "ojos rojos" intenta tú pintar el iris de la niña con color negro. En el programa GIMP existe una opción en "Filtros", "Realzar" y, por último, "Ojos Rojos".

Por último, haz una entrada en tu blog donde se vea la imagen sin los ojos rojos, tal y como ha quedado después de que tú le hagas el retoque.

RETOCAR FOTOGRAFÍAS

Vamos ahora a utilizar una herramienta informática para retocar imágenes, en general, y fotografías, en particular. Este programa se llama GIMP. Es equivalente a otro cuyo nombre quizás os suene más, Adobe Photoshop, pero éste es libre. Lo podemos instalar en cualquier ordenador sin que tengamos que pagar por él.

Este programa lo podéis descargar directamente de la página gimp.org o de nuestro servidor, ya que está en la carpeta Programas para que lo podáis instalar en vuestro ordenador. También tenéis en esa carpeta varios manuales para que los consultéis y este tema se trata en la unidad 4 de vuestro libro de texto. En el CD que viene con el libro de texto hay una versión anterior del programa GIMP que podéis instalar en el ordenador y varias fotografías que utilizaréis para retocarlas en los sucesivos ejercicios que váis a hacer en clase.

Instalad ahora el programa en el ordenador y empezad a manejarlo con alguna imagen que os descargéis de Internet. No os preocupéis si cometéis errores al principio.

COLOCAR UN AUDIO PARA ESCUCHAR EN TU BLOG

Existen paginas en la red que te permiten colocar audio en formato mp3 para escucharlo en tu blog. Puede ser una grabación o incluso música. Una de esas páginas es "Muzicons". Si tienes una grabación en el ordenador solo tienes que entrar en http://www.muzicons.com/ y seguir los pasos que se te indican. Te generará un código que solo tienes que pegar en tu entrada, como hemos hecho otras veces.
Aquí tienes una canción de Sting que he colocado aquí para que veas el resultado. Haz clic para escucharla.


Ahora intenta tu hacer lo mismo con otra grabación que tengas en tu ordenador.

INSERTAR UN VÍDEO

A continuación vamos a insertar un vídeo en una entrada de nuestro blog.
Es bien sencillo, solo tenemos que buscar el vídeo que queremos colocar aquí en "Youtube", por ejemplo. Una vez lo hemos encontrado, nos aparece un código a la derecha, el que está en el apartado "Insertar". Basta con copiar ese código y pegarlo en nuestra entrada.

Así hemos colocado aquí un un vídeo de la ciudad de Praga que se encuentra en Youtube:



Haz ahora tú lo mismo en tu blog con un vídeo que te guste.

CREAR UNA PRESENTACIÓN CON GOOGLE DOCS

Ahora vamos a utilizar la tercera de las aplicaciones de Google Docs: la aplicación que nos permite hacer presentaciones electrónicas.

Aquí abajo hemos publicado una presentación que teníamos en nuestro ordenador. Para ello, la hemos subido a Google Docs.
Comenzaremos Google Docs de la forma que ya conocemos de las dos entradas anteriores y en "Nuevo" seleccionaremos Presentación. Después seleccionaremos "Archivo" y después "subir presentación". Cuando veamos ya nuestra presentación en Docs tenemos que "Compartir" y "Publicar" nuestra presentación. El programa genera un código que debemos seleccionar y copiar. Posteriormente, en la entrada que escribamos en nuestro blog debemos pegar ese código, pero cuidado, lo pegaremos en "Edición HTML".

Intenta tú ahora subir una presentación de las que has realizado en clase para que se vea en tu blog. Observa que esta es otra manera de colocar un álbum de fotos en una entrada en tu blog en forma de presentación electrónica.

HOJA DE CÁLCULO CON GOOGLE DOCS

Vamos ahora a hacer una hoja de cálculo con Google Docs.

Accedemos primero a esta aplicación. Ya sabes, en la página de Google haces clic en "Más", después en "Docs" otra vez. Introducimos nuestra dirección de correo electrónico y nuestra contraseña (lo mismo que cuando accedemos a nuestro blog).

A continuación, haces clic en "Nuevo" y seleccionas "Hoja de cálculo". Como ves, es muy parecida a la que hemos utilizado en clase. Aquí te coloco una conexión a una hoja de ejemplo sencilla en la que hemos insertado un gráfico. Ver ejemplo.

UTILIZAR GOOGLE DOCS

Google Docs es otra herramienta que nos facilita Google para poder hacer distintos documentos. Nos permite escribir un documento, hacer una hoja de cálculo o realizar una presentación. Si tenemos una cuenta en Google, hacemos clic en "Más" y después en "Docs". Solo tenemos que acceder a esta aplicación con nuestra dirección de correo electrónico y nuestra contraseña, tal y como hacemos para crear nuestro blog.
La ventaja de utilizar estas herramientas es que podemos acceder a ellas en cualquier parte, teniendo conexión a Internet podemos recuperar nuestros documentos y seguir trabajando con ellos.
En principio, Docs nos aparece en inglés, pero podemos cambiar el idioma si pinchamos en "settings" (configuración) y elegimos el idioma español. Después en la opción "Nuevo" podemos elegir escribir un texto, hacer una hoja de cálculo o realizar una presentación.
Como primer ejercicio escribe un texto sencillo y crea una entrada en tu blog que te lleve hasta ese documento, tal y como ves aquí. Ver documento. Después de escribir el documento debes pinchar en "Compartir" y después "Publicar como página web". Te dará una dirección que comienza por "http://" que te permitirá hacer él enlace en la entrada.

Inténtalo tú ahora.

ÁLBUM DE FOTOS

Podemos incluir un álbum de fotos en nuestro blog. En la red esto es bastante habitual. Muchos de vosotros ya lo habéis hecho en páginas como tuenti, fotolog, photoblogs, msn, etc.

Si tenemos un álbum en algunas de estas páginas y queremos que aparezca en nuestro blog, sólo tenemos que hacer un enlace tal y como ya sabemos.

Existen otras formas de incluir un álbum de fotos en nuestro blog. Google nos proporciona una herramienta gratuita que podemos utilizar con este fin, se llama Picasa. También existen otras como Flickr.

Si te haces una cuenta en Picasa y te lo bajas puedes hacer tu propio álbum de fotos y colocarlo en tu blog. Para ello debes "Añadir un gadget" en "Diseño" y seguir las instrucciones que se te dan.

En este blog puedes ver el álbum de fotos que he colocado de esta forma.
Bien colocando un enlace a otra página o haciéndolo con alguna aplicación que te lo permita, coloca tú también un álbum de fotos en tu blog.

INCLUIR UNA ENCUESTA

Es fácil colocar una encuesta en tu blog. Sólo tienes que hacerlo en el "Diseño" y en "Añadir gadget". Selecciona la opción "Encuesta", a continuación.

Debes pensar bien la pregunta que quieres que respondan las personas que entren en tu blog. Puedes incluir el número de respuestas que creas oportuno. Eso sí, debes definir la fecha y la hora en la que quieres que finalice la encuesta. A partir de ese momento no se podrá responder a la encuesta.

Si no pudieras utilizar la opción "Añadir gadget", siempre puedes utilizar alguna de las muchas páginas de internet que dan ese servicio, como hemos puesto el contador.

Hazlo tú ahora en tu blog.

HACER CONEXIONES A OTROS BLOGS O WEBS

Si queremos hacer una conexión a una página web, bien sea otro blog o a una dirección cualquiera de internet, podemos hacerlo en una de las entradas o, si queremos que se vea de forma permanente, lo haremos en el Diseño del blog.



Si hacemos el enlace en una entrada y no quieres que aparezca la dirección visible, tendrás que escribir el texto, por ejemplo HAZ CLIC AQUÍ, seleccionas ese texto y después pincharemos en el icono de la bola del mundo con una cadena que aparece en la plantilla para crear entradas en tu blog. Así se ha hecho el enlace que ves aquí que te llevará al blog de Dyan.

Para que aparezca de forma permanente, tendremos que hacer el enlace en el Diseño, después pincharemos en "añadir un gadget" y por último seleccionaremos "lista de enlaces". Así iré añadiendo en el margen enlaces a vuestros blogs. Ahora solo he colocado el enlace al blog de Malena.

Ahora haz tu enlaces a otros blogs, tanto en la entrada que escribas hoy como de forma permanente, añadiendo un gadget.

AÑADIR UN CONTADOR

Puede ser importante también añadir un contador de visitas en tu blog.

Existen numerosos sitios en la red que te facilitan de forma gratuita el contador que necesitas.

Si escribes en el buscador (Google, por ejemplo) "contador de visitas gratis" verás que hay muchos entre los que elegir: contadorgratis, contadorwap, etc...

Te registras y te proporcionan un código html que deberás copiar y pegar en el sitio que desees de tu blog: entramos en "diseño", después hacemos clic en "Añadir un gadget" y en la ventana que se abre elegimos la aplicación "HTML/Javascript", donde pegaremos el código que nos han facilitado.
Ahora tenemos un contador de visitas en nuestro blog.

AÑADIR UNA IMAGEN EN UNA ENTRADA

Se pueden subir imágenes aisladas en una entrada del blog directamente en "creación de entradas". Para ello, solo tienes que hacer clic en el icono "añadir imagen" y seguir las instrucciones que se te indica en la ventana que se abre.
Puedes añadir una imagen que tu tengas en tu ordenador o una imagen que aparezca en la red. Si la imagen está en tu ordenador solo tienes que seleccionarla de la carpeta donde la tengas en tu ordenador. Si la imagen está en internet solo debes dar la dirección donde se encuentra.

Aquí he publicado yo una de las imágenes que tengo en el ordenador.

Haz tú lo mismo con otra imagen que tengas en clase.

EN MARCHA

Este es el blog de los alumnos y alumnas del I.E.S. Sierra Almenara de Guadiaro para el curso 2008/2009.

El primer ejercicio que haréis será crear vuestro propio blog. Para ello, tenéis que ir a la página de Google y seleccionar la opción "Más", de entre las que aparecen en azul, en la parte de arriba de la página, a la izquierda. Después volveréis a pinchar en la opción "todavía más" en el menú que se abre después. A parti de ahí se selecciona la aplicación "Blogger" que os va guiando a través de la web para crear vuestro blog.

Vuestro blog deberá contener, al menos:

Perfil con foto opcional.
Una entrada cada día de clase, con fotos, enlaces a otrs páginas, etc.
Contador de visitas.
Enlace permanente a este blog.
Y otros contenidos que iremos viendo en próximas sesiones.

Aprended y divertíos.